// JavaScript Document
var activeColor;
var inactiveColor;
var contentArray;
var totalpage;
var framename;
var imagepath;
var currentpage = 0;
var isleft;

function createpaging(content, _activeColor, _inactiveColor, _contentid, _imagepath, _isleft){
	contentArray = content;
	activeColor = _activeColor;
	inactiveColor = _inactiveColor;
	framename = _contentid;
	imagepath = _imagepath;
	isleft = _isleft;
	
	totalpage = contentArray.length;
	
	if(totalpage >1){
	
		var pagingcontent = "";
		for(var i=0; i<totalpage; i++){
			var currentobject = contentArray[i];
			var thecontent = currentobject.content;
			var thetype = currentobject.type;
			linkto = "javascript:setpreview('"+thetype+"','"+thecontent+"',"+(i+1)+");";
			
			var textcolor;
			if(i == 0){
				textcolor = activeColor;		
			}else{
				textcolor = "";
			}
			
			pagingcontent += "<a id='paging_"+(i+1)+"' href="+linkto+" style='color:"+textcolor+"'>"+(i+1)+"</a>";
			if(i < totalpage - 1){
				pagingcontent += " | ";
			}
		}
		document.write(pagingcontent);
	}
}

function setpreview(_type, _content, _pageno){
	// paging management
	for(var i=0; i<totalpage; i++){
		var bgcolor;
		var currentpage = i+1;
		if(currentpage == _pageno){
			bgcolor = activeColor;		
		}else{
			bgcolor = "";
		}
		document.getElementById("paging_"+currentpage).style.color = bgcolor;
	};
	
	// content management
	var displayvalue;
	var contentvalue;
	var imagevalue;
	
	for(var i=0; i<totalpage; i++){
		var currentobject = contentArray[i];
		if(currentobject.type == "text"){
			document.getElementById(currentobject.content).style.display = "none";
		}
	}
	
	if(isleft){
		var arrayindeks = _pageno - 1;
		var beforevalue;
		var aftervalue;
		var beforeimage;
		var leftimage = contentArray[arrayindeks].left;
		if(leftimage == "-"){
			beforevalue = "none";
			aftervalue = "none";
			beforeimage = "none";
		}else{
			beforevalue = "";
			aftervalue = "";
			beforeimage = "";
		}
		document.getElementById("beforetext").style.display = beforevalue;
		document.getElementById("aftertext").style.display = aftervalue;
		document.getElementById("before_image").style.display = beforeimage;
		document.getElementById("beforeimage").src = imagepath+leftimage;
		//before_image
	}
	
	if(_type == "text"){
		displayvalue = "none";
		contentvalue = _content;
		imagevalue = imagepath+"blank.gif";
		document.getElementById(contentvalue).style.display = "";
		document.getElementById("content_image").style.display = "none";
	}else if(_type == "image"){
		if (imagepath == "/common/images/projects/competition/itb_masterplan/") { 
			if (_pageno >= 2 && _pageno <= 4) {
				displayvalue = "none"; 
				document.getElementById("bottomcontent_a").style.display = "";
				document.getElementById("bottomcontent_b").style.display = "none";
				document.getElementById("bottomcontent_c").style.display = "none";
			} else if (_pageno >= 5 && _pageno <= 6) {
				displayvalue = "none"; 
				document.getElementById("bottomcontent_a").style.display = "none";
				document.getElementById("bottomcontent_b").style.display = "";
				document.getElementById("bottomcontent_c").style.display = "none";
			} else if (_pageno >= 7 && _pageno <= 10) {
				displayvalue = "none"; 
				document.getElementById("bottomcontent_a").style.display = "none";
				document.getElementById("bottomcontent_b").style.display = "none";
				document.getElementById("bottomcontent_c").style.display = "";
			} else {
				displayvalue = ""; 
				document.getElementById("bottomcontent_a").style.display = "none";
				document.getElementById("bottomcontent_b").style.display = "none";
				document.getElementById("bottomcontent_c").style.display = "none";
			}
		} else {
			displayvalue = "";
		}	
		
		contentvalue = "";
		imagevalue = imagepath+_content;
		document.getElementById("content_image").style.display = "";
		
		
	}
	document.getElementById("contentimage").src = imagevalue;
	document.getElementById("bottomcontent").style.display = displayvalue;
}