var baseSiteName = "vaio";

function addEvent(elm,listener,fn){
	try{
		elm.addEventListener(listener,fn,false);
	}catch(e){
		elm.attachEvent("on"+listener,fn);
	}
}

addEvent(window,"load",function(){
	var funcID = "product-lineup";
	var baseID = "";
	
	if(document.getElementById(funcID)){
		
		var funcChilds = document.getElementById(funcID).childNodes;
		for(var i = 0; i < funcChilds.length; i++){
			if(funcChilds.item(i).tagName =="div" || funcChilds.item(i).tagName =="DIV"){
				baseID = funcChilds.item(i).id;
				break;
				}
			else{
				baseID = "";
				}
			}

		var keyparts = baseID.split('-');
		var seriesFrag = false;
		var boldseries,boldProduct;
		if(keyparts.length == 2){
			seriesFrag = true;
			boldseries = keyparts[1].substr(1,keyparts[1].length - 1);
			}
		if(keyparts.length == 3){
			boldproduct = keyparts[2].substr(1,keyparts[2].length - 1);
		}

		var xmlFileName = keyparts[1];
		var xmlPath = "/"+ baseSiteName +"/share/xml/lineup/"; // XMLファイル格納場所
		var lineupXmlUrl = xmlPath + xmlFileName + ".xml?" + (new Date().getTime());

		var errorFlag = "";
		var readXML = new JKL.ParseXML(lineupXmlUrl);
		readXML.setOutputArrayElements(["list","product"]); //make arrey elements

		var errorFunc = function(){
			errorFlag = true;
			}
		readXML.onerror(errorFunc);
		var confData = readXML.parse();
		
		function successFunc(){
			if(!errorFlag){
				var output = '<div id="tmp-linklist"><h3><img src="/'+ baseSiteName +'/share/images/products/tmp/ttl_lnavi_lineup.gif" alt="商品ラインアップ" /></h3>';
				output += '<ul class="menulist">';
				var listData = confData["lineup"]["lists"]["list"];
				for(var ii = 0; ii < listData.length; ii++){
					var productData = listData[ii]["product"];
					
					if(seriesFrag){
						if(listData[ii]["id"] == boldseries){
							output += '<li>' + listData[ii]["name"] + '</li>';
							}else{
								output += '<li>';
								output += '<a href="' + listData[ii]["link"] + '" onClick="s_objectID=';
								output += "'LINEUP_" + listData[ii]["name"] + "';";
								output += '">';
								output += listData[ii]["name"] + '</a>';
								output += '</li>';
								}
						}
					if(!seriesFrag){
						output += '<li>';
						output += '<a href="' + listData[ii]["link"] + '" onClick="s_objectID=';
						output += "'LINEUP_" + listData[ii]["name"] + "';";
						output += '">';
						output += listData[ii]["name"] + '</a>';
						if(productData){
							output += '<ul>';
							for(var iii = 0; iii < productData.length; iii++){
								if(productData[iii]["id"] == boldproduct){
									output += '<li>' + productData[iii]["name"] + '</li>';
									}else{
										output += '<li>';
										output += '<a href="' + productData[iii]["link"] + '" onClick="s_objectID=';
										output += "'LINEUP_" + productData[iii]["name"] + "';";
										output += '">';
										output += productData[iii]["name"] + '</a>';
										output += '</li>';
										}
								}
							output += '</ul>';
							}
						output += '</li>';
						}
					}
				output += '</ul></div>';
				var outputDiv = document.getElementById(baseID);
				outputDiv.innerHTML = output;
			}
		}
		
		successFunc();
		}
});