// JavaScript Document

var maximages = new Number();
var delaytime = new Number();
//-------start---Generate flip-----------------
function insertflip(numberofimages, imagedelay){
	maximages = numberofimages + 1;
	delaytime = imagedelay;
	document.getElementById("imageflip").innerHTML = "<table style='margin:auto; margin-top:18px; width:920px; height:355px; border:none; background-image:url(flipdata/backframe.jpg); background-repeat:no-repeat;' cellpadding='0px' cellspacing='0px'><tr><td id='bottomimage' style='margin:0px; padding:0px; background-repeat:no-repeat; width:920px; height:355px; border:none;'><img id='topimage' src='flipdata/1.jpg' alt='' style='padding:0px; margin:0px; border:none; visibility:hidden;' /><span style='position:relative; bottom:70px; left:800px; margin:0px; padding:0px; height:0px; line-height:0px;'><img id='flipbutton' onmouseover='fliphoveron()' onmouseout='fliphoveroff()' onclick='flipstatechange()' src='flipdata/stop.png' style='padding:0px; margin:0px; border:none; cursor:pointer; opacity:0.5; filter:alpha(opacity=50)' alt='' /></span></td></tr></table>";
}
//-------end-----Generate flip-----------------

//------start----Preloading-----------------
var imagenames = new Array (
"flipdata/stop.png",
"flipdata/play.png",
"flipdata/replay.png"
);

var i = 0;
var imagepreload = new Image();
imagepreload.onload = function() {
	if(imagenames[i + 1]){
		i++;
		imagepreload.src = imagenames[i];
	}
}
imagepreload.src = "headerdata/mini_right_button_on.png";
//------end------Preloading-----------------

var percentage = new Number(0);
var images = new Number(1);


//------start----OTHER-----------------
function fliprest(){
	if(percentage < 100){
		percentage += 2;
		document.getElementById("topimage").style.opacity = percentage/100;
		t=setTimeout('fliprest()',10);
	}
	else if(percentage >= 100){
		percentage = 1;
		if(images<maximages){
			bottomimageload.src = "flipdata/" + images + ".jpg";
		}
	}
}
var bottomimageload = new Image();
bottomimageload.onload = function() {
	document.getElementById("bottomimage").style.backgroundImage = "url(flipdata/" + images + ".jpg)";
	document.getElementById("topimage").style.opacity = percentage/100;
	images++;
	if(images<maximages && buttonstate == "play"){
		topimageload.src = "flipdata/" + images + ".jpg";
	}
	else if(buttonstate == "stop"){
		activity = false;
	}
	else if(buttonstate == "replay"){
		activity = false;
		document.getElementById("flipbutton").src = "flipdata/replay.png";
	}
	else{
		topimageload.src = "flipdata/1.jpg";
	}
}
var topimageload = new Image();
topimageload.onload = function() {
	if(images<maximages){
		document.getElementById("topimage").src = "flipdata/" + images + ".jpg";
	}
	else{
		images = 1;
		document.getElementById("topimage").src = "flipdata/" + images + ".jpg";
		buttonstate = "replay";
	}
	t=setTimeout('fliprest()',delaytime);
}
//------end------OTHER-----------------

//------start----IE-----------------
function flipIE(){
	if(percentage < 100){
		percentage += 4;
		topimage.style.filter = "alpha(opacity=" + percentage + ")";
		t=setTimeout('flipIE()',10);
	}
	else if(percentage >= 100){
		percentage = 1;
		if(images<maximages){
			bottomimageloadIE.src = "flipdata/" + images + ".jpg";
		}
	}
}
var bottomimageloadIE = new Image();
bottomimageloadIE.onload = function() {
	document.getElementById("bottomimage").style.backgroundImage = "url(flipdata/" + images + ".jpg)";
	topimage.style.filter = "alpha(opacity=" + percentage + ")";
	images++;
	if(images<maximages && buttonstate == "play"){
		topimageloadIE.src = "flipdata/" + images + ".jpg";
	}
	else if(buttonstate == "stop"){
		activity = false;
	}
	else if(buttonstate == "replay"){
		activity = false;
		document.getElementById("flipbutton").src = "flipdata/replay.png";
	}
	else{
		topimageloadIE.src = "flipdata/1.jpg";
	}
}
var topimageloadIE = new Image();
topimageloadIE.onload = function() {
	if(images<maximages){
		document.getElementById("topimage").src = "flipdata/" + images + ".jpg";
	}
	else{
		images = 1;
		document.getElementById("topimage").src = "flipdata/" + images + ".jpg";
		buttonstate = "replay";
	}
	t=setTimeout('flipIE()',delaytime);
}
//-------end-----IE-----------------

//------start----Page start-----------------
function start(){
	document.getElementById("bottomimage").style.visibility = "visible";
	document.getElementById("topimage").style.visibility = "visible";
	if(navigator.appName.indexOf("Microsoft") != -1){
		flipIE();
		clock();
	}
	else{
		fliprest();
		clock();
	}
}
//-------end-----Page start-----------------


//------start----Flip button-----------------
function fliphoveron(){
	if(navigator.appName.indexOf("Microsoft") != -1){
		flipbutton.style.filter = "alpha(opacity=100)";
	}
	else{
		document.getElementById("flipbutton").style.opacity = 1;
	}
}
function fliphoveroff(){
	if(navigator.appName.indexOf("Microsoft") != -1){
		flipbutton.style.filter = "alpha(opacity=50)";
	}
	else{
		document.getElementById("flipbutton").style.opacity = 0.5;
	}
}
var buttonstate = "play";
var activity = true;
function flipstatechange(){
	switch (buttonstate){
		case "play":
			if(activity){
				document.getElementById("flipbutton").src = "flipdata/play.png";
				buttonstate = "stop";
			}
			break;
		case "stop":
			if(!activity){
				activity = true;
				document.getElementById("flipbutton").src = "flipdata/stop.png";
				buttonstate = "play";
				if(images>=maximages){
					images--;
				}
				if(navigator.appName.indexOf("Microsoft") != -1){
					topimageloadIE.src = "flipdata/" + images + ".jpg";
				}
				else{
					topimageload.src = "flipdata/" + images + ".jpg";
				}
			}
			break;
		case "replay":
			if(!activity){
				activity = true;
				document.getElementById("flipbutton").src = "flipdata/stop.png";
				buttonstate = "play";
				images = 2;
				if(navigator.appName.indexOf("Microsoft") != -1){
					topimageloadIE.src = "flipdata/" + images + ".jpg";
				}
				else{
					topimageload.src = "flipdata/" + images + ".jpg";
				}
			}
			break;
	}
}
//-------end-----Flip button-----------------