var preload_count = 0;
var start_image;
var images;
var foreground;
var background;
/***********************
 	INIT DOM + PRELOAD IMAGES 
**********************/
var assets_location;
function init_dom( assets_loc, url )
{
	assets_location = assets_loc;
	// store image
	start_image = url;
	// preload images
	if (document.images)
    {	
		preLoad();
    }	
}


var preLoad = function () {
    var docImages = new Array();
	docImages[0] = assets_location + "imgs/morning.jpg";
    docImages[1] = assets_location + "imgs/noon.jpg";
    docImages[2] = assets_location + "imgs/evening.jpg";

        imageFolder = [],
        loaded = [],
        loadedCounter = 0;
	
    this.loadImgs = function () {
        for (var i = 0; i < docImages.length; i++) {
            imageFolder[i] = new Image();
            imageFolder[i].src = docImages[i];
            loaded[i] = false;
        }
        intervalId = setInterval(loadedCheck, 10); //  
    };

    function loadedCheck() {
        if (loadedCounter == imageFolder.length) { // all images have been preloaded 
            clearInterval(intervalId);
			var wrapper=document.getElementById('wrapper');
				wrapper.style["position"] = "relative";
				wrapper.style["top"] = "-469px";
				wrapper.style["z-index"] = "1";
			// configure background
			var container=document.getElementById('bg_eaux_fraiches');
				container.style.height = "469px";
				container.style.backgroundPosition = "center";
				container.style.backgroundRepeat = "no-repeat";
				container.style["position"] = "relative";
				container.style["top"] = "122px";
			// configure foreground
			var foreground = document.createElement("div");
				foreground.id = "bg_eaux_fraiches_foreground";
				foreground.style.height = "469px";
				foreground.style.backgroundPosition = "center";
				foreground.style.backgroundRepeat = "no-repeat";
				//SetOpacity(foreground,0);
			container.appendChild(foreground);
			// callback flash movie
			var calleFlashMovie = document.getElementById("caudalie");
			calleFlashMovie.onInitDomComplete();
            return;
        }

        for (var i = 0; i < imageFolder.length; i++) {
            if (loaded[i] === false && imageFolder[i].complete) {
                loaded[i] = true;
                loadedCounter++;
            }
        }
    }
loadImgs()
};

/***********************
 	change Background image
**********************/

function change_background(newImage)
{
	background=document.getElementById('bg_eaux_fraiches');
	foreground=document.getElementById('bg_eaux_fraiches_foreground');
	// swap foreground img to backround
	if (background != null)
	{
		if (foreground.style.backgroundImage) var img = foreground.style.backgroundImage;
		else if (foreground.currentStyle) var img = foreground.currentStyle['background-image'];
		else if (window.getComputedStyle) var img = document.defaultView.getComputedStyle(foreground, null).getPropertyValue('background-image');
		if(img != null)
			background.style.backgroundImage = img;
	}
		
	// hide foreground
	SetOpacity(foreground,0);
	// set new image to foreground
	foreground.style.backgroundImage = 'url(' + newImage+ ')';
	
	// fading timer
	if (foreground.timer) window.clearTimeout(foreground.timer); 
	var startMS = (new Date()).getTime();
	foreground.timer = window.setTimeout("ChangeOpacity('bg_eaux_fraiches_foreground',1000," + startMS + ",0,100)",10);
}



/***********************
 	FADINGS
**********************/

function SetOpacity(object,opacityPct)
{
	// IE.
	object.style.filter = 'alpha(opacity=' + opacityPct + ')';
	// Old mozilla and firefox
	object.style.MozOpacity = opacityPct/100;
	// Everything else.
	object.style.opacity = opacityPct/100;
	//alert(object.style.opacity)
}

function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
	var element=document.getElementById(id);
	var opacity = element.style.opacity * 100;
	var msNow = (new Date()).getTime();
	opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
	if (opacity<0) 
	{
		SetOpacity(element,0)
	}
	else if (opacity>90)
	{
		SetOpacity(element,100);
		
		// callback flash movie
		var calleFlashMovie = document.getElementById("caudalie");
		calleFlashMovie.onCallback();
	}
	else
	{
		SetOpacity(element,opacity);
		element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",1);
	}
}