<!------------------------------------------------------//
//	SlideShow.js										//
//------------------------------------------------------//

// global settings >>
	
	var fade_speed  = 500; // milliseconds
	var slide_delay = 5000; // milliseconds
	
	var busy = 0;
	first = true;
	slide = true;
	
/*	var imageURL = new Array(
		"images/galerie_foto_01.jpg",
		"images/galerie_foto_02.jpg",
		"images/galerie_foto_03.jpg",
		"images/galerie_foto_04.jpg",
		"images/galerie_foto_05.jpg"
	);
*/
//---------------------------------------//

	var no_images = 0;
	var imageOn = false; // image is not visible
	var cur_image = 0;
	var gallery_image = new Array();

//preload images
function preloadImages() {
	
	no_images = imageURL.length;
	for(i=0;i<imageURL.length;i++)
	{
		gallery_image[i] = new Image();
		gallery_image[i].src = imageURL[i];
	}
	
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	if (opacity==0 || opacity==100)
				busy=0;
}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 1;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}


//slide two images
function blendimage(divid, imageid, imagefile, millisec) {
	if (busy==0) {
		busy = 1;
	var speed = Math.round(millisec / 100);
	var timer = 1;
	
	if(imageOn)	{
		//set the current image as background
		document.getElementById(divid).style.backgroundImage = "url(" + gallery_image[imagefile].src + ")";
		
		//fade in image
		for(i = 99; i >= 0; i--) {
			setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
			timer++;
			
		}
		
		imageOn = false;
	}
	
	else {
		//make new image
		document.getElementById(imageid).src = gallery_image[imagefile].src;
		
		//fade in image
		for(i = 1; i <= 100; i++) {
			setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
			timer++;

		}
		
		imageOn = true;
	}
	

	}
}

function slideShow() {
	
	switch (categ) {
		case 'general': total = pics_general; break;
		case 'agrement': total = pics_agrement; break;
		case 'agrement-mid': total = pics_agrement; break;
		case 'rooms': total = pics_camere; break;
		}
	if (categ == 'agrement' || categ == 'agrement-mid')
		document.getElementById('pic_txt').innerHTML = pic_txt[cur_image];
	//alert(cur_image+"\r\n"+pic_current);
	blendimage("blenddiv","middle_img", cur_image, fade_speed);
	
	if (cur_image < total-1) {
		cur_image++;
		} else {
		cur_image = 0;
		}
	if (cur_image == 0)
		pic_current = total;
		else
		pic_current = cur_image;
	if (slide)
		t = setTimeout( "slideShow()", slide_delay);
	first = false;
}

//-----------------------------------------------------------------//
/*
	HTML Code
	
	<body onload="javascript: slideShow();">
		<div style="background-image: url(images/galerie_foto_01.jpg); background-repeat: no-repeat; width: 464px; height: 319px;" id="blenddiv">
    		<img src="images/galerie_foto_01.jpg" style="width: 464px; height: 319px; border: 0 none; filter: alpha(opacity=100); -moz-opacity: 0; opacity: 0;" id="blendimage" name="blendimage" alt="" />
		</div>
	</body>

*/
//----------------------------------------------------------------->