function selectItem(item) {
    jQuery('div.menu').fadeOut(0);
    jQuery('ul.nav li.section.selected.highlight').removeClass("highlight");
    jQuery('ul.nav li.section.selected').removeClass("selected");
    jQuery('li#'+item).addClass("selected");
    
    var offset = jQuery.inArray(jQuery('li#'+item)[0], jQuery('ul.nav li.section'));
    jQuery('div#menu_'+item).css('margin-left', offset * 50 + 'px');
    jQuery('div#menu_'+item).fadeIn(0);
}

jQuery(document).ready(function() {
	var touchclick = navigator.userAgent.match(/(iPad|iPhone)/i) ? "touchstart" : "click";
	
	jQuery('html').bind(touchclick, function() {
	    jQuery('div.menu').fadeOut(0);
        jQuery('ul.nav li.section').removeClass("selected");
    });
    
    jQuery('div.main_nav').bind(touchclick, function(event){
        event.stopPropagation();
    });
	
	jQuery('ul.nav li.section').mouseenter(function() {
	    selectItem(this.id);
	});
	
	jQuery('ul.nav li.section#store').mouseleave(function() {
	    jQuery('ul.nav li.section').removeClass("selected");
	});
	
	jQuery('div.main_nav div.menu a.item').bind(touchclick, function() {
       var selected = jQuery('ul.nav li.section.selected');
       if (!jQuery.inArray(this, jQuery('div.main_nav div#menu_'+selected[0].id+' a')))
           selected.addClass("highlight");
       jQuery(this).addClass('hover');
    });
	
	jQuery('div.main_nav div.menu a.item').mouseenter(function() {
       var selected = jQuery('ul.nav li.section.selected');
       if (!jQuery.inArray(this, jQuery('div.main_nav div#menu_'+selected[0].id+' a')))
           selected.addClass("highlight");
       else
           selected.removeClass("highlight");
    });
	
	jQuery('div.main_nav div.menu a.item').mouseleave(function() {
    	jQuery('ul.nav li.section.selected.highlight').removeClass("highlight");
    });
	
	jQuery('ul.nav li.section').bind(touchclick, function() {
	    var item = this;
	    setTimeout(function(){selectItem(item.id);}, 200);
	});
	
	jQuery('div.main_nav').mouseleave(function() {
        jQuery('div.main_nav div.menu').fadeOut(0);
        jQuery('ul.nav li.section.selected.highlight').removeClass("highlight");
        jQuery('ul.nav li.section.selected').removeClass("selected");
    });
});
