dom.event.addEventListener(window, 'load', init);

var current = 1;

function init() {
	var kisei = util.$('kisei');
	var sonota = util.$('sonota');
	kisei.style.cursor = "pointer";
	sonota.style.cursor = "pointer";
	kisei.setAttribute("src","../img/map/kisei_on.jpg");
	util.$('treeMenu1').style.display = "block";
	util.$('treeMenu2').style.display = "none";
	dom.event.addEventListener(kisei, 'mouseover', Onover);
	dom.event.addEventListener(sonota, 'mouseover', Onover);
	dom.event.addEventListener(kisei, 'mouseout', Onout);
	dom.event.addEventListener(sonota, 'mouseout', Onout);
	dom.event.addEventListener(kisei, 'click', Onclick);
	dom.event.addEventListener(sonota, 'click', Onclick);
}

function Onover(evt) {
	//alert(evt.currentTarget);
	//evt.currentTarget.src
	if(current != 1) {
		if(evt.currentTarget == util.$('kisei')) {
			evt.currentTarget.setAttribute("src","../img/map/kisei_on.jpg");
		}
	}
	if(current != 2) {
		if(evt.currentTarget == util.$('sonota')) {
			evt.currentTarget.setAttribute("src","../img/map/sonota_on.jpg");
		}
	}
}

function Onout(evt) {
	if(current != 1) {
		if(evt.currentTarget == util.$('kisei')) {
			evt.currentTarget.setAttribute("src","../img/map/kisei.jpg");
		}
	}
	if(current != 2) {
		if(evt.currentTarget == util.$('sonota')) {
			evt.currentTarget.setAttribute("src","../img/map/sonota.jpg");
		}
	}
}

function Onclick(evt) {
	setPosition();
	var mapScroll = util.$('map_scroll');	
	var tree1 = util.$('treeMenu1');
	var tree2 = util.$('treeMenu2');
	
	if(evt.currentTarget == util.$('kisei')) {
		current = 1;
	} else if(evt.currentTarget == util.$('sonota')) {
		current = 2;
	}
		if(evt.currentTarget == util.$('kisei')) {
			evt.currentTarget.setAttribute("src","../img/map/kisei_on.jpg");
			util.$('sonota').setAttribute("src","../img/map/sonota.jpg");
			if(util.$('treeMenu1').style.display == "none") {
				util.$('treeMenu1').style.display = "block";
				util.$('treeMenu2').style.display = "none";
				
					tree1.style.height = (mapScroll.offsetHeight + mapScroll.offsetTop) - (tree1.offsetHeight+tree1.offsetTop) + tree1.offsetHeight + "px";
					if(document.getElementById('marquee')) {
						ies(36,30);		
					} else {
						ies(10,10);
					}
			}
		}
		if(evt.currentTarget == util.$('sonota')) {
			evt.currentTarget.setAttribute("src","../img/map/sonota_on.jpg");
			util.$('kisei').setAttribute("src","../img/map/kisei.jpg");
			if(util.$('treeMenu2').style.display == "none") {
				util.$('treeMenu2').style.display = "block";
				util.$('treeMenu1').style.display = "none";
				tree2.style.height = (mapScroll.offsetHeight + mapScroll.offsetTop) - (tree2.offsetHeight+tree2.offsetTop) + tree2.offsetHeight + "px";
				if(document.getElementById('marquee')) {
						ies(36,30);
				} else {
						ies(10,10);
				}
			}
		}
	
}