﻿
var objImg1;
var objImg2;
var imgNum;
var rand;
var child;
var xmlDoc = null; 

window.onload = function(e){
    if (document.getElementById("imgSplash1")) objImg1 = document.getElementById("imgSplash1");
    if (document.getElementById("imgSplash2")) objImg2 = document.getElementById("imgSplash2");
    
    rand = 1;   
    
    if (location.hostname.indexOf("kerst") != -1){
        child = 1;
    } else {
        if (window.location.href.indexOf("kerst-artikelen.aspx") != -1)
            child = 2;
        else
            child = 0;
    }    

    loadXML('../_xml/splashImages.xml');
}
function loadXML(xmlFile) {
    //if(navigator.appName.indexOf('Netscape') == 0){
       
  

    
    xmlDoc = new XMLHttpRequest();
    xmlDoc.open('GET', xmlFile, true);
    xmlDoc.onreadystatechange=verify;  
    xmlDoc.send(null); 

    //responseText

    /*xmlDoc = new ActiveXObject("Microsoft.XMLDOM");        
    xmlDoc.async="false"; 
    xmlDoc.onreadystatechange=verify;
    xmlDoc.load(xmlFile); */

}
function verify() {  
    if (xmlDoc.readyState != 4) { 
        return false; 
    } else {
        if (xmlDoc.status == 200){
            showFirstItem();
            initInterval();
        } else {
            //error
            objImg1.src = '/_images/headerImages/kerst-sfeer1.jpg'; 
        }
    } 
}
function showFirstItem() {
    objImg1.src = '/_images/headerImages/'+xmlDoc.responseXML.childNodes(1).childNodes(child).childNodes(getNewRandomNumber()).getAttribute("name"); 
    objImg2.src = '/_images/headerImages/'+xmlDoc.responseXML.childNodes(1).childNodes(child).childNodes(getNewRandomNumber()).getAttribute("name");         
}  
function initInterval(){ 
    setTimeout(fadeItem, 5000);
}   
function fadeItem() {
    var myEffect = new Effect.Fade('imgSplash1', {
      duration: 1.0,
      afterFinish: doAppear
    });
}   
function doAppear(){
    setTimeout(appearItem, 5000);
}
function appearItem() {     
    objImg1.src = '/_images/headerImages/'+xmlDoc.responseXML.childNodes(1).childNodes(child).childNodes(getNewRandomNumber()).getAttribute("name");
    
    Effect.Appear('imgSplash1', { duration: 1.0, afterFinish: changeTwo });
    this.initInterval();      
}
function changeTwo() {
        objImg2.src = '/_images/headerImages/'+xmlDoc.responseXML.childNodes(1).childNodes(child).childNodes(getNewRandomNumber()).getAttribute("name");
}
function getNewRandomNumber() {
    var tmpRand = rand;
    rand = Math.floor((xmlDoc.responseXML.childNodes(1).childNodes(child).childNodes.length-0)*Math.random());    
    
    while(rand == tmpRand) {
        rand = Math.floor((xmlDoc.responseXML.childNodes(1).childNodes(child).childNodes.length-0)*Math.random());
    }

    return rand;
}
if (typeof(Sys) !== "undefined") Sys.Application.notifyScriptLoaded();