$(document).ready(function() {	
			//-- this is a completly condensed version but to view the simple one file: simple_mainmenu.js 
		$ai 		= 		[$('#menu-about'),$('#submenu-holder-a'),'-85px']		
		$ti 		= 		[$('#menu-tickets'),$('#submenu-holder-t'),'-170px']
		$ni 		= 		[$('#menu-news'),$('#submenu-holder-n'),'-269px']
		$mu 		= 		[$('#menu-music'),$('#submenu-holder-mu'),'-348px']
		$mmi 		= 		[$('#menu-media'),$('#submenu-holder-m'),'-433px']
		$bi 		= 		[$('#menu-contact'),$('#submenu-holder-c'),'15px']
		$me			=		"mouseenter";
			
		//-- sub-menu's 
	$ai[0].hover(function(e){ $um($ai[0],$ai[1],$ai[2], e.type)}, function(e){$um($ai[0],$ai[1],$ai[2], e.type)});
	$ti[0].hover(function(e){$um($ti[0],$ti[1],$ti[2], e.type)}, function(e){$um($ti[0],$ti[1],$ti[2], e.type)});
	$ni[0].hover(function(e){$um($ni[0],$ni[1],$ni[2], e.type)}, function(e){$um($ni[0],$ni[1],$ni[2], e.type)});
	$mu[0].hover(function(e){$um($mu[0],$mu[1],$mu[2], e.type)}, function(e){$um($mu[0],$mu[1],$mu[2], e.type)});
	$mmi[0].hover(function(e){$um($mmi[0],$mmi[1],$mmi[2], e.type)}, function(e){$um($mmi[0],$mmi[1],$mmi[2], e.type)});
	$bi[0].hover(function(e){$um($bi[0],$bi[1],$bi[2], e.type)}, function(e){$um($bi[0],$bi[1],$bi[2], e.type)});
		//-- sub sub-menu's
	//$ai[3].hover(function(e){$usm($ai[4], e.type)}, function(e){$usm($ai[4], e.type)});
	//$mmi[3].hover(function(e){$usm($mmi[4], e.type)}, function(e){$usm($mmi[4], e.type)});

		//-- sub-menu's  actions
	$um = function($mm, $sm, $smt, $e){
		 if($e===$me) {$ac = $smt +' -40px';$sm.fadeIn(100) } else {$ac = $smt +' -0px';$sm.fadeOut(100)}
		 $mm.css('background-position',$ac);
		}
		//-- sub sub-menu's actions
	$usm = function($ssm, $se){
		if($se===$me) {$ssm.fadeIn(100);} else {$ssm.fadeOut(100);}
		}
	

});