// Script by Bjarne Duus
// *** http://www.fiduusen.dk ***

// Definer konstanter til PictureBoxen

var BlankPic  = new String('../images/design/blank.gif');
var StartPic  = new String('../images/brunhilde/hilde00.gif');
var picNo     = new Number();
var picMax    = new Number();
var ToolTip   = new Boolean(true);
var Action;

var LedeTekst = new Array();
var arrSmall  = new Array();
var arrLarge  = new Array();

var objHTMLNL = /<br>/g;	

function InitPictureBox() {
	PreloadPicture();
	picNo = 1;
	picMax = arrSmall.length;

	showPicS1(picNo);
	showPicS2(picNo+1);  

	var newPic = new Image();
	newPic.src = StartPic;
	document.getElementById("PicL").src = newPic.src;
	document.getElementById("PicL").width = newPic.width;
	document.getElementById("PicL").height = newPic.height;
}  

function GetID(ID) {
var currID = ID;
	while ((currID>picMax) || (currID<1)) {
		if (currID>picMax)	{ currID = currID - picMax; }
		else				{ currID = currID + picMax; }
	}
	return currID
}

function showPicS1(ID) {
	document.getElementById("PicS1").src = BlankPic;
	ID = GetID(ID);
	document.getElementById("PicS1").src = arrSmall[ID-1].src;
	document.getElementById("PicS1").width = arrSmall[ID-1].width;
	document.getElementById("PicS1").height = arrSmall[ID-1].height;
	//document.all.PicS1.alt = LedeTekst[ID-1]; 
	if (ToolTip == true) { 
			/*do { document.getElementById("PicS1").alt = document.getElementById("PicS1").alt.replace('<br>', '\n'); } 
			while  (document.getElementById("PicS1").alt.search('<br>') > 0) */
		document.getElementById("PicS1").alt = LedeTekst[ID-1].replace(objHTMLNL, '\n');
	}
	else { document.getElementById("PicS1").alt = ''; }
}

function showPicS2(ID) {
	document.getElementById("PicS2").src = BlankPic;
	ID = GetID(ID);
	document.getElementById("PicS2").src = arrSmall[ID-1].src;
	document.getElementById("PicS2").width = arrSmall[ID-1].width;
	document.getElementById("PicS2").height = arrSmall[ID-1].height;
	//document.getElementById("PicS2").alt = LedeTekst[ID-1]; 
	if (ToolTip == true) { 
		//document.getElementById("PicS2").alt = document.getElementById("PicS2").alt.replace(objHTMLNL, '\n');
		document.getElementById("PicS2").alt = LedeTekst[ID-1].replace(objHTMLNL, '\n');
	}
	else { document.getElementById("PicS2").alt = ''; }
}

function showPicL(ID) {  
	document.getElementById("PicL").src = BlankPic;
	ID = GetID(ID);
	document.getElementById("PicL").src = arrLarge[ID-1].src;
	document.getElementById("PicL").width = arrLarge[ID-1].width;
	document.getElementById("PicL").height = arrLarge[ID-1].height;
	document.getElementById("txt").innerHTML = LedeTekst[ID-1];
	//if (arrLarge[ID-1].readyState != 'complete') {
	if (arrLarge[ID-1].complete != true) {
		document.getElementById("txt").innerHTML = '<font color="#ff0000">Billedet er ikke klar endnu<br>prøv igen om lidt ...</font>';
	}
}

function nextPic() {
	//picNo += 1;
	picNo = GetID(picNo+1);
	showPicS1(picNo);
	showPicS2(picNo+1);
}

function prevPic() {
	//picNo -= 1;
	picNo = GetID(picNo-1);
	showPicS1(picNo);
	showPicS2(picNo+1);
}

function rettekst(ID) {
	ID = GetID(ID);
	document.getElementById("txt").innerHTML = LedeTekst[ID-1];
}

function PreloadPicture() {

	loadPicture('../images/brunhilde/hilde1-small.jpg',  '../images/brunhilde/hilde1.jpg',  'Brunhilde på kryds i Svendborgsund');
	loadPicture('../images/brunhilde/hilde2-small.jpg',  '../images/brunhilde/hilde2.jpg',  'huuaaa<br>here we go');
	loadPicture('../images/brunhilde/hilde3-small.jpg',  '../images/brunhilde/hilde3.jpg',  'Stærk tobak møder en lang cigar<br>vi bytter båd<br>en tidlig forårsdag 1997 i Ballen');
	loadPicture('../images/brunhilde/hilde4-small.jpg',  '../images/brunhilde/hilde4.jpg',  'Havne-tamtam<br>der er altid plads til én til<br><br>på en YLVA');
	loadPicture('../images/brunhilde/hilde5-small.jpg',  '../images/brunhilde/hilde5.jpg',  'Skipper forklarer konen ... <br><br>zzzzz ...');
	loadPicture('../images/brunhilde/hilde6-small.jpg',  '../images/brunhilde/hilde6.jpg',  'Erik, Henning og "Helge"<br>ved Grasten på Thurø');
	loadPicture('../images/brunhilde/hilde7-small.jpg',  '../images/brunhilde/hilde7.jpg',  'Brunhilde på kryds i let vind<br><br>under ferieturen');
	loadPicture('../images/brunhilde/hilde8-small.jpg',  '../images/brunhilde/hilde8.jpg',  'Fra YLVA DM-1993 i Horsens<br><br>hele feltet set fra toppen<br><br>fra D-81 Løvehjerte');
	loadPicture('../images/brunhilde/hilde9-small.jpg',  '../images/brunhilde/hilde9.jpg',  'YLVA DM-1997 i Korsør<br><br>Brunhildes besætning<br><br>Erik, Henning, Niels og Bjarne');
	loadPicture('../images/brunhilde/hilde10-small.jpg', '../images/brunhilde/hilde10.jpg', 'Heksen som hun vil ha´ det<br>foran alle andre');
	loadPicture('../images/brunhilde/hilde11-small.jpg', '../images/brunhilde/hilde11.jpg', 'Selv en heks skal hvile<br>eller er det mon besætningen ?');
	loadPicture('../images/brunhilde/hilde12-small.jpg', '../images/brunhilde/hilde12.jpg', 'stille, stille, stille står solen op, der er ...<br><br>... hygge på heksen');
	loadPicture('../images/brunhilde/hilde13-small.jpg', '../images/brunhilde/hilde13.jpg', 'YLVA III<br>&<br>Steen Kjølhede');
	loadPicture('../images/brunhilde/hilde14-small.jpg', '../images/brunhilde/hilde14.jpg', 'Foran for tværs ...');
	loadPicture('../images/brunhilde/hilde15-small.jpg', '../images/brunhilde/hilde15.jpg', '... så er toget kørt');
	loadPicture('../images/brunhilde/hilde16-small.jpg', '../images/brunhilde/hilde16.jpg', 'Hjemme igen efter en Fyn-Cup');

	checkImgLoaded()
}

function loadPicture(smallPic,largePic, Ledetekst) {
	var picture = new Image(); 
	picture.src = smallPic; 
	arrSmall[arrSmall.length] = picture;

	var picture = new Image(); 
	picture.src = largePic;  
	arrLarge[arrLarge.length] = picture;
	
	LedeTekst[LedeTekst.length]  = Ledetekst; 

}

function checkImgLoaded() {
	var loaded = new Boolean(true);
	var count = 0;
	//if (window.document.all.loadingtext.style.visibility == 'visible') { window.document.all.loadingtext.style.visibility = 'hidden'; } else { window.document.all.loadingtext.style.visibility = 'visible'; }
	
	// check at alle små billeder er loaded
	for (i=0;i<arrSmall.length;i++) {
		//if (arrSmall[i].readyState != 'complete') {loaded = false; }
		if (arrSmall[i].complete !=true) {loaded = false; }
		else { count += 1; }
	}

	// check at alle store billeder er loaded
	for (i=0;i<arrLarge.length;i++) {
		//if (arrLarge[i].readyState != 'complete') {loaded = false; }
		if (arrLarge[i].complete != true) {loaded = false; }
		else { count += 1; }
	}
	
	if (!loaded) {
		document.getElementById("loadingtext").innerHTML = 'Loader billeder (' + count + ' af '+ (arrSmall.length + arrLarge.length) +')'; 
		//document.all.PicS1.src = document.all.PicS1.src;
		//document.all.PicS2.src = document.all.PicS2.src;
		//document.all.PicL.src = document.all.PicL.src;
		setTimeout('checkImgLoaded()',100); 
	}
	else {  
		//var signatur = '<div width="100%" align="right" class="signatur" id="signatur" style="margin:2pt;"><span aling="left"><a href="#" onclick="autoplay();">AutoPlay</a></span> - PictureBox by <a href="http://www.Fiduusen.dk" class="signatur" target="_top">Fiduusen.dk</a></div>';		
		var signatur = '<table class="signatur" width="100%" border="0" cellspacing="2" cellpadding="0"><tr><td width="104" align="center" bgcolor="#ccffcc" nowrap><a href="#" onclick="StartPlay();" style="color:white;font-weight:bold;">START Play</a></td><td width="104" align="center" bgcolor="#ffcccc" nowrap><a href="#" onclick="StopPlay();" style="color:white;font-weight:bold;">STOP Play</a></td><td align="right">PictureBox by <a href="http://www.Fiduusen.dk" class="signatur" target="_top">Fiduusen.dk</td></tr></table>';		
		document.getElementById("PicS1").src = document.all.PicS1.src;
		document.getElementById("PicS2").src = document.all.PicS2.src;
		document.getElementById("PicL").src = document.all.PicL.src;
		document.getElementById("loading").innerHTML = signatur;
	} 
}
function StartPlay() {
	Action = window.setInterval("AutoPlay()",5000);
	AutoPlay();
}

function StopPlay() {
	window.clearInterval( Action );
}

function AutoPlay() {
	showPicS1(picNo);
	showPicS2(picNo+1);  
	showPicL(picNo);
	picNo = GetID(picNo+1);
}