// Navigations js
/*
$(document).ready(function(){
	
	// main navigation handling (display and hide subnavigation elemenets)
	
	// bind mouseover Event on <a> tag in main menu
	$('ul.mainmenu > li > a').bind('mouseover', function(event){
		
		// hide active element, after hiding show selected
		$("ul.mainmenu > li.active > ul").fadeOut('fast',function(){
			var context = $(event.target).parent().parent(); 
			$('ul.submenu',context).fadeIn();
		});
		
	});
	
	// bind mouseout Event on <a> tag in main menu
	$('ul.mainmenu > li > a').bind('mouseout', function(event){
		
		// hide selected and when finished show active
		var context = $(event.target).parent().parent(); 
		$('ul.submenu',context).fadeOut('fast', function (){
			// $("ul.mainmenu > li.active > ul").fadeIn();
		});
	});
	
	$('ul.submenu > li > a').bind('mouseover', function(event){
		
		// trigger mouseover for parent a
		// var context = $(event.target).parent().parent().parent(); 
		//$('img', context).trigger('mouseover');
		// console.log(context);
		
		// hide active element, after hiding show selected
		console.log('submenu rollover triggered');
		console.log($('ul:animated'));
		$('ul:animated').fadeIn();
		
	});
	

});
*/

$(document).ready(function(){
	
	// remove default mouseover and mouseout handler
	$('ul.mainmenu > li > a').unbind();
	$('ul.mainmenu > li > a').removeAttr('onmouseout').removeAttr('onmouseover');
	
	$('ul.mainmenu > li > a').bind('mouseover', function(event){
		
		// check if preset state exists
		out($('ul.mainmenu > li.preset > a > img').attr('name'));
		
		// check if other opened submenus has to be closed
		$('ul.mainmenu > li').each(function(){
			if( $(this).hasClass('active') ){
				out($('ul.mainmenu > li.active > a > img').attr('name'));
				$(this).removeClass('active');
			}
		});
		
		
		// add active class to event.target
		$(event.target).parent().parent().addClass('active');
		var context = $(event.target).parent().parent();
		over($(event.target).attr('name'));
	});	
	
	/*
	$('ul.submenu > li > a').bind('mouseover', function(event){
		
		// console.log($('ul.mainmenu > li.active > a > img').attr('name'));
		// over($('ul.mainmenu > li.active > a > img').attr('name'));
		
	});
	
	$('ul.mainmenu > li.active > ul.submenu').bind('mouseout', function(event){
		
		// console.log('hide submenu and out() for parent img');
		
	});
	*/
	
	$('div#content').bind('mouseover', function(event){
		// hide suzbnavigation
		
		out($('ul.mainmenu > li.active > a > img').attr('name'));
		$('ul.mainmenu > li.active').removeClass('active');
		$('ul.mainmenu > li.preset').addClass('active');
		
	});
	$('div#logo').bind('mouseover', function(event){
		// hide suzbnavigation
		
		out($('ul.mainmenu > li.active > a > img').attr('name'));
		$('ul.mainmenu > li.active').removeClass('active');
		$('ul.mainmenu > li.preset').addClass('active');
		
	});
	
});