var next_img = 0;
var current_opacity = 100;
var timer_main, timer_fade;
var load_captions = new Array(); 
var load_pictures = new Array();
var slides = 0;

function changeOpacity(id, new_opacity) {
    var object = document.getElementById(id).style;
    object.opacity = (new_opacity / 100);
    object.MozOpacity = (new_opacity / 100);
    object.KhtmlOpacity = (new_opacity / 100);
    object.filter = "alpha(opacity=" + new_opacity + ")";
} 

function processImageChange(img_id, img_div, new_img){
	document.getElementById(img_id).src = new_img;
	changeOpacity(img_id, 100);
	var next_bg = next_img + 1;
	if(next_bg == slides) next_bg = 0;
	document.getElementById(img_div).style.backgroundImage = "url('" + load_pictures[next_bg] + "')";
	startSlideShow(img_id, img_div);
}

function fadeOut(img_id, fade_time, img_div, new_img){
	clearTimeout(timer_fade);
	if(current_opacity > 0){
		current_opacity -= 1;
		changeOpacity(img_id, current_opacity);	
		timer_fade = setTimeout("fadeOut('" + img_id + "', '" + fade_time + "', '" + img_div + "', '" + new_img + "')", (fade_time/100));
	}else{		
		changeOpacity(img_id, 0);
		current_opacity = 100;
		processImageChange(img_id, img_div, new_img, fade_time);				
	}
}

function changeImage(img_id, img_div, fade_time){
	clearTimeout(timer_main);	
	next_img += 1;
	if(next_img == slides) next_img = 0;
	fadeOut(img_id, fade_time, img_div, load_pictures[next_img]);	
}

function startSlideShow(img_id, img_div){
	timer_main = setTimeout("changeImage('" + img_id + "', '" + img_div + "', 2000)", 5000);
}

function runSlideProcess(img_id, img_div){	
	var xml_doc = loadXMLDoc("media/files/home_pictures3.xml");
	var pictures = xml_doc.getElementsByTagName("picture");
	slides = pictures.length;
	var browser = detectBrowser();
	if(browser == "Microsoft Internet Explorer"){

		for(i=0;i<pictures.length;i++){
			load_pictures[i] = pictures[i].childNodes[0].childNodes[0].nodeValue;		
			load_captions[i] = pictures[i].childNodes[1].childNodes[0].nodeValue;
		}

	}else{
	
		for(i=0;i<pictures.length;i++){
			load_pictures[i] = pictures[i].childNodes[1].childNodes[0].nodeValue;		
			load_captions[i] = pictures[i].childNodes[3].childNodes[0].nodeValue;
		}

	}

 	if(slides > 1) document.getElementById(img_div).style.backgroundImage = "url('" + load_pictures[1] + "')";
	else document.getElementById(img_div).style.backgroundImage = "url('" + load_pictures[0] + "')";

	startSlideShow(img_id, img_div);
	preloadPictures();
}

function preloadPictures(){
	preload_image_object = new Image();
	for(i=0; i<=load_pictures.length; i++) preload_image_object.src = load_pictures[i];
}

function loadXMLDoc(dname){
	try {
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	}catch(e){
		try {
			xmlDoc=document.implementation.createDocument("","",null);
		}catch(e) {alert(e.message)}
	}
	try {
		xmlDoc.async=false;
		xmlDoc.load(dname);
		return(xmlDoc);
	}catch(e) {alert(e.message)}
	return(null);
}

function detectBrowser (){
	var browser=navigator.appName;
	return browser;
}