var mouse_is_inside = false;

$(document).ready(function(){
	
	$('#searchOptionsWrap').hover(function(){ 
        mouse_is_inside=true; 
    }, function(){ 
        mouse_is_inside=false; 
    });
	
	$("#searchOption").click(function (event) {
	
		$(this).toggleClass('active');
		$("#searchOptions").toggle();
		event.stopPropagation();
		return false;
		
	});
		
	$('body').mouseup(function(){ 
        if(! mouse_is_inside) { 
        	if( $('#searchOptions').is(':visible') ) {
		 		$("#searchOption").toggleClass('active');
		 		$("#searchOptions").toggle();
		 	}
        }
    });
    
    $('#searchOptions li span').hover(function(){ 
        $(this).toggleClass('hover');
    }, function(){ 
        $(this).toggleClass('hover');
    });
    
    
    
    
    $("#searchOptionCity span").click(function() {
    	$("#searchOption").toggleClass('active');
		$("#searchOptions").toggle();
		$("#searchOption").html('City');
		$("#searchType").val('City');
    });
    
    $("#searchOptionEvent span").click(function() {
    	$("#searchOption").toggleClass('active');
		$("#searchOptions").toggle();
		$("#searchOption").html('Event');
		$("#searchType").val('Event');
    });
    
    $("#searchOptionArtist span").click(function() {
    	$("#searchOption").toggleClass('active');
		$("#searchOptions").toggle();
		$("#searchOption").html('Artist');
		$("#searchType").val('Artist');
    });
    
    $("#searchOptionVenue span").click(function() {
    	$("#searchOption").toggleClass('active');
		$("#searchOptions").toggle();
		$("#searchOption").html('Venue');
		$("#searchType").val('Venue');
    });
    
    $("#closeSearchOptions").click(function() {
    	$("#searchOption").toggleClass('active');
		$("#searchOptions").toggle();
		return false;
    });
   
});