// Javascript Fehler unterdruecken
onerror = stopError;
function stopError()
{
return true;
}

//============== Slideshow parameters ==================================================
header = "Referenzen"
showSpeed = 4000
fadingEffect = 1  // 0 = No; 1 = Yes

function list(src,text){
	this.src = src
	this.text = text
   }

var img = new Array
img[0] = new list("pix/neuwagen_VW_3.jpg","")
img[1] = new list("pix/neuwagen_VW_2.jpg","")
img[2] = new list("pix/neuwagen_VW_1.jpg","")
img[3] = new list("pix/neuwagen_Skoda_2.jpg","")
img[4] = new list("pix/neuwagen_Skoda_1.jpg","")
img[5] = new list("pix/neuwagen_Opel_2.jpg","")
img[6] = new list("pix/neuwagen_Opel_1.jpg","")
img[7] = new list("pix/neuwagen_Audi_1.jpg","")					
					
//============= Progress Bar parameters ================================================
var barWidth = 240
var barHeight = 2
var step = 20
var bgColor = "#004899"
var barColor = "#4A61BA"
var borderColor = "#004899"
var barRightBorderColor = "black"
var borderWidth = 0
var barRightBorderWidth = 0
var pbSpeed =1000
//================================================================


var pWidth = 0
var myInterval = 0
var showPause = 0
var auto = false
var currImg = 0
var Dir = 1

var imgArray = new Array()
	for (ii=0;ii<img.length;ii++){
		imgArray[ii] = new Image()
		imgArray[ii].src = img[ii].src
	}
	
function writeSlideShow(){
var myStr = ""
myStr += "<table cellpadding=0 cellspacing=0>"
//myStr += "<tr><td style=show align=center><H3>" + header + "</h3></td></tr>"
myStr += "<tr id=tr1 style=display:''><td style=show align=center>"
myStr += "<DIV align=left style='BORDER:"+borderColor+" "+ borderWidth+"px solid;width:"+barWidth+";BACKGROUND:"+bgColor+"'><DIV ID=prBar style='width:0;BACKGROUND:"+barColor+";HEIGHT:"+barHeight+";BORDER-RIGHT:"+barRightBorderColor+" "+barRightBorderWidth+"px solid'></DIV></DIV>"
myStr += "</td></tr>"
myStr += "<tr id=tr2 style=display:none><td style=show align=center><img ID=myImg src= " + imgArray[0].src + " border=0></td></tr>"
myStr += "<tr id=tr3 style=display:none><td style=show align=center><span ID=comment>" + img[0].text + "</span></td></tr>"
//myStr += "<tr id=tr4 style=display:none><td style=show align=center><table><tr><td><input type=button value = ' << ' onclick='stopAuto(); switchPicture(-1)'></td><td><input type=button value='Automatische Ansicht' ' onclick='startAuto()';></td><td><input type=button value='Stop' onClick='stopAuto()'></td><td><input type=button value = ' >> ' onclick='stopAuto(); switchPicture(1)'></td></tr></table></td></tr>"
myStr += "</table>"
document.write(myStr)
}

function startShow(){
	if (ready() == true){		
		window.clearInterval(showPause)
		document.getElementById('tr1').style.display = 'none'	
		document.getElementById('tr2').style.display = ''	
		//document.getElementById('tr3').style.display = ''	
		//document.getElementById('tr4').style.display = ''
	}
}

function ready(){
	for (ii=0;ii<imgArray.length;ii++){ 
		if (imgArray[ii].complete == false){		
			return false	
			break
		}
	}
window.clearInterval(showPause)
window.clearInterval(pbPause)	
return true
}

function displayText(text){
var myText = ""
	if (text== ""){
		myText = "&nbsp;"
	}
	else{
		myText = text
	}
return myText	
}

function switchPicture(dir){
if (auto == false){
currImg = currImg + dir
	if (currImg > imgArray.length - 1){
	currImg = 0
	}
	if (currImg < 0){
	currImg = imgArray.length - 1
	}
document.getElementById("myImg").src = imgArray[currImg].src
document.getElementById("comment").innerHTML = displayText(img[currImg].text)
}
else{
Dir = dir
}
}

function startAuto(){
	if (auto == false){	
		auto = true
		myInterval = setInterval("switchPictureAuto()",showSpeed);
	}
}

function stopAuto(){
auto = false
window.clearInterval(myInterval)
}


function switchPictureAuto(){
currImg = currImg + Dir
	if (currImg > imgArray.length - 1){
	currImg = 0
	}
	if (currImg < 0){
	currImg = imgArray.length - 1
	}
	
	
if (document.all){
	if (fadingEffect == 1){
		document.getElementById("myImg").style.filter="blendTrans(duration=1)";
		document.getElementById("myImg").filters.blendTrans.Apply();
		document.getElementById("myImg").filters.blendTrans.Play();
	}
}	
	
document.getElementById("myImg").src = imgArray[currImg].src
document.getElementById("comment").innerHTML = displayText(img[currImg].text)	
}

var pWidth = 0
function progressBar(){
	pWidth = pWidth + step
	if (pWidth > barWidth){
		pWidth = 0
	}
	document.getElementById('prBar').style.width = pWidth
}

showPause = setInterval("startShow()",4000)
var pbPause
pbPause = setInterval("progressBar()",pbSpeed)