// JavaScript Document


 $(document).ready(function(){
 	z=5;
	photo_numberA=1;
	photo_numberB=2;
	photo_numberMax=6;
	photo_numberMaxB=4;
a=1;
   $("#text_cont").draggable({handle:$("#text_handle")});
   $("#photo_cont").draggable({handle:$("#photo_handle")});
   $("#media_cont").draggable({handle:$("#media_handle")});
   $("#buzz1_cont").draggable({handle:$("#buzz1_handle")});
   $("#buzz2_cont").draggable({handle:$("#buzz2_handle")});
   $("#tooltip_cont").draggable({handle:$("#tooltip_handle")});
	$(".boxes").each(function(){
	
	var w1=$(this).css("width");
	var w2=parseFloat(w1,10)-40;
	var w3=w2+"px";
	var h1=$(this).css("height");
	var h2=parseFloat(h1,10)-40;
	var h3=h2+"px";
	$(this).prepend( "<div class='border_t_l'><img src='img/border/t-l.gif'/></div><div class='border_t' style='width:"+w3+";' ></div><div class='border_t_r' ><img src='img/border/t-r.gif'/></div><div class='border_l' style='height:"+h3+";'></div>" );
	$(this).append( "  <div class='border_r' style='height:"+h3+";'></div><div class='border_b_l'><img src='img/border/b-l.gif'/></div><div class='border_b' style='width:"+w3+";'></div><div class='border_b_r'><img src='img/border/b-r.gif'/></div>");
							  });
	
	$(".handle").mouseover (function(){$(this).css({ top:"8px", left:"-24px" }); });
	$(".handle").mouseout (function(){$(this).css({ top:"10px", left:"-26px" }); });
	$(".gallery").mouseover (function(){$(this).css({ backgroundColor:"#000000",margin:"0px"}); });
	$(".gallery").mouseout (function(){$(this).css({ backgroundColor:"transparent",margin:"0px"}); });
	
	/*<!--$("#next").click (function(){ 
							   if(a==1){
							   photo_numberA+=2;
							   a=2;
							  if(photo_numberB==6){photo_numberB=2;photo_numberA=1;photo_numberB=0;};
							   $("#img1").animate({ left:"-350px" },500, function(){$(this).html("<img src='img/large/img"+photo_numberA+".jpg'/>").css({left:"350px"});});
							   $("#img2").animate({ left:"0px" },500);
							   
							   }
							   else{
							   photo_numberB+=2;
							   
							   $("#img2").animate({ left:"-350px" },500, function(){$(this).html("<img src='img/large/img"+photo_numberB+".jpg'/>").css({left:"350px"});});
							   $("#img1").animate({ left:"0px" },500);
							   a=1;
							   
							   }
							   
												  
												  
												  
								});
	-->*/
	$("#grid").click (function(){$("#text_cont").animate({ top:"590px", left:"180px" },900);
								$("#photo_cont").animate({ top:"30px", left:"180px" },900);
								$("#media_cont").animate({ top:"30px", left:"670px" },900);
								$("#buzz2_cont").animate({ top:"590px", left:"765px" },900);
								$("#buzz1_cont").animate({ top:"803px", left:"180px" },900);
								
													 });
	$("#tooltip_handle").mouseover (function(){$(this).css({ marginTop:"3px", marginLeft:"3px" }); });
	$("#tooltip_handle").mouseout (function(){$(this).css({ marginTop:"0px", marginLeft:"0px" }); });
	$("#grid").mouseover (function(){$(this).css({ marginTop:"3px", marginLeft:"3px" }); });
	$("#grid").mouseout (function(){$(this).css({ marginTop:"0px", marginLeft:"0px" }); });
	
});