///////////////////////////////////////////////////
// GLOBAL /////////////////////////////////////////
/////////////////////////////////////////////////// 

var $globalTimer = new Array();
var $host = "http://localhost/~tobias02/medlaser2011/";


///////////////////////////////////////////////////
// SLIDE IMAGE ////////////////////////////////////
/////////////////////////////////////////////////// 


function slideImage($this) {

	$currentSlideContainer = $this.parents("div.slideContainer")[0];

	$("div.slideImgFeature span", $currentSlideContainer ).removeClass("active");
	$this.addClass("active");
	
	$("div#slideLeftRow img", $currentSlideContainer ).animate({"opacity": "0.5"}, 200, function() { $(this).remove(); });
	
	$src =	$this.parent().find("img").get(0).src;
	$this.parents("div#slideColumn").find("div#slideLeftRow").append('<img src="' + $src + '" style="opacity:0"/>');
	$("div#slideLeftRow img:last", $currentSlideContainer ).animate({"opacity": "1"}, 600);
}


function slideInterval ($currentContainerId) {

	$currentSlideContainer = $("div.slideContainer")[$currentContainerId];

	$imgArr = $("div.slideImgFeature img", $($currentSlideContainer));
	$currentImgSrc = $("div#slideLeftRow img", $currentSlideContainer).get(0).src;
	
	for (var i=0; i<$imgArr.length; i++) { if ($currentImgSrc == $imgArr[i].src) {i=i+1; break;} }
	if (i==$imgArr.length) {i = 0;}

	slideImage($("div.slideImgFeature:nth-child("+(i+1)+") span", $currentSlideContainer));
	
	clearTimeout($globalTimer[$currentContainerId]);

	$globalTimer[$currentContainerId] = setTimeout(function() {slideInterval($currentContainerId);}, 6000);

}


///////////////////////////////////////////////////////////////////////////////////////////////////
// DOCUMENT READY /////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////

$(document).ready(function () {

	$("div#navigation ul.level1 li:first-child ul.level2").css("margin-left","0em");


///////////////////////////////////////////////////
// INIT SLIDE CONTAINER ///////////////////////////
/////////////////////////////////////////////////// 

  	$slideContainerArr = $("div.slideContainer");
	for (var i=0; i<$slideContainerArr.length; i++) {
		$($slideContainerArr[i]).attr("id", i);
		$index = $("div.slideImgFeature", $slideContainerArr[i]).length-1;
		//slideImage($("div.slideImgFeature span", $slideContainerArr[i]).eq($index) );
		$globalTimer[i] = setTimeout(new function() {slideInterval(i)}, 6000);
	}

	$("div.slideImgFeature span").mouseenter(function () {
		$this = $(this);
		$currentContainerId = parseInt($this.parents("div.slideContainer").attr("id"));
		clearTimeout($globalTimer[$currentContainerId]);
		slideImage($this);
		$globalTimer[$currentContainerId] = setTimeout( function() {slideInterval($currentContainerId);}, 18000);
	});
	
	
///////////////////////////////////////////////////
// NAVIGATION /////////////////////////////////////
/////////////////////////////////////////////////// 


     $("ul.level1 li").mouseenter( function () { 
     	 $("ul.level1>li").not(this).children("ul.level2").dequeue();
     	 $("a", this).addClass("hover");
         $("ul.level2", this).fadeIn(500);
     }).mouseleave( function () {
     	$("a", this).removeClass("hover");
     	$("ul.level2", this).delay(1000).fadeOut(200);
     });
     
     
     
///////////////////////////////////////////////////
// GESICHTSFALTEN /////////////////////////////////
/////////////////////////////////////////////////// 
	
	 var $faltentypenImgBase = $("div#faltentypenImg img").attr("src");

     $("div#faltentypen ul li").mouseenter( function () { 
     	 $("div#faltentypenImg img").attr("src", $(this).attr("image"));
     }).mouseleave( function () {
     	 $("div#faltentypenImg img").attr("src", $faltentypenImgBase);
     });
	


                                                                                                
///////////////////////////////////////////////////////////////////////////////////////////////////
// END DOCUMENT READY /////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////

});