// JavaScript Document

	var image = new Array();
	var imageGallery = new Array();
	var iStart = 0;

	function showArrangements(cssID){
		var element = document.getElementById(cssID);
		var elementDetail =  document.getElementById(cssID+"_more");
		if(element.style.display == "none"){
			element.style.display = "";
			elementDetail.innerHTML = "WENIGER «";
		} else {
			element.style.display = "none";
			elementDetail.innerHTML = "MEHR »";
		}
	}
	
	function slideshowStart(imgID){
		document.getElementById('slide').style.backgroundImage = "url(" + image[imgID] + ")"; 
		//$('slide').setAttribute('style', 'background: url(' + image[imgID] + ') no-repeat;');

		imgID++;
		
		$('image').appear({
				duration: 3,
				from:1,
				to:0,
				afterFinish: function() {
					if(imgID == image.length){
						imgID =0;
					}
					$('slide').update('<img src="' + image[imgID] + '" id="image" style="display: none;" />');
					
					$('image').appear({
					duration: 3,
					afterFinish: function() {
							slideshowStart(imgID);
						}
					});
				}
			});
	}	
	
	function showSlidePreview(){
		imgID = iStart;
		for (var i = 0; i <= 5; i++){
			if(imgID == imageGallery.length){
				imgID = 0;
			}
			$('slidePreview_'+i).update('<img src="' + imageGallery[imgID] + '" width="100" height="60" border="0" onClick="showSlideLarge(' + imgID + ')" />');
			imgID++;
		}
	}
	
	function nextSlidePreview(){
		if(iStart == imageGallery.length){
			iStart = 0;
		} else {
			iStart++;
		}
		showSlidePreview();
	}
	
	function preSlidePreview(){
		if(iStart < 1){
			iStart = imageGallery.length - 1;
		} else {
			iStart--;
		}
		showSlidePreview();
	}
	
	function showSlideLarge(imgID){
		document.getElementById('mainPage').style.backgroundImage = "url(" + imageGallery[imgID] + ")"; 
		//$('mainPage').setAttribute('style', 'background: url(' + imageGallery[imgID] + ') no-repeat;');
	}

	function loadBGImage(ImgID){
		document.getElementById('mainPage').style.backgroundImage = "url(lib/media.php?id=" + ImgID + ")"; 
	}