// ツリーメニュー
var xmlPath = new Array('ofCat','eqCat','spCat','ifCat');
var parentCat = new Array('オフィス家具','OA機器','店舗什器・備品','インテリア家具');
var parentPath = new Array('http:\/\/www.e-equal.com\/office_furniture\/','http:\/\/www.e-equal.com\/equipment\/','http:\/\/www.e-equal.com/supply\/','http:\/\/www.e-equal.com\/interior_furniture\/');

function locatorBuild() {
	var result = '		<option value="#">▼カテゴリを選択して下さい▼</option>';
	var attReg = new RegExp("^T","i");

	for(i=0; i<xmlPath.length; i++){
		var path = 'http://'+location.hostname+'/js/'+xmlPath[i]+'.xml';
		result += '<option value="'+parentPath[i]+'" style="background-color:#060;color:#FFF;"><b>'+parentCat[i]+'</b></option>';

		var catID = new Array();
		var catURI = new Array();
		var catCount = new Array();
		var catLabel = new Array();
		var count = new Number(0);

		displayLocator = function() {
			var suf = new Array();
			var href = new Array();
			var att = new Array();
			for(var j=0; j<count; j++) {
				if(catID[j].match(attReg) && catCount[j]>0) {
					suf[j] = '';
					href[j] = catURI[j];
					att[j] = 'style="background-color:#FF0;"';
				}else if(catID[j].match(attReg) && catCount[j]<=0) {
					suf[j] = '';
					href[j] = "#";
					att[j] = 'style="background-color:#FF0;"';
				}else{
					if(j<(count-1) && catCount[j]>0) {
						suf[j] = '&nbsp;├';
						href[j] = catURI[j];
						att[j] = 'style="color:#060;"';
					}else if(j<(count-1) && catCount[j]<=0) {
						suf[j] = '&nbsp;├';
						href[j] = '#';
						att[j] = 'disabled="disabled"';
					}else if(j>=(count-1) && catCount[j]>0) {
						suf[j] = '&nbsp;└';
						href[j] = catURI[j];
						att[j] = 'style="color:#060;"';
					}else if(j>=(count-1) && catCount[j]<=0) {
						suf[j] = '&nbsp;└';
						href[j] = '#';
						att[j] = 'disabled="disabled"';
					}
				}
				result += '<option value="'+href[j]+'" '+att[j]+'>'+suf[j]+catLabel[j]+'['+catCount[j]+']</option>';
			}
		},

		responseXML = function(XML) {
			$(XML).find("Category").each(function(){
				catID[count] = 'T'+$(this).find("CatID").text();
				catURI[count] = $(this).find("CatURI").text();
				catCount[count] = $(this).find("CatCount").text();
				catLabel[count] = $(this).find("CatLabel").text();
				count++;
				$(this).find("SubCategory").each(function(index,obj){
					catID[count] = 'S'+$(obj).find("SubCatID").text();
					catURI[count] = $(obj).find("SubCatURI").text();
					catCount[count] = $(obj).find("SubCatCount").text();
					catLabel[count] = $(obj).find("SubCatLabel").text();
					count++;
				});
			});
			displayLocator();
		}

		$.ajax({url:path,data:'',dataType:'xml',cache:false,async:false,success:responseXML});
	}
	$("#locatorSelect").html(result);
}

function treeBuild() {
	for(i=0; i<xmlPath.length; i++){
		var path = 'http://'+location.hostname+'/js/'+xmlPath[i]+'.xml';
		
		var catID = new Array();
		var catURI = new Array();
		var catCount = new Array();
		var catLabel = new Array();
		var display = '';
		var count = new Number(0);
		var selector = xmlPath[i]+'-tree';
	
		displayMenu = function() {
			for(var j=0; j<count; j++){
				if(j<(count-1)){
					display += (catCount[j]>0) ? '			├&nbsp;<a href="'+catURI[j]+'" class="l03">'+catLabel[j]+'['+catCount[j]+']</a><br />' : '├&nbsp;<span class="l03">'+catLabel[j]+'['+catCount[j]+']</span><br />';
				}else{
					display += (catCount[j]>0) ? '			└&nbsp;<a href="'+catURI[j]+'" class="l03">'+catLabel[j]+'['+catCount[j]+']</a><br />' : '└&nbsp;<span class="l03">'+catLabel[j]+'['+catCount[j]+']</span><br />';
				}
			}
			//$("#"+selector).html(display).ready(function(){continue;});
			$("#"+selector).html(display);
		},
	
		responseXML = function(XML) {
			$(XML).find("Category").each(function(){
				catID[count] = $(this).find("CatID").text();
				catURI[count] = $(this).find("CatURI").text();
				catCount[count] = $(this).find("CatCount").text();
				catLabel[count] = $(this).find("CatLabel").text();
				count++;
			});
			displayMenu();
		}
	
		$.ajax({url:path,data:'',dataType:'xml',cache:false,async:false,success:responseXML});
	}
}

function simple_tree(elm) {
	var tree = elm.parentNode.getElementsByTagName("div")[0];
	if (tree.style.display == "block") {
		tree.style.display="none";
	} else {
		tree.style.display="block";
	}
}

function locatorPut(href) {
	var hReg = new RegExp("^#");
	if(href.match(hReg)) {
		return false;
	}else{
		location.href = href;
		return false;
	}
}

$(function(){
	$(".tree").css({'display':'none'});
	treeBuild();
	locatorBuild();

//検索フォーム
	$("#search").focus(function(){
		if($(this).val() == $(this).attr('defaultValue')){
			$(this).val('');
		}
	});
	$("#search").blur(function(){
		if($(this).val() == ''){
			$(this).val($(this).attr('defaultValue'));
		}
	});
});