function imageHintOn(imgObj){
	imgObj.src = "images/bn_top_01_on.png";
}
function imageHintOff(imgObj){
	imgObj.src = "images/bn_top_01_off.png";
}

function sheSays(){
	var baloonObj = document.getElementById("baloon");
	var attentionObj = document.getElementById("attention");
	var arrowObj = document.getElementById("arrow");
	
	if(document.all){
		baloonObj.style.filter = "alpha(opacity=90)";
	}else{
		baloonObj.style.opacity = 0.9;
	}
	baloonObj.style.display = "block";
	attentionObj.style.display = "none";
	arrowObj.style.display = "block";
}

function stopTalking(){
	var baloonObj = document.getElementById("baloon");
	var attentionObj = document.getElementById("attention");
	var arrowObj = document.getElementById("arrow");
	baloonObj.style.display = "none";
	attentionObj.style.display = "block";
	arrowObj.style.display = "none";
}

/*function showBackground(){
	var back1 = document.getElementById("background1");
	var back2 = document.getElementById("background2");
	if(document.all){
		back1.style.filter = "alpha(opacity=70)";
		back2.style.filter = "alpha(opacity=70)";
	}else{
		back1.style.opacity = 0.7;
		back2.style.opacity = 0.7;
	}

}
*/





var images = ["../images/im_top_06.png","../images/im_top_06.png"];

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





/*desc shadow*/
function shadow(){
	var desc = document.getElementById("description");
	var shadow = document.createElement("p");
	shadow.className = "shadow";
	shadow.innerHTML = desc.innerHTML;
	document.getElementById("container").appendChild(shadow);
}




/*   */
var Layer = function(){
	this.layerBody = document.createElement("div");
	this.layerBody.style.visibility = "hidden";
	
	this.layerShadow = document.createElement("div");
	this.layerShadow.style.visibility = "hidden";
	
	var container = document.getElementById("container");
		container.appendChild(this.layerBody);
		container.appendChild(this.layerShadow);
}

function showUpdate(){
	var update = new Layer;
	update.layerBody.className = "update";
	update.layerBody.style.visibility = "visible";
	update.layerBody.innerHTML = "2008/3/16";
	
	var updateShadow = new Layer;
	updateShadow.layerShadow.className = "updateShadow";
	updateShadow.layerShadow.style.visibility = "visible";
	
	if(!document.all){
		updateShadow.layerShadow.style.opacity = 0.7;
	}else{
		updateShadow.layerShadow.style.filter = "alpha(opacity=70)";
	}
}



/* move background*/
function backgroundEvent(){
	var timerID = setInterval("moveBackground()",50);

}
	var tValue = 1;
	var hValue = 375;
function moveBackground(){
	var back1 = document.getElementById("movableBack1");
	var back2 = document.getElementById("movableBack2");
	back1.style.top = tValue + "px";
	back2.style.height = hValue + "px";
	if(tValue < 170){
		tValue += 5;
		hValue -= 5;
	}else{
	clearInterval(timerID);
	}
}




/* onload functions*/
function onloadFuncs(){
	shadow();
	showUpdate();
/*	showBackground();*/
	backgroundEvent();
}
if(window.addEventListener)
	window.addEventListener("load",onloadFuncs,false);
else if(window.attachEvent)
	window.attachEvent("onload",onloadFuncs)
else window.onload = onloadFuncs;