/* 
Key features function
-----------------------------------------------------------------------------------------
HTML Path: /asia/products/featured/loader/wheel/zw/features/index.html
JavaScript Path: /asia/js/products/featured/loader/wheel/zw/features/load_functions.js;
-----------------------------------------------------------------------------------------
*/

function getPrototype(){
	var 
		ve = navigator.appVersion.toLowerCase(),
		ua = navigator.userAgent.toLowerCase(),
		is = function(t){ return ua.indexOf(t) != -1; },
		val = ((/opera/i.test(ua))&&(/^[1-7]/i.test(ve))||
			(/msie 5.0/i.test(ve))||(/netscape[4-6]/i.test(ua))|| is("mac")&&(/msie/i.test(ve)))? false : true;
	return val;
}

var setPrototypeCls = function(){
	var hs = document.getElementsByTagName('html')[0],
		cls = (getPrototype())? " prototype" : "";
	hs.className += cls;
}();


function setContents(){
	return this;
}
setContents.prototype = {
	btns: null,
	btnNo: null,
	btnClick: false,
	pageNo: 0,
	xmlPath: "details/",
	initialize: function(){
		
		/* set CSS property
		------------------------------------------------------------------------- */
		menuId = document.getElementById("menu"); if(!menuId) return false;
		menuId.style.display = "block";
		contentcolId = document.getElementById("contentcol"); if(!contentcolId) return false;
		var contenttag = document.createElement('div');
		contenttag.setAttribute('id','content');
		contentcolId.appendChild(contenttag);
		contentId = document.getElementById("content"); if(!contentId) return false;
		contentId.style.display = "none";
		
		/* set Global Menu Function
		------------------------------------------------------------------------- */
		var imgs = new Image();
		c.btns = menuId.getElementsByTagName("img");
		
		var s = this;
		setPanel = function(id,con){
				elmId = document.getElementById("hover-" + id);
				elmId.style.display = (con == "in") ? "block" : "none";
		}
		for(var i=0,f= c.btns.length ; i<f ; i++){
			(function(i){
				// swap image value
				var imgsrc = c.btns[i].src;
				var ftype = imgsrc.substring(imgsrc.lastIndexOf('.'), imgsrc.length);
				c.btns[i].off = imgsrc;
				c.btns[i].on = imgsrc.replace('-off' + ftype, '-on' + ftype);
				// other value
				var btnName = c.btns[i].className;
				c.btns[i].onmouseover = function(){
					c.btns[i].src = c.btns[i].on;
					if (!c.btnClick){
						setPanel(btnName,"in");
					}
				}
				c.btns[i].onmouseout = function(){
					if(i != c.btnNo){
						c.btns[i].src = c.btns[i].off;
					}
					if (!c.btnClick){
						setPanel(btnName,"out");
					}
				}
				c.btns[i].onclick = function(){
						c.btnClick = true;
						if(c.btnNo != null){
							c.btns[c.btnNo].src = c.btns[c.btnNo].off;
						}
						c.btnNo = i;
						c.loadFile(c.xmlPath + btnName.substring(3,5) + ".xml");
						c.btns[i].src = c.btns[i].on;
				}
			})(i);
		}
	},
	getHTTPObject: function(){
		if (typeof XMLHttpRequest != 'undefined') {
			return new XMLHttpRequest();
		}
		try{
			return new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e){
			try {
				return new ActiveXObject("Microsoft.XMLHTTP");
			}catch (e){}
		}
		return false;
	},
	loadFile: function(file){
		var request = this.getHTTPObject();
		var s = this;
		if(request){
			request.onreadystatechange = function() {
				s.parseResponse(request);
			};
			request.open("GET", file, true);
			request.send(null);
		}
	},
	parseResponse: function(request){
		var s = this;
		if(request.readyState == 4){
			if(request.status == 200 || request.status == 304){
				var data = request.responseXML;
				s.showResponse(data);
			} else {
				alert("Something Broke!");
			}
		}
	},
	showResponse: function(t){
		
		var s = this;
		contentId.innerHTML = t.documentElement.firstChild.nodeValue;
		divs = contentId.getElementsByTagName("div");
		var columns = [];
		for(var i=0,f=divs.length ; i<f ; i++){
			if(divs[i].className == "column") {
				columns[columns.length] = divs[i];
			}
		}
		if(columns.length == 1){
			str = "<p class=\"pageNo\">Page 1 of 1</p>";
			str += "<p class=\"btn-Close\">Back to Menu</p>";
			s.insertBottom(columns[i],str);
		}else{
			for(var i=0,f=columns.length ; i<f ; i++){
				str = "<p class=\"pageNo\">Page " + (i+1) + " of " + columns.length + "</p>";
				str += "<p class=\"btn-Close\">Back to Menu</p>";
				if(i != 0){
					str += "<p class=\"btn-Prev\"><img src=\"http://hcm.vo.llnwd.net/e1/asia/images/common/arrow_dot_left_f60.gif\" alt=\"\">Previous</p>";
				}
				if( i != (f - 1)){
					str += "<p class=\"btn-Next\">Next<img src=\"http://hcm.vo.llnwd.net/e1/asia/images/common/arrow_dot_right_f60.gif\" alt=\"\"></p>";
				}
				s.insertBottom(columns[i],str);
				if(i!=0 ){
					columns[i].style.display = "none";
				}
			}
			
			ps = contentId.getElementsByTagName("p");
			
			var btnPrevs = [];
			for(var i=0,f=ps.length ; i<f ; i++){
				if(ps[i].className == "btn-Prev") {
					btnPrevs[btnPrevs.length] = ps[i];
				}
			}
			for(var i=0,f= btnPrevs.length ; i<f ; i++){
				(function(i){
					btnPrevs[i].onmouseover = function(){
						btnPrevs[i].style.color = "#c35c18";
					}
					btnPrevs[i].onmouseout = function(){
						btnPrevs[i].style.color = "#f60";
					}
					btnPrevs[i].onclick = function(){
						columns[c.pageNo].style.display = "none";
						c.pageNo = i;
						columns[c.pageNo].style.display = "block";
					}
				})(i);
			}
			var btnNexts = [];
			for(var i=0,f=ps.length ; i<f ; i++){
				if(ps[i].className == "btn-Next") {
					btnNexts[btnNexts.length] = ps[i];
				}
			}
			for(var i=0,f= btnNexts.length ; i<f ; i++){
				(function(i){
					btnNexts[i].onmouseover = function(){
						btnNexts[i].style.color = "#c35c18";
					}
					btnNexts[i].onmouseout = function(){
						btnNexts[i].style.color = "#f60";
					}
					btnNexts[i].onclick = function(){
						columns[c.pageNo].style.display = "none";
						c.pageNo = (i + 1);
						columns[c.pageNo].style.display = "block";
					}
				})(i);
			}
			var btnCloses = [];
			for(var i=0,f=ps.length ; i<f ; i++){
				if(ps[i].className == "btn-Close") {
					btnCloses[btnCloses.length] = ps[i];
				}
			}
			for(var i=0,f= btnCloses.length ; i<f ; i++){
				(function(i){
					btnCloses[i].onmouseover = function(){
						btnCloses[i].style.textDecorationUnderline = true;
					}
					btnCloses[i].onmouseout = function(){
						btnCloses[i].style.textDecorationNone = true;
					}
					btnCloses[i].onclick = function(){
						contentId.style.display = "none";
						c.btns[c.btnNo].src = c.btns[c.btnNo].off;
						hoverId = document.getElementById("hover-btn0" + (c.btnNo + 1));
						hoverId.style.display = "none";
						c.btnClick = false;
						c.pageNo = 0;
						c.btnNo = null;
					}
				})(i);
			}
		}
		contentId.style.display = "block";
	},
	insertBottom: function(obj,str){
		d = document.createElement("div");
		d.innerHTML = str;
		obj.appendChild(d);
	}
}
var c = new setContents();
window.addOnload(c.initialize);