// JScript 文件

/* ------使用说明----- */
/*
添加城市方法：
    添加组：找到id 是 "selectSub"中select标签下，添加option标签 value属性递增，找到 id 是 "selectSub",按照原有格式添加div,其id属性递增
添加二级复选框选项
复制 id 是 "selectSub" 下任意input标签，粘贴在需要添加的位置。
*/

var items = obj("selectSub").getElementsByTagName("input");


function openBg(state){ //遮照打开关闭控制
    if(state == 1)
    {
        obj("bg").style.display = "block";
        var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight;
        //alert(document.body.offsetHeight);
        //alert(document.documentElement.offsetHeight);
        obj("bg").style.height = h + "px";
    }
    else
    {
        obj("bg").style.display = "none";
    }
}

function openSelect(state){ //选择城市层关闭打开控制
    if(state == 1)
    {
        obj("selectItem").style.display = "block";
        obj("selectItem").style.left = (obj("bg").offsetWidth - obj("selectItem").offsetWidth)/2 + "px";
        obj("selectItem").style.top = document.body.scrollTop + 100 + "px";
    }
    else
    {
        obj("selectItem").style.display = "none";
    }
}

function addPreItem(){
    obj("previewItem").innerHTML = "";
    var len　= 0 ;
    for(var i = 0 ; i < items.length ; i++)
    {
        if(items[i].checked == true)
        {
            //len++;
            //if(len > lenMax)
            //{
            //alert("不能超过" + lenMax +"个选项！")
            //return false;
            //}
            var mes = "<input type='checkbox' checked='true' name='product_class' value='"+ items[i].value +"' title='"+items[i].title+"' onclick='copyItem(\"previewItem\",\"previewItem\");same(this);'>" + items[i].title;
            obj("previewItem").innerHTML += mes;
            //alert(items[i].value);
        }
    }
}

function makeSure(){
    openBg(0);
    openSelect(0);
    copyItem("previewItem","makeSureItem")
}

function copyHTML(id1,id2){
    obj(id2).innerHTML = obj("id1").innerHTML;
}

function copyItem(id1,id2){
    var mes = "";
    var items2 = obj(id1).getElementsByTagName("input");
    for(var i = 0 ; i < items2.length ; i++)
    {
        if(items2[i].checked == true)
        {
            mes += "<input type='checkbox' checked='true' name='product_class' value='"+ items2[i].value +"' title='"+items2[i].title+"' onclick='return false;'>" + items2[i].title;
        }
    }
    obj(id2).innerHTML = "";
    obj(id2).innerHTML += mes;
    //alert(obj(id2).innerHTML);
}
function same(ck){
    for(var i = 0 ; i < items.length ; i++)
    {
        if(ck.value == items[i].value)
        {
            items[i].checked = ck.checked;
        }
    }
}

function same1(){
    var  items3 = obj("makeSureItem").getElementsByTagName("input");
    for(var i=0 ; i< items.length ; i++)
    {
        for(var j=0 ; j< items3.length ; j++)
        {
            if(items3[j].value ==  items[i].value)
            {
                items[i].checked = items3[j].checked;
            }
        }
    }
    copyItem("selectSub","previewItem")
}

/* 鼠标拖动 */
var oDrag = "";
var ox,oy,nx,ny,dy,dx;
function drag(e,o){
    var e = e ? e : event;  //声明的var e,是否等于传进来的参数值e
    var mouseD = document.all ? 1 : 0;
    if(e.button == mouseD)
    {
        oDrag = o.parentNode;
        //alert(oDrag.id);
        ox = e.clientX;
        oy = e.clientY;
    }
}
function dragPro(e){
    if(oDrag != "")
    {
        var e = e ? e : event;
        //obj(oDrag).style.left = obj(oDrag).offsetLeft + "px";
        //obj(oDrag).style.top = obj(oDrag).offsetTop + "px";
        dx = parseInt(obj(oDrag).style.left);
        dy = parseInt(obj(oDrag).style.top);
        //dx = obj(oDrag).offsetLeft;
        //dy = obj(oDrag).offsetTop;
        nx = e.clientX;
        ny = e.clientY;
        obj(oDrag).style.left = (dx + ( nx - ox )) + "px";
        obj(oDrag).style.top = (dy + ( ny - oy )) + "px";
        ox = nx;
        oy = ny;
    }
}
document.onmouseup = function(){oDrag = "";}
document.onmousemove = function(event){dragPro(event);}