// JavaScript Document
$(document).ready(function() {

$(document).pngFix(); 
$(".logo").hover(function(){
								$(this).attr({'src':'image/logo_hover.png'});
								$(this).css({'cursor':'pointer'});
								},function(){
								$(this).attr({'src':'image/logo.png'});
								});
$(".arrow").hover(function(){
								$(this).attr({'src':'../image/ui/'+$(this).attr("id")+'_hover.png'});
								$(this).css({'cursor':'pointer'});
								},function(){
								$(this).attr({'src':'../image/ui/'+$(this).attr("id")+'.png'});
								});
$(".dresses_nav").find("img[alt]").hover(function(){
								$(this).attr({'src':'../image/dresses_hover/'+$(this).attr("alt")+'.png'});
								$(this).css({'cursor':'pointer'});
								},function(){
								$(this).attr({'src':'../image/dresses/'+$(this).attr("alt")+'.png'});
								});
$(".description").hide();
$(".team").hover(function(){
				$(this).css({"cursor":"pointer",'borderBottom':'4px solid #ffffff'});	
						  },function(){
							  $(this).css({"cursor":"pointer",'borderBottom':'1px solid #ffffff'});	
						  });
var descr_zindex=10;
$(".team").click(function(){
				var this_zindex=descr_zindex+1;
				descr_zindex+=1;
				$(this).css({"zIndex":this_zindex})
				$(".team").not(this).find(".description").fadeOut(0);
				if($(this).find(".description").css("display")!="block"){
					$(this).find(".description").fadeIn(100);
					}
				else{$(this).find(".description").fadeOut(100);}
				});
$("a:has(img)").css({'border':'none'});
$("#dresses_link").hover(function(){
				$(".dresses_link").show();		  
				},function(){
				 });
$(".dresses_link").hover(function(){  
				},function(){
					$(this).hide();
				 });
$(".links").find("a").not(".dresses_sublink").mouseenter(function(){
						if ($(this).attr("id")!="dresses_link")
						{
						$(".dresses_link").hide();  
						}
				 });
$("#readmore").click(function(){
							  if($("#text1").css("display")=="none"){$("#text1").add("#text2").fadeIn(100);}
							  else{ $("#text1").add("#text2").fadeOut(100);}
							  });
$(document).click(function() {
    $("#text1").add("#text2").fadeOut(100);
});
$("#text").click(function() {
    return false;
});

<!-----------------------------------------background ------------------------------------->
var window_x=$(window).width();
var window_y=$(window).height();

if((window_x/window_y)>=1.25)
{ 
$("#back_img").css({"width":window_x,"height":window_x/1.25, "left":"0px"}); 
} 
else { 
$("#back_img").css({"height":window_y, "left":"-"+(window_y*1.25-window_x)/2+"px"});  
};
$(window).resize(function(){
					var window_x=$(window).width();
					var window_y=$(window).height();
					if((window_x/window_y)>=1.25){
					$("#back_img").css({"width":window_x,"height":window_x/1.25});
					}
					else{
					$("#back_img").css({"width":window_y*1.25,"height":window_y, "left":"-"+(window_y*1.25-window_x)/2+"px"});
					}
				 });

<!-----------------------------------------photo page------------------------------------->
if ($(".photo").length > 0){
	// backgound maker funciton
	jQuery.make_backgrounds=function(new_src){
		// if backgrounds exist
	if($(".back").find("div").length>0){
								//fade out photo back change image and fade in 
								$(".back").find("div").find("img").fadeOut(100,function(){
	
	$(".back").html("");
	$(".photo").html("");
	$(".photo").html('<img src="'+new_src+'"  />');		  
	$(".photo").find("img").attr({"height":$(window).height()});
	var photo_width=$(".photo").find("img").attr("width");
	var photo_left=($(window).width()-photo_width)/2;
	$(".photo").css({'left':photo_left,'height':$(window).height()});
	var photo_src=new_src;
	var photo_w=$(".photo").find("img").attr("width");
	var photo_h=$(window).height();
	var window_width=$(window).width();
	var window_height=$(window).height();
	
	var photo1w=((window_width-photo_w)/3)+photo_w;
	var photo1h=$(window).height();
	var photo1t=0;
	var photo1l=(((window_width-photo_w)/2)/3)*2;
	
	var photo2w=(((window_width-photo_w)/3)*2)+photo_w;
	var photo2h=$(window).height();
	var photo2t=0;
	var photo2l=(((window_width-photo_w)/2)/3)*1;
	
	var photo3w=window_width;
	var photo3h=window_height;
	var photo3t=0;
	var photo3l=0;
	//put html into photo back div						
	$(".back").html('<div id="larger1" style="width:'+photo1w+'px; height:'+photo1h+'px; top:'+photo1t+'px; left:'+photo1l+'px; z-index:3; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo1w+'" /></div><div id="larger2" style="width:'+photo2w+'px; height:'+photo2h+'px; top:'+photo2t+'px; left:'+photo2l+'px; z-index:2; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo2w+'" /></div><div id="larger3" style="width:'+photo3w+'px; height:'+photo3h+'px; top:'+photo3t+'px; left:'+photo3l+'px; z-index:1; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo3w+'" /></div>');
	
	
	$(".back").find("div[id='larger1']").hide().fadeIn(200);
	$(".back").find("div[id='larger2']").hide().fadeIn(300);
	$(".back").find("div[id='larger3']").hide().fadeIn(400);
	
	
	//fadeout function close
	});
	//if close
	}
	// if backgrounds don't exist
	else{
		
	$("#current_photo").load(function(){
									  
	$(this).attr({"height":$(window).height()});
	var photo_width=$(".photo").find("img").attr("width");
	var photo_left=($(window).width()-photo_width)/2;
	$(".photo").css({'left':photo_left,'height':$(window).height()});
	var photo_src=new_src;
	var photo_w=$(".photo").find("img").attr("width");
	var photo_h=$(window).height();
	var window_width=$(window).width();
	var window_height=$(window).height();
	
	var photo1w=((window_width-photo_w)/3)+photo_w;
	var photo1h=$(window).height();
	var photo1t=0;
	var photo1l=(((window_width-photo_w)/2)/3)*2;
	
	var photo2w=(((window_width-photo_w)/3)*2)+photo_w;
	var photo2h=$(window).height();
	var photo2t=0;
	var photo2l=(((window_width-photo_w)/2)/3)*1;
	
	var photo3w=window_width;
	var photo3h=window_height;
	var photo3t=0;
	var photo3l=0;
								
	$(".back").html('<div id="larger1" style="width:'+photo1w+'px; height:'+photo1h+'px; top:'+photo1t+'px; left:'+photo1l+'px; z-index:3; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo1w+'" /></div><div id="larger2" style="width:'+photo2w+'px; height:'+photo2h+'px; top:'+photo2t+'px; left:'+photo2l+'px; z-index:2; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo2w+'" /></div><div id="larger3" style="width:'+photo3w+'px; height:'+photo3h+'px; top:'+photo3t+'px; left:'+photo3l+'px; z-index:1; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo3w+'" /></div>');
	//function close
										  });
	//else close
	}
	//background function close
	};
	//on load
	var image_number=document.location.hash.replace("#","");
	$("#current_photo").attr({"src":"../photos/cebb/low_rez/cebb"+image_number+".jpg"});
	$("#hi_rez").attr({"href":'../photos/cebb/hi_rez/cebb'+image_number+'.jpg'});
	$.make_backgrounds($("#current_photo").attr("src"));
	$("#"+image_number).css({"border":"#ffffff 1px solid", "margin":"0px 4px 5px 0px"});
	//thumb hover
	$(".photo_thumb").find("img").hover(function(){
								if ($(this).attr("alt")!="selected"){
								$(this).css({'borderBottom':'4px solid #ffffff','margin':'1px 5px 2px 1px'});
								}
								},function(){
								if ($(this).attr("alt")!="selected"){
								$(this).css({'borderBottom':'1px solid #ffffff','margin':'1px 5px 5px 1px'});
								}
								});
	//load low rez image into hidden div
	var photo_number=$(".photo_thumb").find("img").length;
	var photo_src_load=new Array();
	for(var i=0; i<photo_number; i++){
		photo_src_load[i]='../photos/cebb/low_rez/cebb'+(i+1)+'.jpg';
		$(".hidden").append('<img src="'+photo_src_load[i]+'" />');
	}
	//thumb click
	$(".photo_thumb").find("img").click(function(){
								var new_src='../photos/cebb/low_rez/cebb'+$(this).attr("id")+'.jpg';
								$(".photo_thumb").find("img").css({"border":"none","borderBottom":"1px solid #ffffff", "margin":"1px 5px 5px 1px"}).attr({'alt':''});
								$(this).css({"border":"1px solid #ffffff", "margin":"0px 4px 5px 0px"}).attr({'alt':'selected'});
								$.make_backgrounds(new_src);
								$("#hi_rez").attr({"href":'../photos/cebb/hi_rez/cebb'+$(this).attr("id")+'.jpg'});
								document.location.hash=$(this).attr("id");
								});
	//next photo
	$("#arrow_r").click(function(){
								var next_img_number=parseInt($(".photo_thumb").find("img[alt='selected']").attr("id"))+1;
								if (next_img_number>photo_number){next_img_number=1;}
								var new_src='../photos/cebb/low_rez/cebb'+next_img_number+'.jpg';
								$(".photo_thumb").find("img").css({"border":"none","borderBottom":"1px solid #ffffff", "margin":"1px 5px 5px 1px"}).attr({'alt':''});
								$(".photo_thumb").find("img[id="+next_img_number+"]").css({"border":"1px solid #ffffff", "margin":"0px 4px 5px 0px"}).attr({'alt':'selected'});
								$.make_backgrounds(new_src);
								$("#hi_rez").attr({"href":'../photos/cebb/hi_rez/cebb'+next_img_number+'.jpg'});
								document.location.hash=next_img_number;
								});
	//previous photo
	$("#arrow_l").click(function(){
								var next_img_number=parseInt($(".photo_nav").find("img[alt='selected']").attr("id"))-1;	
								if (next_img_number==0){next_img_number=photo_number;}
								var new_src='../photos/cebb/low_rez/cebb'+next_img_number+'.jpg';
								$(".photo_thumb").find("img").css({"border":"none","borderBottom":"1px solid #ffffff", "margin":"1px 5px 5px 1px"}).attr({'alt':''});
								$(".photo_thumb").find("img[id="+next_img_number+"]").css({"border":"1px solid #ffffff", "margin":"0px 4px 5px 0px"}).attr({'alt':'selected'});
								$.make_backgrounds(new_src);
								$("#hi_rez").attr({"href":'../photos/cebb/hi_rez/cebb'+next_img_number+'.jpg'});
								document.location.hash=next_img_number;
								});
}

<!-----------------------------------------dress page------------------------------------->
if ($(".dress_photo").length > 0){
	$(".gallery").find("img").hover(function(){
								if ($(this).attr("alt")!="selected"){
								$(this).css({'borderBottom':'4px solid #ffffff','margin':'1px 5px 2px 1px'});
								}
								},function(){
								if ($(this).attr("alt")!="selected"){
								$(this).css({'borderBottom':'1px solid #ffffff','margin':'1px 5px 5px 1px'});
								}
								});
	$(".dresses_nav_small").find("img[alt]").hover(function(){
								$(this).attr({'src':'../image/dresses_small/hover/'+$(this).attr("alt")+'.png'});
								$(this).css({'cursor':'pointer'});
								},function(){
								$(this).attr({'src':'../image/dresses_small/still/'+$(this).attr("alt")+'.png'});
								});
	jQuery.make_backgrounds=function(new_src){
								if($(".back").find("div").length>0){
								$(".back").find("div").find("img").fadeOut(100,function(){
								$(".back").html("");
								$(".dress_photo").html("");
								$(".dress_photo").html('<img src="'+new_src+'" />');
								var photo_src=$(".dress_photo").find("img").attr("src");
								var photo_w=$(".dress_photo").find("img").attr("width");
								var photo_h=$(".dress_photo").find("img").attr("height");
								var window_width=$(window).width();
								var window_height=$(window).height();
								var photo1w=((window_width-photo_w)/3)+photo_w;
								var photo1h=((window_height-photo_h)/3)+photo_h;
								var photo1t=32;
								var photo1l=(((window_width/2)-445+300)/3)*2;
								
								var photo2w=(((window_width-photo_w)/3)*2)+photo_w;
								var photo2h=(((window_height-photo_h)/3)*2)+photo_h;
								var photo2t=16;
								var photo2l=(((window_width/2)-445+300)/3);
								
								var photo3w=window_width;
								var photo3h=window_height;
								var photo3t=0;
								var photo3l=0;
								
								$(".back").html('<div id="larger1" style="width:'+photo1w+'px; height:'+photo1h+'px; top:'+photo1t+'px; left:'+photo1l+'px; z-index:3; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo1w+'" /></div><div id="larger2" style="width:'+photo2w+'px; height:'+photo2h+'px; top:'+photo2t+'px; left:'+photo2l+'px; z-index:2; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo2w+'" /></div><div id="larger3" style="width:'+photo3w+'px; height:'+photo3h+'px; top:'+photo3t+'px; left:'+photo3l+'px; z-index:1; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo3w+'" /></div>');
								$(".back").find("div[id='larger1']").hide().fadeIn(200);
								$(".back").find("div[id='larger2']").hide().fadeIn(300);
								$(".back").find("div[id='larger3']").hide().fadeIn(400);
								});
									
								}
								else{
								$(".dress_photo").find("img").load(function(){
								$(".back").html("");
								$(".dress_photo").html("");
								$(".dress_photo").html('<img src="'+new_src+'" />');
								var photo_src=$(".dress_photo").find("img").attr("src");
								var photo_w=$(".dress_photo").find("img").attr("width");
								var photo_h=$(".dress_photo").find("img").attr("height");
								var window_width=$(window).width();
								var window_height=$(window).height();
								var photo1w=((window_width-photo_w)/3)+photo_w;
								var photo1h=((window_height-photo_h)/3)+photo_h;
								var photo1t=32;
								var photo1l=(((window_width/2)-445+300)/3)*2;
								
								var photo2w=(((window_width-photo_w)/3)*2)+photo_w;
								var photo2h=(((window_height-photo_h)/3)*2)+photo_h;
								var photo2t=16;
								var photo2l=(((window_width/2)-445+300)/3);
								
								var photo3w=window_width;
								var photo3h=window_height;
								var photo3t=0;
								var photo3l=0;
								
								$(".back").html('<div id="larger1" style="width:'+photo1w+'px; height:'+photo1h+'px; top:'+photo1t+'px; left:'+photo1l+'px; z-index:3; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo1w+'" /></div><div id="larger2" style="width:'+photo2w+'px; height:'+photo2h+'px; top:'+photo2t+'px; left:'+photo2l+'px; z-index:2; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo2w+'" /></div><div id="larger3" style="width:'+photo3w+'px; height:'+photo3h+'px; top:'+photo3t+'px; left:'+photo3l+'px; z-index:1; overflow:hidden; position:absolute;" ><img src="'+photo_src+'" width="'+photo3w+'" /></div>');
							//onload function
							});
								//close else
								}
	//close background function 	
	}
	var image_number=document.location.hash.replace("#","");
	if($("#"+image_number).attr("title")=="360"){$(".dress_360").fadeIn(200);}
	$("#current_photo").attr({"src":"../photos/"+$(".dress_photo").attr("id")+"/low_rez/"+$(".dress_photo").attr("id")+image_number+".jpg"});
	$.make_backgrounds($("#current_photo").attr("src"));
	$("#"+image_number).css({"border":"#ffffff 1px solid", "margin":"0px 4px 5px 0px"}).attr({"alt":"selected"});
	var dress_name=$(".gallery").attr("id");
	$("#hi_rez").attr({"href":'../photos/'+dress_name+'/hi_rez/'+dress_name+image_number+'.jpg'});
	var image_number=$(".gallery").find("img").length;
	var image_src_load=new Array();
	for(var i=0; i<image_number; i++){
		image_src_load[i]='../photos/'+dress_name+'/low_rez/'+dress_name+(i+1)+'.jpg';
		$(".hidden").append('<img src="'+image_src_load[i]+'" />');
	}
	for (var i=2; i<=9; i++){
		$(".dress_360").find(".dress_360_image").append('<div id="ani_'+i+'" style="position:absolute; top:0px; left:0px; width:350px; height:600px; z-index:'+i+'; display:none;"><img src="../photos/'+dress_name+'/'+dress_name+'_ani/'+dress_name+'_ani_'+i+'.jpg" /></div>');
		$(".dress_360").find(".dress_360_hover").append('<div class="hover" alt="'+i+'" style="position:absolute; top:0px; left:'+(38*(i-1))+'px; height:600px; width:38px;"></div>');
	}
	$(".dress_360").hover(function(){
								   $(".dress_360_arrow").fadeTo(100,.2);
								   },function(){
									   $(".dress_360_arrow").fadeTo(100,.8);
									   });
	$(".hover").mouseleave(function(){
							var ani_number=$(this).attr("alt");
							$("#ani_"+ani_number).css({"z-index":"1"}).fadeOut(30);
							});
	$(".hover").mouseenter(function(){
								var ani_number=$(this).attr("alt");
								$("#ani_"+ani_number).css({"z-index":"10"}).fadeIn(30);
								 });
	$(".gallery").find("img").click(function(){
								if($(this).attr("title")=="360"){$(".dress_360").fadeIn(200);}else{$(".dress_360").fadeOut(50);}
								document.location.hash=$(this).attr("id");
								var new_src='../photos/'+dress_name+'/low_rez/'+dress_name+$(this).attr("id")+'.jpg';
								$(".gallery").find("img").css({"border":"none","borderBottom":"1px solid #ffffff", "margin":"1px 5px 5px 1px"}).attr({'alt':''});
								$(this).css({"border":"1px solid #ffffff", "margin":"0px 4px 5px 0px"}).attr({'alt':'selected'});
								$.make_backgrounds(new_src);
								$("#hi_rez").attr({"href":'../photos/'+dress_name+'/hi_rez/'+dress_name+$(this).attr("id")+'.jpg'});
								});
	$("#arrow_r").click(function(){
							 	var next_img_number=parseInt($(".gallery").find("img[alt='selected']").attr("id"))+1;
								if (next_img_number>image_number){next_img_number=1;}
								if($("#"+next_img_number).attr("title")=="360"){$(".dress_360").fadeIn(200);}
								else{$(".dress_360").fadeOut(50);}
								document.location.hash=next_img_number;
								var new_src='../photos/'+dress_name+'/low_rez/'+dress_name+next_img_number+'.jpg';
								$(".gallery").find("img").css({"border":"none","borderBottom":"1px solid #ffffff", "margin":"1px 5px 5px 1px"}).attr({'alt':''});
								$(".gallery").find("img[id="+next_img_number+"]").css({"border":"1px solid #ffffff", "margin":"0px 4px 5px 0px"}).attr({'alt':'selected'});
								$.make_backgrounds(new_src);
								$("#hi_rez").attr({"href":'../photos/'+dress_name+'/hi_rez/'+dress_name+next_img_number+'.jpg'});
								});
	$("#arrow_l").click(function(){
								var next_img_number=parseInt($(".gallery").find("img[alt='selected']").attr("id"))-1;
								if (next_img_number==0){next_img_number=image_number;}
								if($("#"+next_img_number).attr("title")=="360"){$(".dress_360").fadeIn(200);}
								else{$(".dress_360").fadeOut(50);}
								document.location.hash=next_img_number;
								var new_src='../photos/'+dress_name+'/low_rez/'+dress_name+next_img_number+'.jpg';
								$(".gallery").find("img").css({"border":"none","borderBottom":"1px solid #ffffff", "margin":"1px 5px 5px 1px"}).attr({'alt':''});
								$(".gallery").find("img[id="+next_img_number+"]").css({"border":"1px solid #ffffff", "margin":"0px 4px 5px 0px"}).attr({'alt':'selected'});
								$.make_backgrounds(new_src);
								$("#hi_rez").attr({"href":'../photos/'+dress_name+'/hi_rez/'+dress_name+next_img_number+'.jpg'});
								});
	
	}


});
