function id(obj) {
	return document.getElementById(obj);
}

function showBox() {
	var obj = id("category").getElementsByTagName("li");
	var len = obj.length;
	for(var i=0;i<len;i++) {
		for(var j=0;j<len;j++) {
			obj[j].getElementsByTagName("div")[0].style.display = "none";
		}
		obj[i].onmouseover = function() {
			this.getElementsByTagName("div")[0].style.display = "block";
			this.className = "showBox";
		}
		obj[i].onmouseout = function() {
			this.getElementsByTagName("div")[0].style.display = "none";
			this.className = "";
		}
	}
}

function showNav() {
	action(id("salecompose"));
}

function action(obj) {
	var objDiv = obj.getElementsByTagName("div");
	var count = objDiv.length;
	var newArr = new Array();
	for(var j=0;j<count;j++) {
		if(objDiv[j].className == "topContent") {
			newArr.push(objDiv[j]);
			objDiv[j].onmouseover = function() {
				for(var k=0;k<newArr.length;k++) {
					newArr[k].getElementsByTagName("div")[0].style.display = "none";
					newArr[k].getElementsByTagName("p")[0].style.display = "block";
				}
				this.getElementsByTagName("div")[0].style.display = "block";
				this.getElementsByTagName("p")[0].style.display = "none";
			}
		}
	}
	for(var m=0;m<newArr.length;m++) {
		if(m == 0) {
			newArr[0].getElementsByTagName("div")[0].style.display = "block";
			newArr[0].getElementsByTagName("p")[0].style.display = "none";
		}else {
			newArr[m].getElementsByTagName("div")[0].style.display = "none";
			newArr[m].getElementsByTagName("p")[0].style.display = "block";
		}
	}
}

$(document).ready(function() {
	$("#top_title").click(function() {
		$("#show_provinces").toggle();
	}).css({ "cursor":"pointer" });	
	
	$("li a").click(function() {			
		$(".show_citys").hide();
		$("#show_provinces").hide();
	});

	$("#close").click(function() {
		$(".show_citys").hide();
		$("#show_provinces").hide();
	});
});