var imgArr = new Array();
var imgPath = "images/screenshots/";


function LoadPicShow(title, group) {
	 document.body.style.marginRight = "70px";
	 imgHeight = 75;
	 var Container = document.getElementById("tdPicShow");
	 
	 // Scroll Geschw. dynamisch
	 Container.onmouseover = function() {
		 xpos = event.clientX;
		 if (xpos > 480 && xpos < 550) SwitchPosition(1,1);
		 else if (xpos >= 550 && xpos < 650) SwitchPosition(1,3); 
		 else if (xpos >= 650 && xpos < 730) SwitchPosition(1,7); 
		 else if (xpos > 730) SwitchPosition(1,10)
		 else if (xpos >= 350 && xpos < 420) SwitchPosition(-1,1);  
		 else if (xpos >= 250 && xpos < 350) SwitchPosition(-1,3);   
		 else if (xpos >= 170 && xpos < 250) SwitchPosition(-1,7);  
		 else if (xpos < 170) SwitchPosition(-1,10); 
	 }
	
	// Scroll Timer beenden, wenn Maus weg
	 Container.onmouseout = function() {
		if (ScrollTimer) window.clearInterval(ScrollTimer);
	 }
	 
	// prüfen, ob Video Dateien vorhanden sind
	ExistsVideo("video01");	ExistsVideo("video02");ExistsVideo("video03");ExistsVideo("video04");
	 

	 // Bilder laden
	var zufallszahl = Math.random() * 1000000;   // damit unterscheidet sich URL und IE liest nicht aus Cache
	for(i=1;i<30;i++) {
		 imgArr[i-1] = new Image();
		 imgArr[i-1].src = imgPath+"img"+i+"_"+group+".jpg?"+zufallszahl;
		 imgArr[i-1].id = i;
		 Container.innerHTML = Container.innerHTML + "<label id='labelImg"+i+"' onclick='OpenPreview(\""+imgArr[i-1].src+"\","+imgArr[i-1].id +",\""+group+"\" );' class='cursor' style='display:none'>&nbsp;<img id='Img"+i+"' SRC='' BORDER=0 height="+imgHeight+" style='vertical-align:middle;display:none'></label>";
		 imgArr[i-1].onload = function() {		 	
		 	if (this.width > 99) {
				var el = document.getElementById("Img"+this.id);
				el.src = this.src;
				el.style.display = "inline";
				document.getElementById("labelImg"+this.id).style.display = "inline";				
		 	}
		 } 
	}
	document.getElementById("divPicShow").style.width = document.getElementById("tabHaupt").offsetWidth - 40 + "px";	
}

function ExistsVideo(videoDir) {
	var trVideo = document.getElementById("tr"+videoDir);
	if (!trVideo) {return true;}
	var f = new Image();
	f.src = "videos/"+videoDir+"/check.gif";
	f.title = videoDir;
	f.onload = function() {
		document.getElementById("tr"+this.title).style.display="inline";
	}
	
	
	
	/*
	try
	{
		_top = screen.height+200;
		test = window.open("videos/"+videoDir+"/"+videoDir+".html" , "VideoTestWindow", "width=1, height=1, left=0, top="+_top);
		if (test.document.title.indexOf("Brokmann ") > -1) {	
			trVideo.style.display="inline";
		}
		test.close();
	}
	catch(err)
	{
		if (test) test.close();
	}
	*/
}

function SwitchPosition(dire, vel) {
	ScrollTimer=window.setInterval("ScrollPicShow("+dire+","+vel+");", 30);
}

var obj_Div, ScrollTimer;
function ScrollPicShow(dire, vel) {
	obj_Div = document.getElementById("divPicShow");
	if (!obj_Div) return true;
	obj_Div.scrollLeft = obj_Div.scrollLeft + (dire*vel);
}

/*
------------------------------------------
----------------- Preview ----------------
------------------------------------------
*/

var divBackground = parent.parent.document.getElementById("divBackground");
var divPreview = parent.parent.document.getElementById("divPreview");
function OpenPreview(filename, id, group) {

	// Vorschau neu positionieren
	document.body.onresize = function() {
	 	if (divPreview) {
		   divPreview.style.top = Math.round((parent.parent.document.body.offsetHeight - divPreview.offsetHeight) / 2) + "px";
		   divPreview.style.left = Math.round((parent.parent.document.body.offsetWidth - divPreview.offsetWidth) / 2) + "px";	
		} 
	 }
	
	// Thema als Überschrift ausgeben
	SetScreenshotCaption(group, id);
	
	// Überblenden: Hintergrund inaktiv, Preview aktiv
	fader = 20;
	fadeObj = window.setInterval(function () {SetBGInactive(70,filename,group,id)}, 10);
	
	// Preview positionieren und schwach einblenden
	divPreview.style.opacity=0.1;
	if (divPreview.filters) divPreview.filters.alpha.opacity=10;
	divPreview.style.display = "inline";
	divPreview.style.top = Math.round((parent.parent.document.body.offsetHeight - divPreview.offsetHeight) / 2) + "px";
	divPreview.style.left = Math.round((parent.parent.document.body.offsetWidth - divPreview.offsetWidth) / 2) + "px";	
}

function SetScreenshotCaption(group, id)  {
	themaGroup ="fruvlsms"; 
	var thema =new Array("Flexible Reports","", "User-Verwaltung","","Navigation mit Laschenstruktur","","Meilensteinplanung"); 
	parent.parent.document.getElementById("tdScreenshotCaption").innerHTML = "Screenshot "+id+" zu "+thema[themaGroup.indexOf(group)];
}


function ClosePreview() {
	parent.parent.document.getElementById("imgPreview").style.display = "none";
	parent.parent.document.getElementById("divPreview").style.display = "none";
	var bg = parent.parent.document.getElementById("divBackground");
	bg.style.display = "none";
	bg.style.opacity=1;
	if (bg.filters) bg.filters.alpha.opacity=100;
}

function jsSetEnabled(){
	var next_bt = parent.parent.document.getElementById("next_pic");
	var prev_bt = parent.parent.document.getElementById("prev_pic");	
	next_bt.disabled = false;
	prev_bt.disabled = false;		
}


function jsValidateButtons(group, id, dire){
	var next_bt = parent.parent.document.getElementById("next_pic");
	var prev_bt = parent.parent.document.getElementById("prev_pic");	
	if(next_bt && dire > 0) next_bt.disabled = true; else next_bt.disabled = false;
	if(prev_bt && dire < 0) prev_bt.disabled = true; else prev_bt.disabled = false;		
	next = id + dire;
	zufallszahl = Math.random() * 1000000;
	var img = new Image();
	img.src = imgPath+"img" + next + "_"+group+".jpg?"+zufallszahl;
	img.id = next;
	img.onload = function() {	
	 	if (this.width > 99) {
			jsSetEnabled();
	 	}
	} 
	
	// 1. oder letztes Bild aufgerufen
	if (img.width < 100 && dire == 0) {
		if (id > 0) {next_bt.disabled = true;}
		else {prev_bt.disabled = true;}
	}
	
}

function FlipFlop(direction) {
	var im_el = parent.parent.document.getElementById("imgPreview");	
	var next = parseInt(im_el.picid) + direction;
	
	jsValidateButtons(im_el.group, next, direction);
	
	// Thema als Überschrift ausgeben
	SetScreenshotCaption(im_el.group, next);
	
	if (next < 1){ return true;}
	
	zufallszahl = Math.random() * 1000000;
	var img = new Image();
	img.id = next; 
	img.src = imgPath+"img" + next + "_"+im_el.group+".jpg?"+zufallszahl;
	img.onload = function() {	
	 	if (this.width > 99) {
			var im_el = parent.parent.document.getElementById("imgPreview");
			im_el.src = this.src;
			im_el.title = "img" + this.id + "_"+im_el.group+".jpg";
			im_el.picid = this.id;
		}	
	} 
}


var fader;
var fadeObj;
function SetBGInactive(faderEnd, filename, group, id) {
	// Fading komplett 
	if (fader > faderEnd) {
		window.clearInterval(fadeObj);
		// divPreview endgültig darstellen
		divPreview.style.opacity=1;
		if (divPreview.filters)  divPreview.filters.alpha.opacity=100; 

		//Bild anzeigen
		var im_el = parent.parent.document.getElementById("imgPreview");
		var img = new Image();
		img.src = filename; 
		var ratio = 1.5; //img.width / img.height;
		im_el.group = group;
		im_el.height = divPreview.offsetHeight - 60;
		im_el.width = im_el.height * ratio;
		im_el.src = img.src;
		im_el.picid = id;
		im_el.style.display = "inline";	
		
		// teste forward und back button
		if (id==1) jsValidateButtons(group, id-1, 0); else jsValidateButtons(group, id+1, 0);

		return true;
	}
	
	if (divBackground.style.display == "none") divBackground.style.display = "inline";
	divBackground.style.opacity=fader / 100;
	if (divBackground.filters)  divBackground.filters.alpha.opacity=fader;
	
	
	if (divPreview.style.display == "none") divPreview.style.display = "inline";
	divPreview.style.opacity=fader / 100;
	if (divPreview.filters) divPreview.filters.alpha.opacity=fader;
	
	if(navigator.userAgent.match('MSIE'))
		fader = fader + 10;
	else
		fader = fader + 5;
}