var $j = jQuery.noConflict();

$j(document).ready(function(){
	
	function menu_layout() {
		
		
		var win_h = $j(window).height();
		
		var win_w = $j(window).width();
		
		if (win_h > 575) {
			$j("body").css("overflow-y" , "hidden");
		} else {
			$j("body").css("overflow-y" , "visible");
		}
		
		
		
		var photographers_pos = (win_h * 0.1);
		
		var photographers_pos_w = (win_w * 0.75);
		
		
		var lizard_pos = (win_h * 0.25);
		
		var lizard_pos_w  = (win_w * 0.25);
		
		
		var hair_pos = (win_h * 0.45);
		var hair_pos_w  = (win_w * 0.65);
		
		var stylist_pos = (win_h * 0.55);
		var stylist_pos_w  = (win_w * 0.40);
		
		
		var contact_pos = (win_h * 0.75);
		var contact_pos_w  = (win_w * 0.55);
		
		var proillus_pos = (win_h * 0.90);
		var proillus_pos_w  = (win_w * 0.10);
		
		
		var photographers_pos_round = Math.round(photographers_pos / 75)  *  75; 
		if (photographers_pos > 76) {
		$j("#photographers-menu").animate({top: photographers_pos_round}, 50);
		} else { $j("#photographers-menu").animate({top: '0px'}, 50); }
		
		var photographers_pos_round_w = Math.round(photographers_pos_w / 75)  *  75; 
		if (photographers_pos_w > 375) {
		$j("#photographers-menu").animate({width: photographers_pos_round_w}, 50);
		} else { $j("#photographers-menu").animate({width: '375px'}, 50); }
		
		
		
		
		var lizard_pos_round = Math.round(lizard_pos / 75)  *  75; 
		if (lizard_pos_round > 150) {
			$j("#lizard-menu").animate({top: lizard_pos_round}, 50);
		} else { $j("#lizard-menu").animate({top: '75px'}, 50); }
		
		var lizard_pos_round_w = Math.round(lizard_pos_w / 75)  *  75; 
		if (lizard_pos_round_w > 300) {
			$j("#lizard-menu").animate({left: lizard_pos_round_w}, 50);
		} else { $j("#lizard-menu").animate({left: '300px'}, 50); }
		
		
		
		
		var hair_pos_round = Math.round(hair_pos / 75)  *  75; 
		if (hair_pos_round > 225) {
			$j("#hair-menu").animate({top: hair_pos_round}, 50);
		} else { $j("#hair-menu").animate({top: '150px'}, 50); }
		
		var hair_pos_round_w = Math.round(hair_pos_w / 75)  *  75; 
		if (hair_pos_round_w > 300) {
			$j("#hair-menu").animate({left: hair_pos_round_w}, 50);
		} else { $j("#hair-menu").animate({left: '300px'}, 50); }
		
		
		
		
		var stylist_pos_round = Math.round(stylist_pos / 75)  *  75; 
		if (stylist_pos_round > 300) {
			$j("#stylists-menu").animate({top: stylist_pos_round}, 50);
		} else { $j("#stylists-menu").animate({top: '225px'}, 50); }
		
		var stylist_pos_round_w = Math.round(stylist_pos_w / 75)  *  75; 
		if (stylist_pos_round_w > 300) {
			$j("#stylists-menu").animate({width: stylist_pos_round_w}, 50);
		} else { $j("#stylists-menu").animate({width: '300px'}, 50); }
		
		
		
		
		var contact_pos_round = Math.round(contact_pos / 75)  *  75; 
		if (contact_pos_round > 375) {
			$j("#contact-menu").animate({top: contact_pos_round}, 50);
		} else { $j("#contact-menu").animate({top: '300px'}, 50); }
		
		var contact_pos_round_w = Math.round(contact_pos_w / 75)  *  75; 
		if (contact_pos_round_w > 375) {
			$j("#contact-menu").animate({width: contact_pos_round_w}, 50);
		} else { $j("#contact-menu").animate({width: '300px'}, 50); }
		
		
		
		
		var proillus_pos_round = Math.round(proillus_pos / 75)  *  75; 
		var proillus_pos_round_pad =  proillus_pos_round + 23;
		if (proillus_pos_round > 450) {
			$j("#proillus-menu").animate({top: proillus_pos_round}, 50);
			$j("#production-menu-hold").animate({top: proillus_pos_round_pad - 24}, 50);
		} else { 
			$j("#proillus-menu").animate({top: '375px'}, 50);
			$j("#production-menu-hold").animate({top: '375px'}, 50); 	 		
		}
		
		var proillus_pos_round_w = Math.round(proillus_pos_w / 75)  *  75; 
		if (proillus_pos_round_w > 450) {
			$j("#proillus-menu").animate({left: proillus_pos_round_w}, 50);
		} else { $j("#proillus-menu").animate({left: '300px'}, 50); }
		
	} 
	
	menu_layout();
	
	$j(window).resize(menu_layout);
	
	if ($j("#frontpage").length) {
		
		$j("#branding").fadeTo(0, 0);
		
		
		
		//$j(".entry-content").mouseover(function() {
  			$j("#branding").delay(3000).fadeTo(1000 , 1);
		//});

	}
	
	
	$j("#frontpage-holder span").each(function(){
		var thisspan = $j(this);
		$j("img",this).hide();
		var img = new Image();
		//alert($j("img", this).attr("src"));
		$j(img).load(function(){
			thisspan.append(this).fadeIn();
		}).attr("src", $j("img", this).attr("src"));
		
	});

	

});