$(function(){
	menuLi = $('#menu li ul li ul');

	$("#menu li a, #menu li ul").mouseover(function(){
		menuTab = '#'+$(this).parent("#menu li").attr('id');
		switch(menuTab){
			case('#about'):
				$("#menu " + menuTab + " > a").css('background','url(/images/about-on.png)');
				break;
			case('#offer'):
				$("#menu " + menuTab + " > a").css('background','url(/images/offer-on.png)');
				break;
			case('#products'):
				$("#menu " + menuTab + " > a").css('background','url(/images/products-on.png)');
				break;
			case('#contact'):
				$("#menu " + menuTab + " > a").css('background','url(/images/contact-on.png)');
				break;
		}
	})

		
		$("#menu li a, #menu ul ").mouseout(function(){
			$("#menu #about > a").css('background','url(/images/about-off.png)');	
			$("#menu #offer > a").css('background','url(/images/offer-off.png)');	
			$("#menu #products > a").css('background','url(/images/products-off.png)');
			$("#menu #contact > a").css('background','url(/images/contact-off.png)');
		}
	)
		
	
		
 	$(menuLi).each(function() {
 	
 		if ( $(this).children().size()>0 ) {
 			
 			$(this).parent('li')
 				.append('<img src="/images/submenu-arrow.png" />')
 				.children('img')
 					.addClass('hasChildren');
 		}
 	});
})