var items = Array("back-1.jpg","back-2.jpg","back-3.jpg","back-4.jpg","back-5.jpg");
var sitem = items[Math.floor(Math.random()*items.length)];

$(document).ready(function(){
	
	$("a[rel='external']").click(function(){
  		this.target = "_blank";
	});
	
	$("#nav").hoverIntent({
		interval: 200, 
		over: ReduceAlpha, 
		timeout: 200, 
		out: IncreaseAlpha
	});		
	
	$("#nav li.first ul a").hoverIntent({
		interval: 200, 
		over: ShowImage, 
		timeout: 400, 
		out: HideImage
	});
	
	$(".lang").click(function (){
		$(this).parent("li").parent("ul").hide();	
		$("#nav").show();
	});
	
});

function ReduceAlpha() {
	/* $("#dx").animate({opacity:0}); */
	$("#thumbs").animate({opacity:0});	
	$("#prev").animate({opacity:0});	
	$("#next").animate({opacity:0});		
	$("img.press").animate({opacity:0});	
	$(".bio").animate({opacity:0});	
	$("#sx").animate({opacity:0});	
	$(".bioimg").animate({opacity:0});
	$("#ateliermilan").animate({opacity:0});	
	$(".shop").animate({opacity:0});	
	$("#main2").hide();
	$("#homeimg").animate({opacity:0});	
	$("#zoom span").animate({opacity:0});
	$("body").css("background","url(../images/backgrounds/" + sitem + ") no-repeat 40% -20%");
}

function IncreaseAlpha() {
	/* $("#dx").animate({opacity:1});	 */
	$("#thumbs").animate({opacity:1});		
	$("#prev").animate({opacity:1});
	$("#next").animate({opacity:1});
	$("img.press").animate({opacity:1});	
	$(".bio").animate({opacity:1});	
	$("#sx").animate({opacity:1});	
	$(".bioimg").animate({opacity:1});
	$("#main2").hide();
	$("#ateliermilan").animate({opacity:1});	
	$(".shop").animate({opacity:1});	
	$("#homeimg").animate({opacity:1});
	$("#zoom span").animate({opacity:1});	
	$("body").css("background","none"); 
}

function ShowImage () {
		var Img = "images/collections/" + $(this).html() + ".jpg";
		//$("#main2").animate({ opacity: 0 }, 300, function(){
		$("#main2").show();
		$("#main2").html("<img src='" + Img + "' alt='' title='' />");
		$("#main2").css("display","block");
		$("#homeimg").animate({opacity:0});	
		$("#sx").animate({opacity:0});	
		$("#thumbs").animate({opacity:0});	
		$("#prev").animate({opacity:0});	
		$("#next").animate({opacity:0});		
		$("#zoom span").animate({opacity:0});
		//$("#main2").animate({ opacity: 1 }, 300);
		$("body").css("background","none");
	//});
}

function HideImage () {
	/* $("#main2").animate({ opacity: 0 }, 300, function(){
		$(this).html("");	
	}).hide(); */
	
}