// Global variables
var isCSS, isW3C, isIE4, isNN4, isIE6CSS, isOp;
// initialize upon load to let all browsers establish content objects
function initDHTMLAPI() {	
    if (document.images) {
        isCSS = (document.body && document.body.style) ? true : false;
        isW3C = (isCSS && document.getElementById) ? true : false;
        isIE4 = (isCSS && document.all) ? true : false;
        isNN4 = (document.layers) ? true : false;
        isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
        isOp = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
    }
}

// set event handler to initialize API
//window.onload = initDHTMLAPI;

// Seek nested NN4 layer from string name
function seekLayer(doc, name) {
    var theObj;
    for (var i = 0; i < doc.layers.length; i++) {
        if (doc.layers[i].name == name) {
            theObj = doc.layers[i];
            break;
        }
        // dive into nested layers if necessary
        if (doc.layers[i].document.layers.length > 0) {
            theObj = seekLayer(document.layers[i].document, name);
        }
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid element object reference
function getRawObject(obj) {
    var theObj;
    if (typeof obj == "string") {
        if (isW3C) {
            theObj = document.getElementById(obj);
        } else if (isIE4) {
            theObj = document.all(obj);
        } else if (isNN4) {
            theObj = seekLayer(document, obj);
        }
    } else {
        // pass through object reference
        theObj = obj;
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid style (or NN4 layer) reference
function getObject(obj) {
    var theObj = getRawObject(obj);
    if (theObj && isCSS) {
        theObj = theObj.style;
    }
    return theObj;
}

// Position an object at a specific pixel coordinate
function shiftTo(obj, x, y) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0 
            theObj.left = x + units;
            theObj.top = y + units;
        } else if (isNN4) {
            theObj.moveTo(x,y)
        }
    }
}

// Move an object by x and/or y pixels
function shiftBy(obj, deltaX, deltaY) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0 
            theObj.left = getObjectLeft(obj) + deltaX + units;
            theObj.top = getObjectTop(obj) + deltaY + units;
        } else if (isNN4) {
            theObj.moveBy(deltaX, deltaY);
        }
    }
}

// Set the z-order of an object
function setZIndex(obj, zOrder) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.zIndex = zOrder;
    }
}

// Set the background color of an object
function setBGColor(obj, color) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isNN4) {
            theObj.bgColor = color;
        } else if (isCSS) {
            theObj.backgroundColor = color;
        }
    }
}

// Set the visibility of an object to visible
function show(obj) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.visibility = "visible";
    }
}

// Set the visibility of an object to hidden
function hide(obj) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.visibility = "hidden";
    }
}

// Retrieve the x coordinate of a positionable object
function getObjectLeft(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (document.defaultView && window.getComputedStyle) {
        var style = document.defaultView;
        var cssDecl = style.getComputedStyle(elem, "");
        result = cssDecl.getPropertyValue("left");
    } else if (elem.currentStyle) {
        result = elem.currentStyle.left;
    } else if (elem.style) {
        result = elem.style.left;
    } else if (isNN4) {
        result = elem.left;
    }
    return parseInt(result);
}

// Retrieve the y coordinate of a positionable object
function getObjectTop(obj)  {
    var elem = getRawObject(obj);
    var result = 0;    
    if (document.defaultView && window.getComputedStyle) {     
        var style = document.defaultView;        
        var cssDecl = style.getComputedStyle(elem, "");         
        result = cssDecl.getPropertyValue("top");         
    } else if (elem.currentStyle) {
        result = elem.currentStyle.top;
    } else if (elem.style) {
        result = elem.style.top;
    } else if (isNN4) {
        result = elem.top;
    }
    return parseInt(result);
}

// Retrieve the rendered width of an element
function getObjectWidth(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetWidth) {
        result = elem.offsetWidth;
    } else if (elem.clip && elem.clip.width) {
        result = elem.clip.width;
    } else if (elem.style && elem.style.pixelWidth) {
        result = elem.style.pixelWidth;
    }
    return parseInt(result);
}

// Retrieve the rendered height of an element
function getObjectHeight(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetHeight) {
        result = elem.offsetHeight;
    } else if (elem.clip && elem.clip.height) {
        result = elem.clip.height;
    } else if (elem.style && elem.style.pixelHeight) {
        result = elem.style.pixelHeight;
    }
    return parseInt(result);
}


// Return the available content width space in browser window
function getInsideWindowWidth() {
    if (window.innerWidth) {
        return window.innerWidth;
    } else if (isIE6CSS) {
        // measure the html element's clientWidth
        return document.body.parentElement.clientWidth
    } else if (document.body && document.body.clientWidth) {
        return document.body.clientWidth;
    }
    return 0;
}
// Return the available content height space in browser window
function getInsideWindowHeight() {
    if (window.innerHeight) {
        return window.innerHeight;
    } else if (isIE6CSS) {
        // measure the html element's clientHeight
        return document.body.parentElement.clientHeight
    } else if (document.body && document.body.clientHeight) {
        return document.body.clientHeight;
    }
    return 0;
}

//***********************************************************************************
//***********************************************************************************
var oldSrc;
var imgLijst;
function swapImg(ident, nwSrc){
if(document.images && getRawObject(ident)){
	var plaatje = getRawObject(ident);
	oldSrc = plaatje.src;	
	if(imgLijst[nwSrc].complete) {
		plaatje.src = nwSrc;
	}
}
}


function preLoad() {
if(document.images){
	var urlLijst = preLoad.arguments;	
	imgLijst = new Object();	
	for(var x = 0; x < urlLijst.length; x++) {
		var img = new Image();		
		img.src = urlLijst[x];		
		imgLijst[urlLijst[x]] = img;
	}
}
}


function resetImg(ident) {
if(document.images){
	var plaatje = getRawObject(ident);
	if(oldSrc != null){plaatje.src = oldSrc;}

}
}

//***********************************************************************************
//***********************************************************************************
var timerInterval = 2500; //tijd in milliseconden dat foto getoond wordt
var slideArr = [];
var currentSlide = 0;
var mytimer;

function initSlideshow() {
	
	slideArr = ['aanhangwagenbouw','autobekleden','autopoetsen','autorestauratie','autoruitherstel',
				'autoschadeherstel','truckschadeservice','caravancamperservice',
				'carrosseriebouw','motorfietsschadeherstel','motorfietsspuiten'];
	
	altArr = ['Aanhangwagenbouw','Autobekleden','Autopoetsen','Autorestauratie','Autoruitherstel',
				'Autoschadeherstel','Truckschadeservice','Caravan- en camperservice',
				'Carrosseriebouw','Motorfietsschadeherstel','Motorfietsspuiten']
	
	preLoad('images/slideshow/labels/aanhangwagenbouw_hi.gif',
			'images/slideshow/labels/autobekleden_hi.gif',
			'images/slideshow/labels/autopoetsen_hi.gif',
			'images/slideshow/labels/autorestauratie_hi.gif',
			'images/slideshow/labels/autoruitherstel_hi.gif',
			'images/slideshow/labels/autoschadeherstel_hi.gif',
			'images/slideshow/labels/truckschadeservice_hi.gif',
			'images/slideshow/labels/caravancamperservice_hi.gif',
			'images/slideshow/labels/carrosseriebouw_hi.gif',
			'images/slideshow/labels/motorfietsschadeherstel_hi.gif',
			'images/slideshow/labels/motorfietsspuiten_hi.gif',
			'images/slideshow/images/aanhangwagenbouw.jpg',
			'images/slideshow/images/autobekleden.jpg',
			'images/slideshow/images/autopoetsen.jpg',
			'images/slideshow/images/autorestauratie.jpg',
			'images/slideshow/images/autoruitherstel.jpg',
			'images/slideshow/images/autoschadeherstel.jpg',
			'images/slideshow/images/truckschadeservice.jpg',
			'images/slideshow/images/caravancamperservice.jpg',
			'images/slideshow/images/carrosseriebouw.jpg',
			'images/slideshow/images/motorfietsschadeherstel.jpg',
			'images/slideshow/images/motorfietsspuiten.jpg');
	
	startTimer(timerInterval);
	
}

function startTimer(interval) {
	mytimer = setTimeout('nextSlide()',interval);
}

function nextSlide() {
	
	currentSlide += 1;
	previousSlide = currentSlide - 1
	if(currentSlide == slideArr.length){
		currentSlide = 0;
		previousSlide = 10;
	}
	
	showSlide(currentSlide, previousSlide);	
	
	startTimer(timerInterval);
}

function showSlide(currNr, prevNr) {
	var fotoStr = 'images/slideshow/images/';
		fotoStr += slideArr[currNr];
		fotoStr += '.jpg';
		
	var labelStr = 'images/slideshow/labels/';
		labelStr += slideArr[currNr];
		labelStr += '_hi.gif';
		
	var prevLabelStr = 'images/slideshow/labels/';
		prevLabelStr += slideArr[prevNr];
		prevLabelStr += '.gif';
		
	swapImg('slide', fotoStr);
	resetLabel(slideArr[prevNr], prevLabelStr);
	swapImg(slideArr[currNr], labelStr);
	
	getRawObject('slideLink').attributes['href'].nodeValue = getRawObject(slideArr[currNr]).parentNode.attributes['href'].nodeValue;
	getRawObject('slide').attributes['alt'].nodeValue = '' + altArr[currNr];
}

function resetLabel(ident, pad) {
if(document.images){
	var plaatje = getRawObject(ident);
	plaatje.src = pad;
}
}

function holdSlide(nr) {	
	clearTimeout(mytimer);
	showSlide(nr, currentSlide);
}

function resumeSlideshow(currNr) {
	currentSlide = currNr;
	startTimer(timerInterval);
}