/*
 * BURO-GDS
 * 2010
 *
 */

// globals
var anim1="next";
var anim2="next";
var anim3="next";
var anim4="next";

function iPhone_anim(i,anim){
	vite = 30;
	elt = document.getElementById("anim"+i);
	img = elt.getElementsByTagName("img")[0];
	j = Number(img.src.substr(-8,4));
	if(String(anim)=="null" || String(anim)=="undefined"){
		anim = eval("anim"+i);
		if(j==1){
			anim="next";
		}else if(j==23){
			anim="prev";
		}else if(j==12){
			if(anim=="next"){ anim="end";
			}else if(anim=="prev"){ anim="start";
			}
		} eval("anim"+i+"='"+anim+"';");
		var timeoutFun = "iPhone_anim("+i+",'"+anim+"')";
		window.setTimeout(timeoutFun,vite); delete timeoutFun;
	}else{
		anim = eval("anim"+i);
		if(anim=="next" && j<12){
			j+=1;
			if(j<10){n="anim"+i+"000"+j;}else{n="anim"+i+"00"+j;}
			img.src = "2010_img/"+n+".png";
			var timeoutFun = "iPhone_anim("+i+",'"+anim+"')";
			window.setTimeout(timeoutFun,vite); delete timeoutFun;
		}else if(anim=="prev" && j>12){
			j-=1;
			if(j<10){n="anim"+i+"000"+j;}else{n="anim"+i+"00"+j;}
			img.src = "2010_img/"+n+".png";
			var timeoutFun = "iPhone_anim("+i+",'"+anim+"')";
			window.setTimeout(timeoutFun,vite); delete timeoutFun;
		}else if(anim=="end" && j<23){
			j+=1;
			if(j<10){n="anim"+i+"000"+j;}else{n="anim"+i+"00"+j;}
			img.src = "2010_img/"+n+".png";
			var timeoutFun = "iPhone_anim("+i+",'"+anim+"')";
			window.setTimeout(timeoutFun,vite); delete timeoutFun;
		}else if(anim=="start" && j>1){
			j-=1;
			if(j<10){n="anim"+i+"000"+j;}else{n="anim"+i+"00"+j;}
			img.src = "2010_img/"+n+".png";
			var timeoutFun = "iPhone_anim("+i+",'"+anim+"')";
			window.setTimeout(timeoutFun,vite); delete timeoutFun;
		}
	}
}

function iPhone_winLoad(){
	if(String(document.body)!="null" && String(document.body)!="undefined"){
		str+= "<div id=\"iphone_container\">";
		str+= "<a id=\"anim1\" onmouseup=\"iPhone_anim(1);\"><img src=\"2010_img/anim10001.png\" width:70px; height:100px; /></a>";
		str+= "<a id=\"anim2\" onmouseup=\"iPhone_anim(2);\"><img src=\"2010_img/anim20001.png\" width:70px; height:100px; /></a>";
		str+= "<a id=\"anim3\" onmouseup=\"iPhone_anim(3);\"><img src=\"2010_img/anim30001.png\" width:100px; height:100px; /></a>";
		str+= "<a id=\"anim4\" onmouseup=\"iPhone_anim(4);\"><img src=\"2010_img/anim40001.png\" width:70px; height:100px; /></a>";
		str+= "<p id=\"BURO_GDS\"><a href=\"http://www.buro-gds.com\" target=\"_blank\">BURO-GDS</a></p>";
		str+= "</div>";
		document.body.innerHTML=str;
	}else{
		window.setTimeout("iPhone_winLoad()",200);
	}
}

if(navigator.appVersion.indexOf("iPhone")>=0){
	//
	// preload Images
	for(i=1;i<5;i++){
		for(j=1;j<24;j++){
			if(j<10){n="anim"+i+"000"+j;}else{n="anim"+i+"00"+j;}
			var img = new Image(); var div = document.createElement("div"); div._img = img; img.setAttribute("src", "2010_img/"+n+".png");
		}
	}
	window.onload = iPhone_winLoad;
	var str	= new String();
	str+= "<meta name='viewport' content='width=auto; initial-scale=0.8; maximum-scale=0.8; user-scalable=0;' />\n";
	str+= "<style type=\"text/css\">";
	str+= "#iphone_container{ margin:auto; margin-top:40px; width:400px; height:300px; background-image:url('2010_img/_bg.png'); }";
	str+= "#anim1 img{ position:relative; top:60px; left:50px; }";
	str+= "#anim2 img{ position:relative; top:60px; left:70px; }";
	str+= "#anim3 img{ position:relative; top:60px; left:50px; }";
	str+= "#anim4 img{ position:relative; top:60px; left:40px; }";
	str+= "#BURO_GDS { position:relative; top:90px; left:0px; }";
	str+= "#BURO_GDS a { overflow:hidden; text-indent:-100px; display:block; }";
	str+= "</style>\n";
	document.write(str); document.close();
}