var len;
var showerObj;
var listObj;
var showerWidth = 200;
var showerHeight = 100;
var r;
var cR = 0;
var ccR = 0;
var timer = 0;
function InitSlide() {
    showerObj = document.getElementById("show");
    listObj = showerObj.getElementsByTagName("div");
    len = listObj.length;
    r = Math.PI / 180 * 360 / len;
    for (var i = 0; i < len; i++) {
        var img = listObj[i];
        img.style.top = showerHeight / 2 + Math.sin(r * i) * showerWidth / 2 - 20 + "px";
        img.style.left = showerWidth / 2 + Math.cos(r * i) * showerWidth / 2 - 30 + "px";
        img.rotate = (r * i + 2 * Math.PI) % (2 * Math.PI);
        img.onmousemove = function() {
            cR = Math.PI / 2 - this.rotate;
            timer || (timer = setInterval(rotate, 20));
        }
    }
    var rX = showerObj.offsetLeft + showerWidth / 2;
    var ry = showerObj.offsetTop + showerHeight / 2;

    var rotate = function() {
        ccR = (ccR + 2 * Math.PI) % (2 * Math.PI);
        if (cR - ccR < 0) cR = cR + 2 * Math.PI;
        if (cR - ccR < Math.PI) {
            ccR = ccR + (cR - ccR) / 19;
        } else {
            ccR = ccR - (2 * Math.PI + ccR - cR) / 19;
        }

        if (Math.abs((cR + 2 * Math.PI) % (2 * Math.PI) - (ccR + 2 * Math.PI) % (2 * Math.PI)) < Math.PI / 720) {
            ccR = cR;
            clearInterval(timer);
            timer = 0;
        }

        for (var i = 0; i < len; i++) {
            var item = listObj[i];
            var w, h;
            var sinR = Math.sin(r * i + ccR);
            var cosR = Math.cos(r * i + ccR);
            w = 60 + 0.6 * 60 * sinR;
            h = (40 + 0.6 * 40 * sinR);
            item.style.cssText += ";top:" + parseInt(showerHeight / 2 + sinR * showerWidth / 2 / 3 - w / 2) + "px;left:" + parseInt(showerWidth / 2 + cosR * showerWidth / 2 - h / 2) + "px;z-index:" + parseInt(showerHeight / 2 + sinR * showerWidth / 2 / 3 - w / 2) + ";";
        }
    }
    rotate();
}

function ShowProduct(type, cid){
    $.getJSON(loc + "Handler/ProductHandler.ashx?tp=type&type=" + type + "&cid=" + cid + "&r=" + Math.random(), function(data) {
        var cont = "<ul id=\"product\" class=\"jcarousel-skin-tango\">";
        $.each(data, function(i, item) {
            cont += "<li><a href=\"" + loc + item.EmId + "/html/index.aspx?id=" + item.EpiId + "\" target=\"_self\"><img src=\"" + loc + item.EpiSmall.replace("../../", "") + "\" alt=\"" + item.EpiType + "\" class=\"lst\" /></a><br /><a href=\"" + loc + item.EmId + "/html/index.aspx?id=" + item.EpiId + "\" target=\"_self\" title=\"型号：" + item.EpiType + "\">" + item.EpiName + "</a></li>";
        });
        cont +="</ul>";
        $("#newprodcut").html(cont);
        $("#product").jcarousel({
            animation: "slow",
            auto : 2,
            scroll : 1,
            wrap: "circular"
        });
    });
}

function ShowProductEn(type, cid){
    $.getJSON(loc + "Handler/ProductHandler.ashx?tp=type&type=" + type + "&cid=" + cid + "&r=" + Math.random(), function(data) {
        var cont = "<ul id=\"product\" class=\"jcarousel-skin-tango\">";
        $.each(data, function(i, item) {
            cont += "<li><a href=\"" + loc + "en/" + item.EmId + "/html/index.aspx?id=" + item.EpiId + "\" target=\"_self\"><img src=\"" + loc + item.EpiSmall.replace("../../", "") + "\" alt=\"" + item.EpiTypeEn + "\" class=\"lst\" /></a><br /><a href=\"" + loc + "en/" + item.EmId + "/html/index.aspx?id=" + item.EpiId + "\" target=\"_self\" title=\"型号：" + item.EpiTypeEn + "\">" + item.EpiNameEn + "</a></li>";
        });
        cont +="</ul>";
        $("#newprodcut").html(cont);
        $("#product").jcarousel({
            animation: "slow",
            auto : 2,
            scroll : 1,
            wrap: "circular"
        });
    });
}