/* preLoad images */

var images = ["../images/im_common_09.png","../images/im_common_10.png"];

function preLoadImages(){
	for(var i=0; i < images.length; i++){
		(new Image()).src = images[i];
	}
}




/*swap images*/
function swapImage(){
	var allImages = document.getElementsByTagName("img");

	for(var i=0; i < allImages.length; i++){
		var imgObj = allImages[i];
		var filename = imgObj.src;
		var status = filename.substring(filename.length - 7,filename.length - 4);

		if(status == "off"){
			var sellected = imgObj;
		}
		else{
			continue;
		}
		var newSrc = filename.replace(status,"on");
		addRollover(sellected,newSrc);
	}
}

function addRollover(img,rollSrc){
	var baseSrc = img.src;

	(new Image()).src = rollSrc;
	
	if(window.addEventListener){
		img.addEventListener("mouseover",function(){img.src = rollSrc;},false);
		img.addEventListener("mouseout",function(){img.src = baseSrc;},false);
	}
	else if(window.attachEvent){
		img.attachEvent("onmouseover",function(){img.src = rollSrc;});
		img.attachEvent("onmouseout",function(){img.src = baseSrc;});
	}
}




/*control panel*/

function closePanel(){
	document.getElementById("panelHeader").innerHTML = "<a href='#' onClick='openPanel()'><img src='../images/bn_panel_close.jpg' alt='OPEN' width='160' height='20' /></a>";
	document.getElementById("controlPanel").style.display = "none";
}

function changeFontSize(j){
	var clickedNum = 0;
	clickedNum = clickedNum + j;
	allLetters = document.getElementsByTagName("p");
	for(var i=0; i < allLetters.length; i++){
		allLetters[i].style.fontSize = 16 + clickedNum + "px";
	}
}
function changeFontColor(k){
	var k = "#" + k;
	var allLetters = document.getElementsByTagName("p");
	for(var i=0; i < allLetters.length; i++){
		allLetters[i].style.color = k;
	}
}
function openPanel(){
	document.getElementById("controlPanel").style.display = "block";
	document.getElementById("controlPanel").style.background = "url(../images/im_panel_01_on.jpg) no-repeat bottom left";
	document.getElementById("panelHeader").innerHTML = "<a href='#' onClick='closePanel()'><img src='../images/bn_panel_open.jpg' alt='CLOSE' width='160' height='20' /></a>";
}
function defaultFontColor(){
	var allLetters = document.getElementsByTagName("p");
	for(var i=0; i < allLetters.length; i++){
		allLetters[i].style.color = "#A92721";
	}
}
function defaultFontSize(){
	allLetters = document.getElementsByTagName("p");
	for(var i=0; i < allLetters.length; i++){
		allLetters[i].style.fontSize = "16px";
	}
}




/* Tool Tips */
function Tip(){
	this.body = document.createElement("div");
	this.body.style.position = "absolute";
}
var headerTip = new Tip();
headerTip.body.className = "tipHeaderContent";

var headerTipShadow = new Tip();
headerTipShadow.body.className = "tipHeaderShadow";


function showHeaderTip(x,y,text){
	headerTip.body.innerHTML = text;
	headerTip.body.style.left = x + "px";
	headerTip.body.style.top = y + "px";
	headerTip.body.style.visibility = "visible";
	
	headerTipShadow.body.style.left = (x + 3) + "px";
	headerTipShadow.body.style.top = (y + 3) + "px";
	headerTipShadow.body.style.visibility = "visible";

	var header = document.getElementById("header");
	if(headerTip.body.parentNode != header){
		header.appendChild(headerTip.body);
		header.appendChild(headerTipShadow.body);
	}
}
function hideHeaderTip(){
	headerTip.body.style.visibility = "hidden";
	headerTipShadow.body.style.visibility = "hidden";
}




/* onload functions*/
function onloadFuncs(){
	preLoadImages();
	swapImage();
}
if(window.addEventListener)
	window.addEventListener("load",onloadFuncs,false);
else if(window.attachEvent)
	window.attachEvent("onload",onloadFuncs);
else window.onload = onloadFuncs;