// JavaScript Document
$(document).ready(function () {
   	
	var bilder = new Array();
	var bilderHeight = new Array();
	var counter=0;
	
	$("#bildanzeige img").css("display","none");
	$("#bildanzeige img").each( function(i) {
      bilder.push(this.src);
	  bilderHeight.push(this.height);
	});
	bilderHeight.sort();
	bilderHeight.reverse();
	//alert(bilderHeight);
	$("#bildanzeige").html("\n");
	if(bilder.length==1){
		$("#bildanzeige").append("<img id='imageGallery1' src='"+bilder[0]+"' />\n");
		$("#bildanzeige").append("<div id='imageGallerySteuerung'>&nbsp;");
		$("#bildanzeige").append("</div>");
		$("#content_spacer").css("display","block");
	}else if(bilder.length>1){
		var picsArray="";
		for(bildId in bilder){
			$("#bildanzeige").append("<img id='imageGallery"+bildId+"' src='"+bilder[bildId]+"' class='imageGalleryPic'/>\n");
			picsArray+=("<div style='float:left;width:10px;visibility:hidden;'><img src='"+bilder[bildId]+"' /></div>\n");
		}
		$("#content_spacer").css("display","block");
		$("#bildanzeige").append("\n<div id='galleryHeight' style='overflow:hidden;width:620px;'>\n"+picsArray+"</div>\n");
		//$("#galleryHeight").css("height",bilderHeight[0]);
		$("#bildanzeige").append("<div id='imageGallerySteuerung'>");
		$("#bildanzeige").append("<img src='pics/arrow_left.gif' border='none' style='vertical-align:bottom;cursor:pointer;'  id='prevImage'/>");
		$("#bildanzeige").append(" <span id='currentImage'>"+(counter+1)+"</span><span> | "+(bilder.length)+"</span> ");
		$("#bildanzeige").append("<img src='pics/arrow_right.gif' border='none' style='vertical-align:bottom;cursor:pointer;' id='nextImage'/>");
		$("#bildanzeige").append("</div>");
		$("#prevImage").click(function(){
			prevImage();
		});
		$("#nextImage").click(function(){
			nextImage();
		});
		
	}else{
		$("#bildanzeige").css("display","none");
	}
	
	
	$("#bildanzeige").css("visibility","visible");
	$("#bildanzeige").css("display","block");
	$(".imageGalleryPic").css("visibility","visible");
	//$(".imageGalleryPic").css("display","block");/**/
	$(".imageGalleryPic").fadeOut(10,function(){
					
	});	
	$("#imageGallery0").fadeOut(10,function(){
					$("#imageGallery0").fadeIn();
	});	
	
	
	
	function nextImage(){
		$(".imageGalleryPic").fadeOut("slow");	
		if(counter < bilder.length-1){
			counter++;	
		}else{
			counter=0;
		}
		$("#imageGallery"+counter).fadeIn("slow");
		//alert(counter+"bilder "+bilder[counter]);
		$("#currentImage").html(counter+1);

	}
	
	function prevImage(){
		//alert("Hallo");
		$(".imageGalleryPic").fadeOut("slow");	
		if(counter > 0){
			counter--;	
			
		}else{
			counter=bilder.length-1;
			}
		$("#imageGallery"+counter).fadeIn("slow");
		$("#currentImage").html(counter+1);
	}
	
	
});