var menucheck = (function () { var onlist = false; return { listhover: function () { onlist = true; }, listcheck: function () { if (onlist) { if ($("#globalproductlist").css("display") == "none") { $("#globalproductlist").slidedown(300); } } else { //alert("123"); $("#globalproductlist").slideup(300); } }, listout: function() { onlist = false; } }; })(); $(function () { resizeall(); //$("#imgshoptip").css("left", $('#globalnav').offset().left + 442); $("#globalheader").css("opacity", "0.90"); window.onresize = function () { resizeall(); }; $(".productimg").hover(function () { $(this).css("opacity", "0.90"); }, function () { $(this).css("opacity", "1.0"); }); $(".productdetail").hover(function () { //alert("123"); $(this).children(".productintro").stop(); $(this).children(".productintro").animate({ top: "-10px" }, 150); }, function () { $(this).children(".productintro").stop(); $(this).children(".productintro").animate({ top: "0px" }, 150); }); $("#productdh tr td a img").hover(function () { var newhtml = $(this).attr("src").replace("jpg", "gif"); $(this).attr("src", newhtml); }, function () { var newhtml = $(this).attr("src").replace("gif", "jpg"); $(this).attr("src", newhtml); }); $("#globalnav li:eq(1)").hover(function () { menucheck.listhover(); settimeout(menucheck.listcheck, 500); //onlist = true; // if ($("#globalproductlist").css("display") == "none") { // $("#globalproductlist").slidedown(300); // } }, function () { menucheck.listout(); settimeout(menucheck.listcheck, 500); //onlist = false; //settimeout(checklist, 300); }); $("#globalproductlist").hover(function () { menucheck.listhover(); settimeout(menucheck.listcheck, 500); }, function () { menucheck.listout(); settimeout(menucheck.listcheck, 500); }); }); function checklist() { //alert(onlist); if(!onlist) { $("#globalproductlist").slideup(300); } } function resizeall() { //alert(document.documentelement.clientwidth); var morewidth = "-"+(1920-document.documentelement.clientwidth)/2+"px"; $("#imgshoptip").css("left", $('#globalnav').offset().left + 452); if (document.documentelement.clientwidth >= 1200 && document.documentelement.clientwidth <= 1920) { $("#mainwindow img").css("margin-left", morewidth); $("#mainwindow").css("width", "100%"); $(".containerindex").css("width", "1200px"); $("#globalproductlist h1").css("left", "605px"); //$(".productlist ul li").css("width","358px"); $("#pmhead #headimg").css("margin-left", morewidth); $("#pmhead,#banner").css("width", "100%"); $("#productdh").css("width", "1200px"); $("#hline").css("width", "1200px"); } else if (document.documentelement.clientwidth >= 900 && document.documentelement.clientwidth < 1200) { $("#mainwindow img").css("margin-left", morewidth); $("#mainwindow").css("width", "100%"); $(".containerindex").css("width", document.documentelement.clientwidth + "px"); $("#globalproductlist h1").css("left", 605 - (1200 - document.documentelement.clientwidth) + "px"); //$(".productlist ul li").css("width",(document.documentelement.clientwidth/3-42)+"px"); $("#pmhead #headimg").css("margin-left", morewidth); $("#pmhead,#banner").css("width", "1200px"); $("#productdh").css("width", document.documentelement.clientwidth + "px"); $("#hline").css("width", document.documentelement.clientwidth + "px"); } else if (document.documentelement.clientwidth <= 900) { $("#mainwindow img").css("margin-left", "-510px"); $("#mainwindow").css("width", "900px"); $(".containerindex").css("width", "900px"); $("#globalproductlist h1").css("left", "305px"); //$(".productlist ul li").css("width","258px"); $("#pmhead #headimg").css("margin-left", "-510px"); $("#pmhead,#banner").css("width", "1200px"); $("#productdh").css("width", document.documentelement.clientwidth + "px"); $("#hline").css("width", document.documentelement.clientwidth + "px"); } else if (document.documentelement.clientwidth > 1920) { var morewidth1 = (document.documentelement.clientwidth - 1920) / 2 + "px"; $("#mainwindow img").css("margin-left", morewidth1); $("#mainwindow").css("width", "100%"); $(".containerindex").css("width", "1200px"); $("#globalproductlist h1").css("left", "605px"); //$(".productlist ul li").css("width","358px"); $("#pmhead #headimg").css("margin-left", morewidth1); $("#pmhead,#banner").css("width", "100%"); $("#productdh").css("width", "1200px"); $("#hline").css("width", "1200px"); $("#hotlist ul li").css("width", "24.8%"); } }