<!--
/* dynImg.js    v1.0    27/09/2004    Terry Haayema terry@netset.com.au
 * 
 * This script provides a variety of page build and animation functions
 */
var ie4 = (document.all)? true:false;
var ns6 = (!document.all && document.getElementById)? true:false;
var ns4 = (document.layers)? true:false;
var cn1 = 0;
var cn2 = 17;
var cn3 = 34;
var cn4 = 0;

// Create additional styles
document.write("<STYLE type='text/css'>\n");
for (var i = 0; i <= 255; i+=17){
	document.write(".grey"+i+"Sty {font-family:arial,verdana,sans serif; font-size:16px; color:rgb("+i+","+i+","+i+");}\n");
}
document.write("</STYLE>");

// Initialise image
function init(){
	document.images['img1'].src = "img/img1.jpg";
	setTimeout("document.images['img1'].src = 'img/pic1.jpg'",100);
	setTimeout("document.images['img1'].src = 'img/img1.jpg'",200);
	setTimeout("document.images['img1'].src = 'img/pic1.jpg'",300);
	setTimeout("document.images['img1'].src = 'img/img1.jpg'",400);
	setTimeout("document.images['img1'].src = 'img/pic1.jpg'",500);
	setTimeout("document.images['img1'].src = 'img/img1.jpg'",600);
	setTimeout("document.images['img2'].src = 'img/img2.jpg'",1000);
	setTimeout("document.images['img2'].src = 'img/pic2.jpg'",1100);
	setTimeout("document.images['img2'].src = 'img/img2.jpg'",1200);
	setTimeout("document.images['img2'].src = 'img/pic2.jpg'",1300);
	setTimeout("document.images['img2'].src = 'img/img2.jpg'",1400);
	setTimeout("document.images['img2'].src = 'img/pic2.jpg'",1500);
	setTimeout("document.images['img2'].src = 'img/img2.jpg'",1600);
	setTimeout("document.images['img3'].src = 'img/img3.jpg'",2000);
	setTimeout("document.images['img3'].src = 'img/pic3.jpg'",2100);
	setTimeout("document.images['img3'].src = 'img/img3.jpg'",2200);
	setTimeout("document.images['img3'].src = 'img/pic3.jpg'",2300);
	setTimeout("document.images['img3'].src = 'img/img3.jpg'",2400);
	setTimeout("document.images['img3'].src = 'img/pic3.jpg'",2500);
	setTimeout("document.images['img3'].src = 'img/img3.jpg'",2600);
}

function init2(){
// Number of images
	var picNum = Math.floor(Math.random() * 30) + 1;
// Image ot move
	var divNum = Math.floor(Math.random() * 3) + 1;
// Direction to move in
	var dirNum = Math.floor(Math.random() * 8);
	var imgNam = "mainPromoImg"+divNum+"Div";
	var dynNam = "mainPromoDyn"+divNum+"Div";
	var xStart, yStart;
	var xDif = 18;
	var yDif = 19;
	eval("layerWrite('"+dynNam+"','<IMG src=\"img/img"+picNum+".jpg\" width=180 height=190 alt=\"woohoo an image\">')");
	if (ie4) {
		promoImg1 = mainPromoImg1Div.style;
		promoImg2 = mainPromoImg2Div.style;
		promoImg3 = mainPromoImg3Div.style;
		promoDyn1 = mainPromoDyn1Div.style;
		promoDyn2 = mainPromoDyn2Div.style;
		promoDyn3 = mainPromoDyn3Div.style;
	} else if (ns6){
		promoImg1 = document.getElementById('mainPromoImg1Div').style;
		promoImg2 = document.getElementById('mainPromoImg2Div').style;
		promoImg3 = document.getElementById('mainPromoImg3Div').style;
		promoDyn1 = document.getElementById('mainPromoDyn1Div').style;
		promoDyn2 = document.getElementById('mainPromoDyn2Div').style;
		promoDyn3 = document.getElementById('mainPromoDyn3Div').style;
	} else if (ns4){
		promoImg1 = document.containerDiv.document.mainPromoDiv.document.mainPromoImg1Div;
		promoImg2 = document.containerDiv.document.mainPromoDiv.document.mainPromoImg2Div;
		promoImg3 = document.containerDiv.document.mainPromoDiv.document.mainPromoImg3Div;
		promoDyn1 = document.containerDiv.document.mainPromoDiv.document.mainPromoImg1Div.document.mainPromoDyn1Div;
		promoDyn2 = document.containerDiv.document.mainPromoDiv.document.mainPromoImg2Div.document.mainPromoDyn2Div;
		promoDyn3 = document.containerDiv.document.mainPromoDiv.document.mainPromoImg3Div.document.mainPromoDyn3Div;
	}
	if (dirNum == 0){
		xStart = -180;
		yStart = -190;
		xDif = 18;
		yDif = 19;
	} else if (dirNum == 1){
		xStart = 0;
		yStart = -190;
		xDif = 0;
		yDif = 19;
	} else if (dirNum == 2){
		xStart = 180;
		yStart = -190;
		xDif = -18;
		yDif = 19;
	} else if (dirNum == 3){
		xStart = 180;
		yStart = 0;
		xDif = -18;
		yDif = 0;
	} else if (dirNum == 4){
		xStart = 180;
		yStart = 190;
		xDif = -18;
		yDif = -19;
	} else if (dirNum == 5){
		xStart = 0;
		yStart = 190;
		xDif = 0;
		yDif = -19;
	} else if (dirNum == 6){
		xStart = -180;
		yStart = 190;
		xDif = 18;
		yDif = -19;
	} else if (dirNum == 7){
		xStart = -180;
		yStart = 0;
		xDif = 18;
		yDif = 0;
	}
	promoDyn1.ypos = yStart;
	promoDyn1.xpos = xStart;
	promoDyn2.ypos = yStart;
	promoDyn2.xpos = xStart;
	promoDyn3.ypos = yStart;
	promoDyn3.xpos = xStart;
	promoDyn1.top = yStart;
	promoDyn1.left = xStart;
	promoDyn2.top = yStart;
	promoDyn2.left = xStart;
	promoDyn3.top = yStart;
	promoDyn3.left = xStart;
	relocateImage(picNum,divNum,xDif,yDif);
}

// Move in the selected image
function relocateImage(p,d,x,y){
	var delay = Math.round(Math.random() * 10000) + 500;
	eval("if(promoDyn"+d+".ypos!=0){promoDyn"+d+".ypos+="+y+";promoDyn"+d+".xpos+="+x+";promoDyn"+d+".top=promoDyn"+d+".ypos;promoDyn"+d+".left=promoDyn"+d+".xpos;setTimeout('relocateImage("+p+","+d+","+x+","+y+")',50)}else{setTimeout('replaceImage("+p+","+d+")',"+delay+");}");
}

// Move back and replace the image ready for next time
function replaceImage(p,d){
	var dynNam = "mainPromoDyn"+d+"Div";
	var imgNam = "mainPromoImg"+d+"Div";
	var imgHtm = "<IMG src=\"img/img" + p + ".jpg\" width=180 height=190 alt=\"woohoo an image\"><DIV id=\"mainPromoDyn" + d + "Div\"><IMG src=\"img/img" + p + ".jpg\" width=180 height=190 alt=\"\"></DIV>";
	eval("layerWrite('"+imgNam+"','"+imgHtm+"')");
	eval("promoDyn"+d+".ypos=-190;");
	eval("promoDyn"+d+".xpos=-180;");
	eval("promoDyn"+d+".top=-190;");
	eval("promoDyn"+d+".left=-180;");
	init();
}

// Initialise text intro
function initIntro(){
	if (ie4) {
		promoTxt1 = mainPromoIntroTxt1Div.style;
		promoTxt2 = mainPromoIntroTxt2Div.style;
		promoTxt3 = mainPromoIntroTxt3Div.style;
		promoTxt4 = mainPromoIntroTxt4Div.style;
		promoMask1 = mainPromoLowerMask1Div.style;
		promoMask2 = mainPromoLowerMask2Div.style;
		promoMask3 = mainPromoLowerMask3Div.style;
		promoMask4 = mainPromoLowerMask4Div.style;
	} else if (ns6){
		promoTxt1 = document.getElementById('mainPromoIntroTxt1Div').style;
		promoTxt2 = document.getElementById('mainPromoIntroTxt2Div').style;
		promoTxt3 = document.getElementById('mainPromoIntroTxt3Div').style;
		promoTxt4 = document.getElementById('mainPromoIntroTxt4Div').style;
		promoMask1 = document.getElementById('mainPromoLowerMask1Div').style;
		promoMask2 = document.getElementById('mainPromoLowerMask2Div').style;
		promoMask3 = document.getElementById('mainPromoLowerMask3Div').style;
		promoMask4 = document.getElementById('mainPromoLowerMask4Div').style;
	} else if (ns4){
		promoTxt1 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoIntroTxt1Div;
		promoTxt2 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoIntroTxt2Div;
		promoTxt3 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoIntroTxt3Div;
		promoTxt4 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoIntroTxt4Div;
		promoMask1 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoLowerMask1Div;
		promoMask2 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoLowerMask2Div;
		promoMask3 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoLowerMask3Div;
		promoMask4 = document.containerDiv.document.mainPromoDiv.document.mainPromoIntroDiv.document.mainPromoLowerMask4Div;
	}
	promoTxt1.xpos = 560;
	promoTxt2.xpos = -460;
	promoTxt3.xpos = 560;
	promoTxt4.xpos = -460;
	promoTxt1.left = promoTxt1.xpos;
	promoTxt2.left = promoTxt2.xpos;
	promoTxt3.left = promoTxt3.xpos;
	promoTxt4.left = promoTxt4.xpos;
	promoMask1.xpos = 0;
	promoMask2.xpos = 0;
	promoMask3.xpos = 0;
	promoMask4.xpos = 0;
	promoMask1.left = promoMask1.xpos;
	promoMask2.left = promoMask2.xpos;
	promoMask3.left = promoMask3.xpos;
	promoMask4.left = promoMask4.xpos;
	textIntro();
}

// Slide in text intro
function textIntro(){
	if (promoTxt1.xpos>20){
		promoTxt1.xpos-=17;
		promoTxt1.left=promoTxt1.xpos;
		setTimeout('textIntro()',25);
	} else if (promoTxt2.xpos<60){
		promoTxt2.xpos +=17;
		promoTxt2.left=promoTxt2.xpos;
		setTimeout('textIntro()',25);
	} else if (promoTxt3.xpos>130){
		promoTxt3.xpos-=17;
		promoTxt3.left=promoTxt3.xpos;
		setTimeout('textIntro()',25);
	} else if (promoTxt4.xpos<180){
		promoTxt4.xpos+=17;
		promoTxt4.left=promoTxt4.xpos;
		setTimeout('textIntro()',25);
	} else if (promoMask1.xpos<555){
		promoMask1.xpos+=20;
		promoMask1.left=promoMask1.xpos;
		setTimeout('textIntro()',25);
	} else if (promoMask2.xpos<555){
		promoMask2.xpos+=20;
		promoMask2.left=promoMask2.xpos;
		setTimeout('textIntro()',25);
	} else if (promoMask3.xpos<555){
		promoMask3.xpos+=20;
		promoMask3.left=promoMask3.xpos;
		setTimeout('textIntro()',25);
	} else {
		init();
		setTimeout('promoMask4.left=555;',1000);
	}
}

// Learn How feature
function learnMore(){
	cn1 -= 17;
	if (cn1 < 0) cn1 = 255;
	cn2 -= 17;
	if (cn2 < 0) cn2 = 255;
	cn3 -= 17;
	if (cn3 < 0) cn3 = 255;
	cn4 = 0;
	if ((cn3 < 238)&&(cn3 > 210)){
		cn4 = 255;
	}
	var learnHTML = "<B><SPAN class='grey"+cn1+"Sty'>&gt;</SPAN>&nbsp;<SPAN class='grey"+cn2+"Sty'>&gt;</SPAN>&nbsp;<SPAN class='grey"+cn3+"Sty'>&gt;</SPAN>&nbsp;<SPAN class='grey"+cn4+"Sty'><I>LEARN HOW</I></SPAN>&nbsp;<SPAN class='grey"+cn3+"Sty'>&lt;</SPAN>&nbsp;<SPAN class='grey"+cn2+"Sty'>&lt;</SPAN>&nbsp;<SPAN class='grey"+cn1+"Sty'>&lt;</SPAN><B>";
	layerWrite("mainPromoLowerTxt4Div",learnHTML);
	setTimeout('learnMore()',50);
}

// Rewrite layer contents
function layerWrite(id,text){
	if (ie4) {
		document.all[id].innerHTML=text;
	} else if (ns6) {
		document.getElementById(id).innerHTML = text;
	} else if (ns4) {
		var lyrStr=document.layers[id].document;
		lyrStr.open();
		lyrStr.write(text);
		lyrStr.close();
	}
}

//-->
