/* Teaser Control */

/* config */
            var iAnimationTime  = 800;
            var iVisibleTime    = 8500;
            var iRefreshTime = 60000;
            
        var TeaserImages = new Array();
        var loadedImages = new Array();
        var teaserID = 0;
        var timer;
        var lock = false;
        
        
        function slideShow(timeout){ 
                    		lock = true;
                    		teaserID++;
	            		if(teaserID == TeaserImages.length){
	            			teaserID = 0;
	            		}
	            		
	            		if(loadedImages[teaserID] == undefined){
	            			var imgSrc = TeaserImages[teaserID];
	            			loadedImages[teaserID] = new Image();
	            			loadedImages[teaserID].src = imgSrc;
	            			loadedImages[teaserID].onload = function(){
	            				_showImage(imgSrc);
	            			}; 	            			
	            		} else {
	            			_showImage(loadedImages[teaserID].src);
	            		}	            		                   		
                    	}
                    	
                    	function _showImage(src){
                    		document.getElementById('teaserPictureArea').style.backgroundImage = "url('" + src+ "')"; 
	                    		$('#preloadedImage').fadeOut(1200,function(){
	                    			document.getElementById('preloadedImage').style.backgroundImage = "url('" + src+ "')"; 
						
						clearTimeout(timer);
	                    			timer = setTimeout(slideShow,10000);
	                    			lock = false;	
	                    			                    			
	                    			document.getElementById('preloadedImage').style.display="";
	                    	});
                    	}
                    	
                    	function teaserBack(){
                    		if(lock){
                    			return;
                    		}
                    		lock = true;
                    		clearTimeout(timer);
                    		teaserID--;
                    		if(teaserID == -1){
	            			teaserID = TeaserImages.length -1;
	            		}
                    		var ctr = 0;
                    		while(TeaserImages[teaserID] == undefined){
                    			ctr++;
                    			teaserID--; 			
                    			if(teaserID == -1){
	            				teaserID = TeaserImages.length -1;
	            			}                   			
                    			if(ctr == 5){
                    				return;
                    			}
                    		}	            		
	            		
	            		if(loadedImages[teaserID] == undefined){
	            			var imgSrc = TeaserImages[teaserID];
	            			loadedImages[teaserID] = new Image();
	            			loadedImages[teaserID].src = imgSrc;
	            			loadedImages[teaserID].onload = function(){
	            				_showImage(imgSrc);
	            			}; 	            			
	            		} else {
	            			_showImage(loadedImages[teaserID].src);
	            		}
                    	}
                    	
                    	function teaserForward(){
                    		if(lock){
                    			return;
                    		}
                    		lock = true;
                    		clearTimeout(timer);
                    		slideShow();
                    	}
                        
                        
    /**
    *
    * Slidebox start
    *
    * **/
    /* init vars */
    var iActArrayPos = -1;
    var iSizeOfArray = 0;
    var sActPageId;
    var journeyList = new Array();
    var iActEventArrayPos = -1;
    var iSizeOfEventArray = 0;
    var sActEventPageId;
    var eventList = new Array();
    var slideDisabled = false;
    var lockNext = false;
    
    function displayData(slideDirection) {
    	if(journeyList.length > 0){
    		if (slideDirection == "right") {
    			iActArrayPos--;
    		} else {
    			iActArrayPos++;
    		}
    		
    		if (iActArrayPos < 0) {
    			iActArrayPos = (iSizeOfArray-1);
    		} else if(iActArrayPos > (iSizeOfArray-1)){
    			iActArrayPos = 0;
    		}
    		
    		if (sActPageId == ".page1") {
    			sActPageId = ".page2";
    		} else {
    			sActPageId = ".page1";
    		}
    		
    		var ttl = $("<div />").html(journeyList[iActArrayPos].title).text();
    		var dsc = $("<div />").html(journeyList[iActArrayPos].description).text();
    		var priceInfo = $("<div />").html(journeyList[iActArrayPos].priceInfo).text();
    		var minMaxInfo = $("<div />").html(journeyList[iActArrayPos].minMaxInfo).text();
    		
    		$(".journeyTeaser " + sActPageId + " .journeyImageBox").css("background-image","url('" + journeyList[iActArrayPos].image + "')");
    		$(".journeyTeaser " + sActPageId + " .journeyTextBox > h3").html(ttl);
    		$(".journeyTeaser " + sActPageId + " .journeyTextBox > p").html(dsc);
    		$(".journeyTeaser " + sActPageId + " .journeyTextBox > span").first().html(priceInfo);
    		$(".journeyTeaser " + sActPageId + " .journeyTextBox > span").last().html(minMaxInfo);
    		$(".journeyTeaser " + sActPageId + " a").attr("href",journeyList[iActArrayPos].link);
    		$("#jInfo").val(iActArrayPos);
    	}
    }
    
    function displayEventData(slideDirection) {
    	if(eventList.length > 1){
			if (slideDirection == "right") {
    			iActEventArrayPos--;
    		} else {
    			iActEventArrayPos++;
    		}
		
    		if (iActEventArrayPos < 0) {
    			iActEventArrayPos = (iSizeOfEventArray-1);
    		} else if(iActEventArrayPos > (iSizeOfEventArray-1)){
    			iActEventArrayPos = 0;
    		}
			
    		if (sActEventPageId == ".page1") {
    			sActEventPageId = ".page2";
    		} else {
    			sActEventPageId = ".page1";
    		}
    		var iBubblePos = (100 / (iSizeOfEventArray + 1)) * (iActEventArrayPos+1);
    		var ttl = $("<div />").html(eventList[iActEventArrayPos].title).text();
    		var dsc = $("<div />").html(eventList[iActEventArrayPos].description).text();
    		
    		$(".teaserBubblePosition").css("left",iBubblePos+"%");
    		$(".eventBox " + sActEventPageId + " .eventBoxImage").css("background-image","url('" + eventList[iActEventArrayPos].image + "')");
    		$(".eventBox " + sActEventPageId + " .eventBoxText > h3").html(ttl);
    		$(".eventBox " + sActEventPageId + " .eventBoxText > p").html("<a href=\"" + eventList[iActEventArrayPos].link+ "\">" + dsc + "</a>");
    		$(".eventBox " + sActEventPageId + " .dateBox .date").html(eventList[iActEventArrayPos].day);
    		$(".eventBox " + sActEventPageId + " .dateBox .month").html(eventList[iActEventArrayPos].month);
    	}
    }
    
    function slideHighlightTeaser(parentElementClassName, slideDirection, dataFunction){
    	var goNextStep = false;
    	if(eventList.length > 1 && dataFunction == "displayEventData"){
    		goNextStep = true;
    	}
    	if(journeyList.length > 1 && dataFunction == "displayData"){
    		goNextStep = true;
    	}
    	if(goNextStep && !slideDisabled && !lockNext){
    		lockNext = true;
    		
    		window[dataFunction](slideDirection);
    		
    		var slide1,slide2;
    		var slideVal = -100;
    		
    		var act = $("."+parentElementClassName + " .page1").css("left") == "0px"? ".page2":".page1";
    		var nact = act == ".page1"? ".page2":".page1";
			
    		if (slideDirection == "right") {
    			slideVal = 100;
    		}
    		
    		$( "." + parentElementClassName + " " + nact).show().animate({
    			left: slideVal+"%"
    		},iAnimationTime,function(){
    			$("."+parentElementClassName + " " + nact).css("left","100%");
    		});
    		
    		$("." + parentElementClassName + " " + act).css("left",(-slideVal)+"%");
    		$( "." + parentElementClassName + " " + act).show().animate({
    			left: "0px"
    		},iAnimationTime,function(){
    			$("."+parentElementClassName + " " + act).css("left","0px");
    			lockNext = false;
    		});
    	}
    }