$(document).ready( function() { 


	    //$newthis.animate( { width:  390, height: 356, marginLeft: 0, marginTop: 0, opacity: 0.5 }, 5 , "linear" );
	    // $(document).pngFix();

	    // $(".frame-image").css("opacity", 0);
	    // $(".frame-image").css("display", "none");
		
			  $("div.out").stop().animate( { width:  160, height: 131 , opacity: 0.5 }, 1,  "easeOutSine" );
			  $("div.over").stop().animate( { width:  160, height: 131 , opacity: 0 }, 1,  "easeOutSine" );
              $("img.out").stop().animate( { width:  160, height: 131 }, 1, "easeOutSine" );
              $("img.over").stop().animate( { width:  160, height: 131 }, 1 , "easeOutSine" );
			  $("img.shadow").stop().animate( { width:  160, height: 131 }, 1 , "easeOutSine" );
	  
	  	  
	  var cntObj  = "#" + thisSiteName + "-image"; 
	  // document.title = thisSiteCaption;

	  $(cntObj).css("display", "block"); 
	  $(cntObj).stop().animate( { opacity: 1 }, 600,  "easeOutSine" );

	  
        $(".button").click ( function() {

						
		    	if (cntObj !== 'undefined') {
                    oldObj = cntObj;
				};	
					
			arr = this.id.split('-');
			siteId = arr[0];
			cntObj = "#"+siteId+"-image";
			
			     if (cntObj !== oldObj) {
			          $(cntObj).css("display", "block");
		              $(cntObj).stop().animate( { opacity: 1 }, 600,  "easeOutSine" );
		              $(oldObj).animate( { opacity: 0 }, 600,  "easeOutSine", function() {
				              $(oldObj).css("display", "none");
                       }  );
				 };
            
		});

});
$(window).resize(function() {
			
	  	
});
      $(function(){
        $(".button").bind("mouseenter mouseleave", function(event) {
            if (event.type == 'mouseenter')
            {
              //$(this).stop().animate({marginLeft: "-8", marginTop: "-5"}, 20,  "easeOutSine" );
			  $(this).css("z-index",100);
			  
			  $(".proxy", this).stop().animate({ left: -20, top: -20}, 150,  "easeOutSine" );
	
			  $("div.out",this).stop().animate( { width:  206, height: 169, opacity: 0 }, 150,  "easeOutSine" );
			  $("div.over",this).stop().animate( { width:  206, height: 169, opacity: 1 }, 150,  "easeOutSine" );
              $("img.out", this).stop().animate( { width:  206, height: 169}, 150,  "easeOutSine" );
              $("img.over", this).stop().animate( { width:  206, height: 169}, 150,  "easeOutSine" );
			  $("img.shadow", this).stop().animate( { width:  206, height: 169}, 150,  "easeOutSine" );
            }
            if (event.type == 'mouseleave' )
            {
			  //$(this).stop().animate({marginLeft: 0, marginTop: 0}, 20,  "easeOutSine" );
			  $(this).css("z-index",1);
			  
			  $(".proxy", this).stop().animate({ left: 0, top: 0}, 300,  "easeOutSine" );
			  
			  $("div.out",this).stop().animate( { width:  160, height: 131, opacity: 0.5 }, 300,  "easeOutSine" );
			  $("div.over",this).stop().animate( { width:  160, height: 131, opacity: 0 }, 300,  "easeOutSine" );
              $("img.out", this).stop().animate( { width:  160, height: 131 }, 300 , "easeOutSine" );
              $("img.over", this).stop().animate( { width:  160, height: 131 }, 300 , "easeOutSine" );
			  $("img.shadow", this).stop().animate( { width:  160, height: 131 }, 300 , "easeOutSine" );
            }
          });
     });