﻿
$(document).ready(function() {

    //    for (var i = 0; i < 12; i++) {
    //        $("img#logo_" + i).hover(function() {            
    //            $(this).stop().animate({ margin: "-15px 0px 0px 0px" }, 150);
    //            $(this).stop().animate({ width: "104px" }, 150);
    //        }, function() {            
    //            $(this).stop().animate({ margin: "0px 0px 0px 0px" }, 150);
    //            $(this).stop().animate({ width: "74px" }, 150);
    //            //alert(this.id);
    //        });
    //    }

    for (var i = 1; i < 12; i++) {
        //alert("img#logo_" + i);
        $("td#td_" + i).hover(function() {            
            //$(this).animate({ height: "85px" }, 5);
            //$(this).animate({ width: "104px" }, 100);
            $(this).animate({ margin: "-30px 0px 0px 0px" }, 150);
            //alert(this.id);
            var str = this.id;
            //document.write(str.replace("td_", ""));
            //alert(str.replace("td_", ""));
            $("img#logo_" + str.replace("td_", "")).animate({ width: "150px" }, 150);
            
            
        }, function() {
            if ("td#td_" + i != this.id) {
                //$(this).animate({ height: "50px" }, 5);
                //$(this).animate({ width: "74px" }, 100);
                $(this).animate({ margin: "0px 0px 0px 0px" }, 150);
                //alert(this.id);
                var str = this.id;
                //document.write(str.replace("td_", ""));
                //alert(str.replace("td_", ""));
                $("img#logo_" + str.replace("td_", "")).animate({ width: "74px" }, 150); 
            }
            //alert(this.id);
        });
    }

});



    
