$(function() {
		var current = 0;
		
		var loaded  = 0;
		for(var i = 1; i <4; ++i)
			$('<img />').load(function(){
				++loaded;
				if(loaded == 3){
					$('#bg1,#bg2,#bg3').mouseover(function(e){
						
						var $this = $(this);
						var item = e.target.id;

						if(item == 'bg1' || current == 2)
							$('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(-265px 0)"},300,function(){
								$(this).find('li').hide();
							});
						else
							$('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(265px 0)"},300,function(){
								$(this).find('li').hide();
							});

						if(item == 'bg1' || current == 2){
							$('#menu > li').animate({backgroundPosition:"(-792px 0)"},0).removeClass('bg1 bg2 bg3').addClass(item);
							move(1,item);
						}
						else{
							$('#menu > li').animate({backgroundPosition:"(792px 0)"},0).removeClass('bg1 bg2 bg3').addClass(item);
							move(0,item);
						}

						if(current == 2 && item == 'bg1'){
							$('#menu .sub'+parseInt(current)).stop().animate({backgroundPosition:"(-265px 0)"},300);
						}
						if(current == 0 && item == 'bg3'){
							$('#menu .sub'+parseInt(current+2)).stop().animate({backgroundPosition:"(265px 0)"},300);
						}

						current = $this.parent().index();
						
						$('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(0 0)"},300,function(){
							$(this).find('li').fadeIn();
						});
						$("div.menuWrapper").mouseleave(function() {
							$('#menuWrapper').removeClass('bg0 bg1 bg2 bg3').addClass('bg0');
							$('li.bg1').removeClass('bg1').addClass('bg0');
							$('li.bg2').removeClass('bg2').addClass('bg0');
							$('li.bg3').removeClass('bg3').addClass('bg0');
							$('#menu .sub1').stop().animate({backgroundPosition:"(-265px 0)"},300,function(){
								$(this).find('li').fadeOut();
							});
							$('#menu .sub2').stop().animate({backgroundPosition:"(-265px 0)"},300,function(){
								$(this).find('li').fadeOut();
							});
							$('#menu .sub3').stop().animate({backgroundPosition:"(-265px 0)"},300,function(){
								$(this).find('li').fadeOut();
							});
						});
					});
				}	
			}).attr('src', 'assets/images/'+i+'.jpg');
		function move(dir,item){
			if(dir){
				$('#bg1').parent().stop().animate({backgroundPosition:"(0 0)"},200);
				$('#bg2').parent().stop().animate({backgroundPosition:"(-264px 0)"},300);
				$('#bg3').parent().stop().animate({backgroundPosition:"(-528px 0)"},400,function(){
					$('#menuWrapper').removeClass('bg0 bg1 bg2 bg3').addClass(item);
				});
			}
			else{
				$('#bg1').parent().stop().animate({backgroundPosition:"(0 0)"},400,function(){
					$('#menuWrapper').removeClass('bg0 bg1 bg2 bg3').addClass(item);
				});
				$('#bg2').parent().stop().animate({backgroundPosition:"(-264px 0)"},300);
				$('#bg3').parent().stop().animate({backgroundPosition:"(-528px 0)"},200);
			}
		}
	});