var currentSlide;
var currentPage;
 $(document).ready(function(){
     $("div.cell").each(function(e){
        $(this).attr("idNum", e);
     });
     $("div.cell").bind("mouseover",function(){
         $("div.cell").stop();
      
        currentSlide = this;
        $("div.cell").each(function(i){
            if(this != currentSlide){
              $(this).animate({ 
                    width: "112px",
                    height: "20px"
                }, 250 );
            }
        });
        $(this).animate({ 
            width: "300px",
            height: "85px"
        }, 250 );
       
     });
     
     $("div.cell").bind("click", function(){
        currentPage = $(this).attr("idNum");
        //alert(currentPage);<link rel="stylesheet" type="text/css" href="../css/style.css">
        $("div#maincontent").animate({
            left: ((currentPage*-575))+"px"
        }, 500);
        
     });
     
     
      $("#slidecontainer").bind("mouseleave", function(){
          $("div.cell").animate({ 
                        width: "175px",
                        height: "20px"
                    }, 250 );
      });
 
 });