var activeProductLayer = 'produkt_details';
var inactiveProductLayer = 'produkt_details';
var lastActiveProductVideoId = '';
var lastHoverId = '';

// Anzeige der Produktdketails auf der d3 Detailseite.
function showProductDetails(productFlash)
{
	// Aktiven Layer anzeigen
	activeProductLayer = 'produkt_details';
	inactiveProductLayer = 'produkt_videos';
	
	$(activeProductLayer).show();
	$(inactiveProductLayer).hide();

	// Aktiven Menüpunkt unterstreichen
	$(activeProductLayer + '_punkt').setStyle( {
			'textDecoration': 'underline'
	} );

	// Inaktiver Menüpunkt wird nicht mehr unterstrichen
	$(inactiveProductLayer + '_punkt').setStyle( {
			'textDecoration': 'none'
	} );
	
	// Aktives Video auf Layer der Produktvideos ausblenden
	unloadProductVideo();
	
	// Zuletzt unterstrichenen Link wieder normalisieren
	underlineProductVideoLink('');
	
	// Produktflash anzeigen.
	showDetailFlash(productFlash);
}

// Anzeige der Produktvideos auf der d3 Detailseite.
function showProductVideos(videoFile, id)
{
	activeProductLayer = 'produkt_videos';
	inactiveProductLayer = 'produkt_details';
	
	$(activeProductLayer).show();
	$(inactiveProductLayer).hide();
	
	// Aktiven Menüpunkt unterstreichen
	$(activeProductLayer + '_punkt').setStyle( {
			'textDecoration': 'underline'
	} );

	// Inaktiver Menüpunkt wird nicht mehr unterstrichen
	$(inactiveProductLayer + '_punkt').setStyle( {
			'textDecoration': 'none'
	} );

	// Erstes Video einblenden, sofern Videos vorhanden.
	if (videoFile != '' && id != '')
		showProductVideo(videoFile, id);
	
	// Produktdetailflash entladen.
	unloadDetailFlash();
}

// Produktvideo einbetten
// Div mit id="video-detail" wird hier mit einem Object-Tag der gleichen Id ersetzt.
// Dieses muss in unloadProductVideo wieder ergänzt werden.
function showProductVideo(videoFile, id)
{
	// Geladenes Video entladen
	unloadProductVideo();
	
	// Produktvideolink unterstreichen
	underlineProductVideoLink(id);
	
	// Flash einbinden
	var flashvars = {
			flv: videoFile
	};
	
	var flashparams = {
		allowFullScreen: "false",
		allowScriptAccess: "always",
		bgcolor: "ffffff"
	};
	
	var attributes = {};

	// Flash benötigt Version 9.0.115.0 "moviestar" wegen h.264 video support
	swfobject.embedSWF("portal/melitta_produkte/pics/videoplayer/melitta_videoplayer.swf?"+Date.parse(new Date()), "video-detail", "312", "232", "9.0.115.0", "portal/pics/flash_up_and_awake/flash/expressInstall.swf", flashvars, flashparams, attributes);
}

//Geladenes Produktvideo entladen.
function unloadProductVideo()
{
	swfobject.removeSWF('video-detail');
	
	// entferntes object Tag mit div id="video-detail" auffüllen.
	var Target = $("video-detail-master");
	// Bild und Text im Detailviewer updaten.
	if (Target != null)
	{
		Target.innerHTML = '<div id=\"video-detail\"></div>';
	}
}

// Unterstreichen eines Produktvideolinks
function underlineProductVideoLink(id)
{
	// Videolink des letzten Videos ist nicht mehr unterstrichen
	if ($(lastActiveProductVideoId) != null)
	{
		$(lastActiveProductVideoId).setStyle( {
			'textDecoration': 'none'
		} );
	}
		
	// Videolink des aktuellen Videos unterstreichen
	if ($(id) != null)
	{
		$(id).setStyle( {
			'textDecoration': 'underline'
		} );
	}
	lastActiveProductVideoId = id;
}

// Hoverbild bei der Liste der verwandten Produkte anzeigen.
function showBildHover(id)
{
	// Hoverbildansicht des neuen aktiven Bildes umschalten.
	if (id != '')
	{
		$('image-hover-' + id).show();
		$('image-' + id).hide();
	}
	
	// Hoverbildansicht eiens alten aktiven Bildes umschalten.
	if (lastHoverId != '')
	{
		$('image-hover-' + lastHoverId).hide();
		$('image-' + lastHoverId).show();
	}
	
	lastHoverId = id;
}

// Produktdetailflash anzeigen.
function showDetailFlash(flashFile)
{
	// geladenen Flash entladen.
	unloadDetailFlash();

	// Flash einbinden
	var flashvars = {};
	
	var flashparams = {
		allowFullScreen:"true",
		allowScriptAccess:"always",
		wmode:"transparent",
		base:"portal/pics/flash/"
	};
	
	var attributes = {};

	swfobject.embedSWF(flashFile, "produkt-flash", "321", "233", "9.0.0", "portal/pics/flash_up_and_awake/flash/expressInstall.swf", flashvars, flashparams, attributes);
}

// Produktdetailflash ausblenden.
function unloadDetailFlash()
{
	swfobject.removeSWF('produkt-flash');
	
	// entferntes object Tag mit div id="produkt-flash" auffüllen.
	var Target = $("produkt-flash-master");
	// Bild und Text im Detailviewer updaten.
	if (Target != null)
	{
		Target.innerHTML = '<div id=\"produkt-flash\"></div>';
	}	
}