function toggleSkicenterMapSelect(sel) {
	var allSelected=false;
	if(sel=="all") {
    	for(i=0; i<=maxPointId; i++) {
            document.getElementById("mapchoise_" + i).className = "mapon";
            document.getElementById("dotchoise_" + i).className = "mapon";
    	}
	}
	else if(sel=="none") {
    	for(i=0; i<=maxPointId; i++) {
            document.getElementById("mapchoise_" + i).className = "mapoff";
            document.getElementById("dotchoise_" + i).className = "mapoff";
    	}
	}
	else {
        dspl = document.getElementById("mapchoise_" + sel).className == "mapoff"?true:false;
        document.getElementById("mapchoise_" + sel).className = dspl?"mapon":"mapoff";
        document.getElementById("dotchoise_" + sel).className = dspl?"mapon":"mapoff";
	}
}

function toggleSkicenterMap(e) {
    if(ie5) {
		if(e.srcElement.nodeName == "IMG") {
			trget = e.srcElement.parentNode;
		}
		else {
        	trget = e.srcElement;
		}
    }
    else {
		if(e.target.nodeName == "IMG") {
			trget = e.target.parentNode;
		}
		else {
        	trget = e.target;
		}
    }
    var idex = trget.getAttribute("id").substring(10);
    toggleSkicenterMapSelect(idex);
}

function initSkicenter() {
    var mapselect = document.getElementById("mapselect");
    for(var i=0; i<mapselect.childNodes.length; i++) {
        var elm = mapselect.childNodes[i];
        if (elm.nodeName == "LI") {
            if(ie5) {
                elm.attachEvent("onmousedown", toggleSkicenterMap);
            }
            else {
                elm.addEventListener("mousedown", toggleSkicenterMap, false);
            }
        }
    }

    var mapselect = document.getElementById("maps");
    for(var i=0; i<mapselect.childNodes.length; i++) {
        var elm = mapselect.childNodes[i];
        if (elm.nodeName == "DIV") {
            if(ie5) {
                elm.attachEvent("onmousedown", toggleSkicenterMap);
            }
            else {
                elm.addEventListener("mousedown", toggleSkicenterMap, false);
            }
        }
    }
}

function submitSkicenterForm(frm) {
    var selectedIds = new Array();
    for(var i=0; i<=maxPointId; i++) {
        isOn = document.getElementById("mapchoise_" + i).className == "mapon"?true:false;
		if(isOn) selectedIds.push(i);
    }
    frm.elements["skiCenterIds"].value = selectedIds.join(",");
   // alert('heip' + frm.elements["skiCenterIds"].value);
    frm.submit();
}

function toggleMapSelect(sel) {
	var allSelected=false;
	if(sel=="all") {
		document.getElementById('map_all').style.display='block';
        document.getElementById('mapchoise_all').className = "mapon";
    	for(i=0; i<=12; i++) {
            var mapChoise = document.getElementById("mapchoise_" + i);
            if (mapChoise != null) {
                mapChoise.className = "mapoff";
            }
            var map = document.getElementById('map'+(i));
            if (map != null) {
                map.style.display = "none";
            }
    	}
	} else {
		document.getElementById('map_all').style.display = 'none';
        document.getElementById('mapchoise_all').className = "mapoff";
        dspl = document.getElementById("mapchoise_" + sel).className == "mapoff"?true:false;
        document.getElementById("mapchoise_" + sel).className = dspl?"mapon":"mapoff";
        document.getElementById('map'+(sel)).style.display = dspl?"block":"none";
	}
}

function toggleMap(e) {
    if(ie5) {
        trget = e.srcElement;
    }
    else {
        trget = e.target;
    }
    var idex = trget.getAttribute("id").substring(10);
    toggleMapSelect(idex);
}

function init() {
    var mapselect = document.getElementById("mapselect");
    for(var i=0; i<mapselect.childNodes.length; i++) {
        var elm = mapselect.childNodes[i];
        if (elm.nodeName == "LI") {
            if(ie5) {
                elm.attachEvent("onmousedown", toggleMap);
            }
            else {
                elm.addEventListener("mousedown", toggleMap, false);
            }
        }
    }
}

function submitForm(frm) {
    var selectedIds = new Array();
    var allSelected = document.getElementById("mapchoise_all").className == "mapon"?true:false;
    for(var i=0; i<=13; i++) {
        var element = document.getElementById("mapchoise_" + i);
        if(element != null && (element.className == "mapon" || allSelected)) {
            selectedIds.push(i);
        }
    }
    frm.elements["searchButton"].value = "Hae";
    frm.elements["provinceIds"].value = selectedIds.join(",");
    // alert('eip' + frm.elements["provinceIds"].value);
    frm.submit();
}
