// JavaScript Document

 	function showWindow(){
        
        $(this).parent().css("z-index","500");
        $(this).siblings(".top").css("display","block").animate({ 
            left: "0px",
            top: "0px",
            height: "185px",
            width: "175px",
			fontSize:"12px"
          }, 200, "linear", function(){
                                        // $(this).children("img.bigthumb").css('top','45px').fadeIn(500);
										$(this).children("div.content").css('display','block').slideDown("slow");
                                       } 
         );
         
		   $(this).siblings(".top").children("img.bigthumb").animate({
													   left: "13px",
														//top: "1em",
														height: "135px",
														width: "159px"
													   
													   
													   }, 200, "linear")
		 
           
    
    }
 
 	function hideWindow(){
																

        $(this).parent().css("z-index","100");
		
        $(this).animate({ 
            left: "10px",
            top: "12px",
            height: "148px",
            width: "140px",
			fontSize:"9.6px"
          }, 200, "linear", function(){
                                           $(this).css("display","none")
                                       } 
         );
    	   $(this).children("img.bigthumb").animate({
													   left: "13px",
														//top: "26px",
														height: "108px",
														width: "127px"
													   
													   
													   }, 200, "linear");
		   
    
    
    }
	
	function showWindows(arr){
		
		
		jQuery.each(arr, function() {
	
				
        $(this).parent().css("z-index","500");
        $(this).siblings(".top").css("display","block").animate({ 
            left: "0px",
            top: "0px",
            height: "185px",
            width: "175px",
			fontSize:"12px"
			
          }, 200, "linear", function(){
                                        // $(this).children("img.bigthumb").css('top','45px').fadeIn(500);
										$(this).children("div.content").css('display','block').slideDown("slow");
                                       } 
         );
         
		   $(this).siblings(".top").children("img.bigthumb").animate({
													   left: "13px",
														//top: "1em",
														height: "135px",
														width: "159px"
													   
													   
													   }, 200, "linear")
	
		});
		}
		
		function hideWindows(){
			var arr = [$('#g1 .top'), $('#g2 .top'), $('#g3 .top'), $('#g4 .top'), $('#g5 .top'), $('#g6 .top'), $('#g7 .top'), $('#g8 .top'),$('#g9 .top'), $('#g10 .top'), $('#g11 .top'), $('#g12 .top'), $('#g13 .top'), $('#g14 .top'), $('#g15 .top'), $('#g16 .top')]
		
			jQuery.each(arr, function() {
				if($(this).css('display')!='none'){	
		        $(this).parent().css("z-index","100");
				
				$(this).animate({ 
					left: "10px",
					top: "12px",
					height: "148px",
					width: "140px",
					fontSize:"9.6px"
				  }, 200, "linear", function(){
												   $(this).css("display","none")
											   } 
				 );
				   $(this).children("img.bigthumb").animate({
															   left: "13px",
																//top: "26px",
																height: "108px",
																width: "127px"
															   
															   
															   }, 200, "linear");
				}
				   
					
			});
		 }

$(document).ready(function(){
 
    $("#grid div.griditem div.bottom").bind("mouseenter", showWindow);
 
    $("#grid div.griditem div.top").bind("mouseleave",hideWindow);
 
    $("#grid div.griditem div.top").bind("click", function(){
       window.location = $(this).attr("href");
    })
			 
 
 
 
 });