var lockId = null;

var imageSwitcher = {
		
	showElement: function(element) {
		$j(element).fadeIn(400);
	},

	updateElement: function(element, innerHtml) {
		element.innerHTML = innerHtml;
	},
	
	updateZoomCaption: function(urlLink, textTitle) {
		if (document.getElementById("changeboxCaption")) imageSwitcher.updateElement(document.getElementById("changeboxCaption"), "<a href='" + urlLink + "' rel='noindex,nofollow'>" + "<img src='/img/icons/ico_lupe.gif' alt='vergr&ouml;&szlig;ern' />&nbsp;&nbsp;" + decodeURI(textTitle) + "&nbsp;vergr&ouml;&szlig;ern</a>");
	},
	
	updateVideoCaption: function(urlLink, textTitle) {
		imageSwitcher.updateElement(document.getElementById("changeboxCaption"), "<a href='" + urlLink + "' rel='noindex,nofollow'>" + "&nbsp;&nbsp;" + decodeURI(textTitle) + "</a>");
	},
	
	switchImage: function(urlImage, orgImage, textTitle, height, width, margin, urlLink, mandant, panorama) {
/*
		var objLink  = document.getElementById("changeboxLink");
		var objImage = document.getElementById("changeboxImage");

		console.log("draussen" + lockId);

		if(lockId != null) {
			window.setTimeout(function() {
				lockId = null;
			},2000);
		} else {
		
		var myDelay = window.setTimeout(function() {
			
			lockId = myDelay
			console.log("drinnen" + lockId);
			
			$j("#slideshow").hide();
			$j("#video").hide();

			//Beim Bilderwechsel aktive klasse loeschen
			$j('.image').removeClass("active");
			
			imgPreload = new Image();
			imgPreload.onload = function() {
				objImage.src = urlImage;
			}						

			// Bildunterschrift und Unterschriftsverlinkung aktualisieren
			imageSwitcher.updateZoomCaption(urlLink, textTitle);
			
			// Bild und Bildverlinkung aktualisieren
			objImage.setAttribute("alt", decodeURI(textTitle));
			objImage.style.marginTop = margin + "px";
			//objLink.href = urlLink;
			objImage.src = urlImage;
			imgPreload.src = objImage.src;
			
			// Bild anzeigen
			imageSwitcher.showElement(document.getElementById("slideshow"));
			
			// aktuelles Bild klasse aktiv setzen
			$j('.image').mouseover(function() {$j(this).addClass("active");})
			$j('#bigImage').attr("href", orgImage);
		},50);	
		
		};
		*/	
	},
	switchToVideo: function (baseUrl, videoPath, urlLink, textTitle, mandant, thumbUrl, configUrl, width, height){
		// Panorama und Slideshow verstecken
		imageSwitcher.hideElement(document.getElementById("slideshow"));
		imageSwitcher.hideElement(document.getElementById("panorama"));
		// VideoPlayer einfügen
		videoHelper.renderFlashPlayer("immoflashcontent", baseUrl, videoPath, thumbUrl, configUrl, width, height);
		// Bildunterschrift aktualisieren
		imageSwitcher.updateVideoCaption(urlLink, textTitle);
		// VideoPlayer anzeigen
		imageSwitcher.showElement(document.getElementById("video"));
		// Bildwechsel eTrackern
		imageSwitcher.trackSwitching(mandant);
	}
}