$(document).ready(function(){

    $(".dropdown").live("mouseover mouseout",function(e){

        if(e.type == "mouseover"){
             $(this).find(".dropdown-menu").show();
        }else{
            $(this).find(".dropdown-menu").hide();

        }

    });

	$(".city").click(function(){
		$(".city-box").toggle();
	});


    $(".searchboton").click(function() { //When trigger is clicked...

        //Following events are applied to the subnav itself (moving subnav up and down)
        $(this).parent().find(".search-box").show(); //Drop down the subnav on click

        $(this).parent().hover(function() {
        }, function(){
            $(this).parent().find(".search-box").hide(); //When the mouse hovers out of the subnav, move it back up
        });

        //Following events are applied to the trigger (Hover events for the trigger)
    });
});