//var grow = $my("selectSub").getElementsByTagName("option").length; //组数
var showGrow = 0;//已打开组
var selectCount = 0; //已选数量 
//showSelect(showGrow);
//var items = $my("selectSub").getElementsByTagName("input");
var myitems = document.body;
//alert(maxItem);
//var lenMax = 2; 
//alert(1);
function $my(o){ //获取对象
	if(typeof(o) == "string")
	return document.getElementById(o);
	return o;
}
function openBg(state){ //遮照打开关闭控制
	if(state == 1)
	{
		$my("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);
		$my("bg").style.height = h + "px";
	}
	else
	{
		$my("bg").style.display = "none";
	}	
}
function openSelect(state){ //选择层关闭打开控制
	if(state == 1)	
	{
		$my("selectItem").style.display = "block";
		$my("selectItem").style.left ="0px";
		$my("selectItem").style.top = "15px";		
	}
	else
	{
		$my("selectItem").style.display = "none";
	}
}
function showSelect(id) {

    var grow = $my("selectSub").getElementsByTagName("option").length;
    
	for(var i = 0 ; i < grow ;i++)
	{
		$my("c0" + i).style.display = "none";
	}
	$my("c0" + id).style.display = "block";
	showGrow = id;
}
function open(id,state){ //显示隐藏控制
	if(state == 1)
	$my(id).style.display = "block";
	$my(id).style.diaplay = "none";
}
function addPreItem(){	
	$my("previewItem").innerHTML = "";
	var len = 0;
	var mesValue = "";
	var mesID = "";

	var items = $my("selectSub").getElementsByTagName("input");
	for(var i = 0 ; i < items.length ; i++) {
	   
		if(items[i].checked == true)
		{
			//len++;
			//if(len > lenMax)
			//{
			//	alert("不能超过" + lenMax +"个选项！")
			//	return false;
		    //}
		    mesValue += items[i].value + ",";
		    mesID += items[i].title + ",";


		    var mes = "<input name='IndustryChecked' id='IndustryChecked' runat='server' type='checkbox' checked='true' title='" + items[i].title + "' value='" + items[i].value + "' onclick='copyItem(\"previewItem\",\"previewItem\");same(this);'>" + items[i].value;
		    $my("previewItem").innerHTML += mes;
			
			//alert(items[i].value);
		}
    }

    document.getElementById('hideID').value = mesID;
	document.getElementById("hideValue").value = mesValue;
}
function makeSure(){
	//alert(1);
	//$my("makeSureItem").innerHTML = $my("previewItem").innerHTML;
	openBg(0);
	openSelect(0);
	copyItem("previewItem","makeSureItem")	
}
function copyHTML(id1,id2){
	$my(id2).innerHTML = $my("id1").innerHTML;
}
///去除最后一个符号
function myRemove(str, s) {

    var i = str.lastIndexOf(s);
    if (i > 0)
        str = str.substring(0, str.length - 1);

    return str;
}

///下面已选择的行业的是 ChenckBox 改变选择时更新 hideLoadValue 里面保存的值
function LoadMyCheck(Check) {
    var nowValue = document.getElementById('hideValue').value;
    var nowTitle = document.getElementById('hideID').value;
    var value = Check.value + ',';
    var title = Check.title + ',';
    if (Check.checked) {
        var iStart = nowValue.indexOf(value);
        var iTitle = nowValue.indexOf(title);
        if (iStart < 0 && iTitle < 0) {
            nowValue += Check.value + ',';
            nowTitle += Check.title + ',';
        }
    }
    else {

        var iStart = nowValue.indexOf(value);
        var iTitle = nowValue.indexOf(title);
        if (iStart >= 0 && iTitle >= 0) {
            nowValue = nowValue.replace(value, '');
            nowTitle = nowTitle.replace(title, '');
        }
    }

    document.getElementById('hideValue').value = myRemove(nowValue, ',');
    document.getElementById('hideID').value = myRemove(nowTitle, ',');
}



function copyItem(id1, id2) {
    var mes = "";
    var nowValue = '';
    var nowTitle = '';
    var items2 = $my(id1).getElementsByTagName("input");
    for (var i = 0; i < items2.length; i++) {
        if (items2[i].checked == true) {
            mes += "<input type='checkbox' name='CheckedIndustry' id='CheckedIndustry' title='" + items2[i].title + "' checked='true' value='" + items2[i].value + "' onclick='copyItem(\"" + id2 + "\",\"" + id1 + "\");same(this);LoadMyCheck(this);'>" + items2[i].value;
            nowValue += items2[i].value + ',';
            nowTitle += items2[i].title + ',';

        }
    }

    $my(id2).innerHTML = "";
    $my(id2).innerHTML += mes;
    //nowValue = nowValue.replace('undefined','');
    document.getElementById('hideValue').value = myRemove(nowValue, ',');
    document.getElementById('hideID').value = myRemove(nowTitle, ',');
}

function onLoadCheck(id1, id2) {
    var mes = '';
    var nowValue = document.getElementById('hideValue').value;
    var nowTitle = document.getElementById('hideID').value;
    var str = nowValue.split(',');
    var strTitle = nowTitle.split(',');

    if (str.length > 0 && nowValue != '') {
        for (var i = 0; i < str.length; i++) {
            mes += "<input type='checkbox' name='CheckedIndustry' id='CheckedIndustry' title='" + strTitle[i] + "' checked='true' value='" + str[i] + "' onclick='copyItem(\"" + id2 + "\",\"" + id1 + "\");same(this);LoadMyCheck(this);'>" + str[i];
            mySame(strTitle[i]);
        }
    }
    if ($my(id2) != null) {
        $my(id2).innerHTML = "";
        $my(id2).innerHTML += mes;
        $my(id1).innerHTML = "";
        $my(id1).innerHTML += mes;
    }
}

function mySame(title) {
    var items = $my("selectSub").getElementsByTagName("input");
    for (var i = 0; i < items.length; i++) {
        if (title == items[i].title) {
            items[i].checked = true;
        }
    }
}

function same(ck) {
    var items = $my("selectSub").getElementsByTagName("input");
	for(var i = 0 ; i < items.length ; i++)
	{
		if(ck.value == items[i].title)
		{
			items[i].checked = ck.checked;
		}
	}
}	
/* 鼠标拖动 */
var oDrag = "";
var ox,oy,nx,ny,dy,dx;
function drag(e, o) {
	var e = e ? e : event;
	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;
		//$my(oDrag).style.left = $my(oDrag).offsetLeft + "px";
		//$my(oDrag).style.top = $my(oDrag).offsetTop + "px";
		dx = parseInt($my(oDrag).style.left);
		dy = parseInt($my(oDrag).style.top);
		//dx = $my(oDrag).offsetLeft;
		//dy = $my(oDrag).offsetTop;
		nx = e.clientX;
		ny = e.clientY;
		$my(oDrag).style.left = (dx + ( nx - ox )) + "px";
		$my(oDrag).style.top = (dy + ( ny - oy )) + "px";
		ox = nx;
		oy = ny;
	}
}
document.onmouseup = function(){oDrag = "";}
document.onmousemove = function(event){dragPro(event);}