/*
	filename:	base.js
	version:	1.0 - 2010-10-21 - fz	 
	author:		frontend (at) gpm (dot) de 
	depends on:	jquery-1.4.3.min.js
*/
jQuery.noConflict();

var arrayPageSize;
//total number of imgages to be changed 
var mood_image_length = 0;
//actual showed mood image
var actual_mood_image = 0;
//old showed mood image
var old_mood_image = 0;
// duration of Loop
var duration_of_loop = 2500;


var modelpicLayerList;
var widthLobjekt = 228;
var widthSobjekt = 164;
var paddingTop = 80;
var scrollBarWidth = 490;
var partSize = 0;
var dragInAction = false;
var dragKorrektur = false;
var tmplObjekt = 0;

jQuery(document).ready(function(){
	arrayPageSize = getPageSize();
	resizeBackground();
	sizeChangeBg();
	resizeLightbox();
	setFooterPosition();
	init_change_moodarea_image();
	setInterval( "change_moodarea_image()", duration_of_loop );	
	
	jQuery('.adressFormContainer select').change(function(){
		jQuery(this).parent('form').submit();
	});	
	
	if(self.switch_css_sheet){
		switch_css_sheet();
		setInterval( "switch_css_sheet()", 30000 ); 
	}
	jQuery("#teaserBackground").css({opacity: 0.2});
	jQuery("#dimmer").css({opacity: 0.9});
	
	checkHeightSubUlMainnav();
	
	jQuery("#mainNavLayer ul li.level1").mouseover( function() {
		jQuery("#dimmer").css("height", 112+maxHeightSubUlMainnav );
		var dimmerWidth = arrayPageSize[0];	
		if( arrayPageSize[0] < 1221 ) {
			dimmerWidth = 1220;		
		}
		jQuery("#dimmer").css("width",dimmerWidth);
		leftPosDimmer = 1220 - dimmerWidth;
		jQuery("#dimmer").css("left",(leftPosDimmer/2));		
		jQuery("#dimmer").css("display","block");
		jQuery(this).children("ul").css("display","block");
		jQuery(this).children("ul").css("background","none");
	});
	jQuery("#mainNavLayer ul li.level1").mouseleave(function() { 
		jQuery(this).children("ul").css("display","none");
		jQuery("#dimmer").css("display","none"); 
	});
	
	jQuery(window).resize(function() {
		arrayPageSize = getPageSize();
		//sizeChangeBg();
		resizeBackground();
		setFooterPosition();
		resizeLightbox();
	});
	
	//Manifacture-Seite-- Das erste Element highlighten
	if(jQuery('div.manufacture_el_container').is(':visible')){
		jQuery('#Col2SizeLeft ul li a').eq(0).addClass('manufactureActive');
	}
	// Suchergebnisseite:
	jQuery(".tx-indexedsearch-browsebox:first").hide();
	jQuery(".tx-indexedsearch-res:last hr").remove();
	// Suchergebnisse mit Bildern:
	var countSearchResults = jQuery(".tx-indexedsearch-percent").length;
	for ( var i = 0; i < countSearchResults; i++ ) {
		var percentHtml = jQuery(".tx-indexedsearch-percent").get(i).innerHTML;
		percentHtml = percentHtml.replace(/%/, ""); // %-Zeichen loeschen

		if ( percentHtml > 75 )
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" /><img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" /><img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" /><img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" />';
		else if ( percentHtml > 50 )
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" /><img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" /><img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" />';
		else if ( percentHtml > 25 )
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" /><img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" />';
		else
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img alt="" src="fileadmin/templates/img/suchergebniss_trefferanzeige_icon.png" />';
	}
	
	// für Uhrenslider
	modelpicLayerList = jQuery("#modelSlideLayer #sliderLayer .modelpicLayer");
	modelpicLayerList = jQuery("#modelSlideLayer #sliderLayer .modelpicLayer");
	jQuery(modelpicLayerList[2]).css("width","228px");
	jQuery(modelpicLayerList[2]).children("a").children("img.zoompic").css("width","228px");
	jQuery(modelpicLayerList[2]).children("a").children("img.zoompic").css("padding-top","0");
	jQuery(modelpicLayerList[2]).children("p").css("display","block");
	jQuery("#modelSlideLayer #sliderLayer").css("width",((modelpicLayerList.length*widthSobjekt)+(widthLobjekt-widthSobjekt))+"px");
	partSize = scrollBarWidth/(modelpicLayerList.length-1);	
	jQuery("#scLayer .scButton").css("left",((partSize*2)-9)+"px");
	/* --- scrollbar --- */
	jQuery("#scLayer span.scButton").draggable();
	jQuery("#scLayer span.scButton").draggable( "option", "containment", 'parent' );
	jQuery("#scLayer span.scButton").draggable( "option", "axis", 'x' );
	jQuery("#scLayer span.scButton").draggable( "option", "revertDuration", 1000 );
	jQuery("#scLayer span.scButton").bind( "dragstart", function(event, ui) {
		dragInAction = true;
	});
	jQuery("#scLayer span.scButton").bind( "dragstop", function(event, ui) {
		dragInAction = false;
		if(!slidetimer) {
			if(lObjekt==0) {
				jQuery("#scLayer .scButton").css("left",((partSize*(lObjekt)))+"px");
			}
			else if (lObjekt == (modelpicLayerList.length-1) ) {
				jQuery("#scLayer .scButton").css("left",((partSize*(lObjekt))-19)+"px");
			}
			else {
				jQuery("#scLayer .scButton").css("left",((partSize*(lObjekt))-9)+"px");
			}
		}
		
	});
	jQuery("#scLayer span.scButton").bind( "drag", function(event, ui) {
		mouseOverPart = Math.ceil(jQuery("#scLayer span.scButton").css("left").replace("px","") / partSize);
		if(!slidetimer) {
			tmplObjekt = lObjekt;
			if( mouseOverPart < lObjekt ) {
				steps = lObjekt - mouseOverPart;
				job = "forward";
				slideModelPic(job,steps);
			}
			if( mouseOverPart > lObjekt ) {
				steps = mouseOverPart - lObjekt ;
				job = "back";
				slideModelPic(job,steps);
			}
		}
	});
	
});

jQuery(window).load(function() {
	resizeBackground();	
});

var maxHeightSubUlMainnav = 0 ;

// lObjekt = LargeObjekt = das Objekt, das im Focus steht
var lObjekt = 2;
var marginLeft = 0;
var onestep = widthSobjekt;
var slidetimer = null;
var marginLeftTemp = 0;
var stepsize = 28;
var widthstep = 10;
var widthSOtmp = widthSobjekt;
var widthLOtmp = widthLobjekt;
var paddingstep = 12;
var paddingSOtmp = paddingTop;
var paddingLOtmp = 0;
var interVal = 50;
var tempSteps = 0;
var do_moodarea_image_change = true;
var actual_mood_image = 0;


function init_change_moodarea_image()
{
	// set total number of images to be slided
	mood_image_length =  (jQuery("#container_moodarea_image div.moodimage").length);
	if (mood_image_length > 1)
	{
	
		// set actual img to front 
		jQuery("#container_moodarea_image div.moodimage").css({"z-index": "30"});
		jQuery("#container_moodarea_image div.moodimage:first").css({"z-index": "32"});
		jQuery("#container_moodarea_image div.moodimage:last").css({"z-index": "31"});
		
		for (i=1; i<=mood_image_length; i++)
		{			
			jQuery("div.moodarea_img_changer").append("<div class=\"moodarea_img_changer_element_parent\" onclick=\"change_moodarea_image_onclick(" + (i-1) + ")\" onmouseover=\"hover_img_changer_element_enter(" + (i-1) + ")\" onmouseout=\"hover_img_changer_element_leave(" + (i-1) + ")\"><div class=\"moodarea_img_changer_element\">" + i + "</div><div class=\"moodarea_img_changer_element_hover\">" + i + "</div></div>")
		}
		moodarea_img_changer_set_active(0);
	}
	else
	{
		do_moodarea_image_change = false;
	}

}



function change_moodarea_image()
{	
	if (do_moodarea_image_change)
	{
		// set the old images of last loop (pre pre images to back)
		jQuery("#container_moodarea_image div.moodimage").each(function(){
			//alert(jQuery(this).css("z-index"));
			if (jQuery(this).css("z-index") == "31")
			{
				//alert(1);
					jQuery(this).css({"z-index" : "30", "opacity" : "1.0"});
				
				

			}
			else if (jQuery(this).css("z-index") == "32")
			{
					jQuery(this).css({"z-index" : "31", "opacity" : "1.0"});
				
			}
		});
		//alert(actual_mood_image+' '+mood_image_length);
		// checks which images is next
		//if it is last image set it to first, otherwise set it plus one (++)
		if (actual_mood_image == mood_image_length-1)
		{
			actual_mood_image = 0;
		}
		else 
		{
			actual_mood_image++;
		}

		// set image to faded in to front an set opacity to 0.0
		// fade in actual image in front
		if(1){
			jQuery("#container_moodarea_image div.moodimage:eq(" + actual_mood_image + ")").css({"display": "none", "z-index": "32"}).show();
		}else{
			jQuery("#container_moodarea_image div.moodimage:eq(" + actual_mood_image + ")").css({"display": "none", "z-index": "32"}).fadeIn(fadein_duration);
		}
		//jQuery("#container_moodarea_image div.moodimage:eq(" + actual_mood_image + ")").css({"display": "none", "z-index": "32"}).fadeIn(fadein_duration);
		//jQuery("#container_moodarea_image div.moodimage:eq(" + actual_mood_image + ")").css({"display": "none", "z-index": "32"}).show();
		
		// hover of small box right side is switched, when new item is faded in 50%
		setTimeout(function(){		
			moodarea_img_changer_set_active(actual_mood_image);			
		},fadein_duration/2);
	}	
}

function moodarea_img_changer_set_active(active_moodarea_image)
{
	jQuery("div.moodarea_img_changer_element").css({"display" : "block"});
	jQuery("div.moodarea_img_changer_element_hover").css({"display" : "none"});
	jQuery("div.moodarea_img_changer_element_parent:eq(" + active_moodarea_image + ")").children("div.moodarea_img_changer_element").css({"display" : "none"});
	jQuery("div.moodarea_img_changer_element_parent:eq(" + active_moodarea_image + ")").children("div.moodarea_img_changer_element_hover").css({"display" : "block"});
}



//Funktion zum Anzeigen der einzelnen Manufaktureteile
function show_manufacture_el(index){
	jQuery('div.red_ring_hover').each(function(){
		if(jQuery(this).index() != index){
			jQuery(this).hide()
			jQuery(this).removeClass('isActive');
		}
	});
	jQuery('div.red_ring_hover').eq(index).show();
	jQuery('div.red_ring_hover').eq(index).addClass('isActive');
	jQuery('div.manufacture_el').each(function(){
		if(jQuery(this).index() != index){
			jQuery(this).fadeOut('slow');
		}
	});
	if(! jQuery('div.manufacture_el').eq(index).is(':visible')){
		jQuery('div.manufacture_el').eq(index).fadeIn('slow');
	}
	
	if(index == 4){
		index = 1;
	}
	jQuery('#Col2SizeLeft ul li a').each(function(){
		jQuery(this).removeClass('manufactureActive');
	});
	
	jQuery('#Col2SizeLeft ul li a').eq(index).addClass('manufactureActive');
	
}

function highlight_area_el(index){
	jQuery('div.red_ring_hover').eq(index).show();
}

function get_normal_area_el(index){
	if(!jQuery('div.red_ring_hover').eq(index).hasClass('isActive')){
		jQuery('div.red_ring_hover').eq(index).hide();
	}
}


function checkHeightSubUlMainnav() {
	mainnalElList = jQuery("#mainNavLayer ul li.level1");
	for(var i = 0; i < mainnalElList.length; i++) {
		if( jQuery(mainnalElList[i]).children("ul").length == 1 ) {
			stringHeightLength = jQuery(mainnalElList[i]).children("ul").css("height").length;
			theUlHeight = jQuery(mainnalElList[i]).children("ul").css("height").substring(0,stringHeightLength-2);
			if( theUlHeight >  maxHeightSubUlMainnav ) {
				 maxHeightSubUlMainnav = parseInt(theUlHeight);
			}
		}
	}
}  

// Listen to various events
function addthisEventHandler(evt) {
	switch (evt.type) {
        case "addthis.menu.open_NO":
			jQuery("#sbmLayer").css("z-index","1500");
			jQuery(".facebookFrame").css("visibility","hidden");
			jQuery("#lightboxTrans").fadeIn();
			jQuery("#lightboxTrans").click( function() {
				jQuery("#lightboxTrans").fadeOut();
				jQuery(".facebookFrame").css("visibility","visible");
				jQuery("#sbmLayer").css("z-index","1199");
			});
            break;
        case "addthis.menu.close_NO":
			jQuery("#lightboxTrans").fadeOut();
			jQuery(".facebookFrame").css("visibility","visible");
			jQuery("#sbmLayer").css("z-index","1199");
            break;
    }
}

function setFooterPosition() {

	if( arrayPageSize[0] < 1221 ) {
		jQuery("#footLayer").css("width","1220px");		
	}
	else {
		jQuery("#footLayer").css("width","100%");		
	}

	if(arrayPageSize[3] <= ( parseInt(jQuery('#stage').innerHeight())+60) ) {
		jQuery("#footLayer").css("position","relative");
		//alert(arrayPageSize[3]+" "+jQuery('#stage').innerHeight());
	}
	else {
		jQuery("#footLayer").css("position","absolute");
	}
}

function sizeChangeBg() {
//	jQuery("#bgStage .centerLayer img").css("height",arrayPageSize[3]+"px");
//	jQuery("#bgStage img").css("width",arrayPageSize[0]+"px");
//	jQuery("#bgStage").css("height",arrayPageSize[3]+"px");
}



/*
	Funktion um Hintergrundbild der Seite immer ausfüllend darzustellen.
	Im ersten Schritt wird immer von der breite des Bildes ausgegangen. Falls die Grösse nicht ausreicht,
	wird auf Seitenhöhe umgestellt.
*/
function resizeBackground() {
	arrayPageDimension = getPageSize();
	arrayScrollDimension = getPageScroll();
	var idBody = "body42";
	var donotSizeBG = false;
	
	if( jQuery('body').attr("id") == idBody ) {
		donotSizeBG = true;
	}
	
	if(arrayPageSize[3] <= ( parseInt(jQuery('#stage').innerHeight())+60) ) {
		// die höhe des BildContainer setzen
		jQuery('#bgStage').css('height',( parseInt(jQuery('#stage').innerHeight())+60)+'px');	
	}
	else {
		jQuery('#bgStage').css('height',arrayPageDimension[1]+'px');
	}
	
	if( arrayPageSize[0] < 1221 ) {
		jQuery("#bgStage").css("width","1220px");		
	}
	else {
		jQuery("#bgStage").css("width","100%");		
	}
	
	// die MindestBreite des Bildes
	var img_min_width = 1150;
	// Werte vom Element campagin_bg in Variable schreiben -> Grund: kleinerer Code 
	var caBGwidth = jQuery('#bgStage').width();
	var caBGheight = jQuery('#bgStage').height();
	
	var imgWidth = "100%";
	var imgHeight = "100%";

	
	// Mindestbreite des Bildes wird abgefangen
	if( caBGwidth <=  img_min_width || donotSizeBG ) {
		imgWidth = img_min_width;
	}
	else {
		imgWidth = caBGwidth;
	}
	
	// bei allen Elementen wird die höhe und breite gesetzt
	jQuery('#bgStage img').each(function() {
		// BildDimension auslesen
		theImg = new Image();
		theImg.src = jQuery(this).attr("src");
		//
		heightTMP = (imgWidth * theImg.height) / theImg.width;
		if ( heightTMP < caBGheight && !donotSizeBG ) {
			jQuery(this).attr("width", ( ( parseInt(caBGheight) * parseInt(theImg.width) ) / theImg.height ) );
			jQuery(this).attr("height", caBGheight );
		}
		else {	
			jQuery(this).attr("width",imgWidth);
			jQuery(this).attr("height", heightTMP );
		}
	});
}


var modelpicLayerList;
var modelpicAciveList;

function switchModelPic(job) {
	if(modelpicLayerList == undefined) {
		modelpicLayerList = jQuery("#modelListLayer").children(".modelpicLayer");
		mpllLength = modelpicLayerList.length;
		modelpicAciveList = new Array(0,1,2);
	}
	if( job == "back" ) {
		if( modelpicAciveList[0]-1 < 1 ) {
			 modelpicAciveList[0] = mpllLength;
		}
		else {
			modelpicAciveList[0] = modelpicAciveList[0]-1;
		}
		if( modelpicAciveList[1]-1 < 1 ) {
			 modelpicAciveList[1] = mpllLength;
		}
		else {
			modelpicAciveList[1] = modelpicAciveList[1]-1;
		}
		if( modelpicAciveList[2]-1 < 1 ) {
			 modelpicAciveList[2] = mpllLength;
		}
		else {
			modelpicAciveList[2] = modelpicAciveList[2]-1;
		}		
	}
	else if( job == "forward" ) {
		if( modelpicAciveList[0]+1 > mpllLength ) {
			 modelpicAciveList[0] = 1;
		}
		else {
			modelpicAciveList[0] = modelpicAciveList[0]+1;
		}
		if( modelpicAciveList[1]+1 > mpllLength ) {
			 modelpicAciveList[1] = 1;
		}
		else {
			modelpicAciveList[1] = modelpicAciveList[1]+1;
		}
		if( modelpicAciveList[2]+1 > mpllLength ) {
			 modelpicAciveList[2] = 1;
		}
		else {
			modelpicAciveList[2] = modelpicAciveList[2]+1;
		}		
	}
	
	for(var i = 0; i < mpllLength; i++ ) {
		jQuery(modelpicLayerList[i]).removeAttr("id");
	}
	for(var i = 0; i < mpllLength; i++ ) {

		if( modelpicAciveList[0] == (i+1) ) {
			jQuery(modelpicLayerList[i]).attr("id","leftMPL");
		}
		if( modelpicAciveList[1] == (i+1) ) {
			jQuery(modelpicLayerList[i]).attr("id","middleMPL");
			jQuery("#watchModelList a").removeClass("active");
			jQuery("#watchModelList a:eq("+(i)+")").addClass("active");
		}
		if( modelpicAciveList[2] == (i+1) ) {
			jQuery(modelpicLayerList[i]).attr("id","rightMPL");
		}
	}	
}


/**
 * getPageSize() by quirksmode.com
 *
 * @return Array Return an array with page width, height and window width, height
 */
function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
	}
	
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	
	// pageWidth = document.body.clientWidth;
	// pageHeight = document.body.clientHeight;
	if (pageHeight > windowHeight) {
    windowHeight =  pageHeight;  
  }

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
}

/**
 * getPageScroll() by quirksmode.com
 *
 * @return Array Return an array with x,y page scroll values.
 */
function getPageScroll() {
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	arrayPageScroll = new Array(xScroll,yScroll);
	return arrayPageScroll;
}

function teaserShowFulltext(obj) {
	jQuery(obj).parent(".teaser").hide().siblings(".fulltext").show();
}
function teaserShowTeasertext(obj) {
	jQuery(obj).parent(".fulltext").hide().siblings(".teaser").show();
}

function slideRowElements(objId,maxVisible,direction) {
	var slideCounter = jQuery("#"+objId).attr('slideCounter');
	if ( typeof slideCounter=='undefined' ) {
		slideCounter = 0;
		jQuery("#"+objId).attr('slideCounter',slideCounter);
	}
	slideCounter = parseInt(slideCounter);
	if ( direction == 'forward' ) {
		if ( maxVisible+slideCounter == jQuery("#"+objId+" .slideElement").size() )
			return;
		jQuery("#"+objId+" .slideElement").eq(slideCounter).hide();
		jQuery("#"+objId).attr('slideCounter',slideCounter+1);
	}
	if ( direction == 'back' ) {
		if ( slideCounter == 0 )
			return;
		jQuery("#"+objId+" .slideElement").eq(slideCounter-1).show();
		jQuery("#"+objId).attr('slideCounter',slideCounter-1);
	}
}

function scroll_slider_right(){
	 var is_hide = 0;
	 var visible_div = 0;
	 jQuery('#slideElementContainer').children().each(function(){
		 //alert(1);
		 if(jQuery(this).is(':visible')){
			visible_div ++;
		 }
	 });
	 if(visible_div > 4){
		 jQuery('#slideElementContainer').children().each(function(){
			 if(! is_hide){
				 if(jQuery(this).is(':visible')){
					 jQuery(this).hide('slow');
					 is_hide = 1;
				 }
			 }
		 });
	 }
	 is_hide = 0;
	// return false;
}

function scroll_slider_left(){
	 var displayed = 0;
	 jQuery('#slideElementContainer').children().each(function(){
		 if(! displayed){
			 if(jQuery(this).is(':visible')){
				 jQuery(this).prev().show('slow');
				 displayed = 1;
			 }
		 }
	 });

	 //return false;
} 

function moveLightboxElements(objId,direction) {
	var slideCounter = jQuery("#lightboxLayer #"+objId).attr('slideCounter');
	if ( typeof slideCounter=='undefined' ) {
		slideCounter = 0;
		jQuery("#lightboxLayer #"+objId).attr('slideCounter',slideCounter);
	}
	slideCounter = parseInt(slideCounter);
	if ( direction == 'forward' ) {
		if ( slideCounter == (jQuery("#lightboxLayer #"+objId+" .lightboxElement").size()-1) )
			return;
		// jQuery(".lightboxHeadline h3").fadeOut();
		jQuery("#lightboxLayer #"+objId+" .lightboxElement").eq(slideCounter).hide();
		jQuery("#lightboxLayer #"+objId+" .lightboxElement").eq(slideCounter+1).show();
		// jQuery("#"+objId+" .lightboxElement .lightboxHeadline h3").fadeIn();
		jQuery("#lightboxLayer #"+objId).attr('slideCounter',slideCounter+1);
	}
	if ( direction == 'back' ) {
		if ( slideCounter == 0 )
			return;
		jQuery("#lightboxLayer #"+objId+" .lightboxElement").eq(slideCounter).hide();
		jQuery("#lightboxLayer #"+objId+" .lightboxElement").eq(slideCounter-1).show();
		jQuery("#lightboxLayer #"+objId).attr('slideCounter',slideCounter-1);
	}
	jQuery("#lightboxNaviNumber").html(parseInt(jQuery("#lightboxLayer #"+objId).attr('slideCounter'))+1);
}

function resizeLightbox() {
	var top = (jQuery('#stage').height() - 700)/4;
	//var stage = jQuery('#stage').height()+200;
	//var left = (jQuery('#stage').width() - 564)/2;
	if(arrayPageSize[3] < arrayPageSize[1]){
		//top = (arrayPageSize[1] - arrayPageSize[3]) + (arrayPageSize[3] - 700)/2;
		//jQuery('#share_popup').css('top',top+'px');
		//alert(top);
	}
	var scrollSize = getPageScroll();
	
	var pageWidth = arrayPageSize[0];
	if( pageWidth < 1220 ) {
		pageWidth = 1230;
	}
	jQuery("#lightboxTrans").css("width",pageWidth);
	
	var stage_offset = jQuery('#stage').offset();
	
	jQuery("#lightboxTrans").css('left','-'+stage_offset.left+'px');
	
	var pageHeight = arrayPageSize[1];
	if(arrayPageSize[3] <= ( parseInt(jQuery('#stage').innerHeight())+60) ) {
		// die höhe des BildContainer setzen
		pageHeight = (parseInt(jQuery('#stage').innerHeight())+60) ;
	}
	else {
		pageHeight = arrayPageSize[1];
	}
	if( pageHeight < 777 ) {
		pageHeight = 800;
	}
	jQuery("#lightboxTrans").css("height",pageHeight+"px");
	
	jQuery("#lightboxLayer").css("left",(jQuery('#stage').width()-1024)/2).css("top",top);
	jQuery("#lightboxLayerModelFullSize").css("left",(jQuery('#stage').width()-1024)/2).css("top",top);
	jQuery("#lightboxLayerModel3dView").css("left",(jQuery('#stage').width()-1024)/2).css("top",top);
	jQuery("#lightboxLayerModelVideo").css("left",(jQuery('#stage').width()-1024)/2).css("top",top);
	// console.log(arrayPageSize[0]-1024);
}

function showLightbox(lightboxId) {

	if ( !lightboxId || lightboxId.length == 0 ) {
		lightboxId = 'lightboxLayer';
	}
	jQuery("#lightboxTrans").css("display","block");
	jQuery("#lightboxTrans").css("opacity","0.8");
	jQuery("#lightboxTrans").css("filter"," alpha(opacity=80)");
	
	jQuery("#"+lightboxId).fadeIn();	//Hier ist was schief: Fehler
	jQuery("#lightboxTrans").click( function() {
		closeLightbox('#'+lightboxId);
		closeLightbox("#lightboxTrans");
		closeLightbox("#lightboxLayerModelFullSize");
		closeLightbox("#lightboxLayerModel3dView");
	});
	jQuery(document).keydown(function(event) {
		if (event.which == '27') {
			closeLightbox('#'+lightboxId);
			closeLightbox("#lightboxTrans");
			closeLightbox("#lightboxLayerModelFullSize");
			closeLightbox("#lightboxLayerModel3dView");
		}
	});
}
function closeLightbox(lightboxId) {
	if ( !lightboxId || lightboxId.length == 0 )
		lightboxId = '#lightboxLayer';

	jQuery("#lightboxTrans").fadeOut();
	jQuery("#lightboxLayerModelVideo").fadeOut();
	jQuery(lightboxId).fadeOut();
}

function sliderLink(linkObjekt){
	var eventObjekt = jQuery(linkObjekt).attr("id").replace("mpLink","");
	if( eventObjekt == lObjekt) {
		window.location.href = "/" + jQuery(linkObjekt).attr("href");
	}
	else {
		if( eventObjekt < lObjekt ) {
			steps = lObjekt - eventObjekt;
			job = "forward";
		}
		else {
			steps = eventObjekt - lObjekt ;
			job = "back";
		}
		slideModelPic(job,steps);
	}
}

function slideModelPic(job,steps) {
	if( job == "back" ) {
		if(onestep > 0) {
			marginLeft = marginLeft-stepsize;
			onestep = onestep-stepsize;
			jQuery("#modelSlideLayer #sliderLayer").css("margin-left",marginLeft+"px");
			
			widthLOtmp = widthLOtmp-widthstep;
			paddingLOtmp = paddingLOtmp+paddingstep;
			jQuery(modelpicLayerList[lObjekt]).css("width",widthLOtmp+"px");
			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("width",widthLOtmp+"px");
			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("padding-top",paddingLOtmp+"px");
						
			widthSOtmp = widthSOtmp+widthstep;
			paddingSOtmp = paddingSOtmp-paddingstep;
			jQuery(modelpicLayerList[lObjekt+1]).css("width",widthSOtmp+"px");
			jQuery(modelpicLayerList[lObjekt+1]).children("a").children("img.zoompic").css("width",widthSOtmp+"px");

			jQuery(modelpicLayerList[lObjekt+1]).children("a").children("img.zoompic").css("padding-top",paddingSOtmp+"px");
			
			if(!slidetimer) {
				marginLeftTemp = marginLeft+stepsize-widthSobjekt;
				jQuery(modelpicLayerList[lObjekt]).children("p").hide();
				slidetimer = window.setInterval(function(){slideModelPic(job,steps);},interVal);
			}
		}
		else {
			window.clearInterval(slidetimer);
			slidetimer = null;
			widthSOtmp = widthSobjekt;
			widthLOtmp = widthLobjekt;
			paddingSOtmp = paddingTop;
			paddingLOtmp = 0;
			jQuery(modelpicLayerList[lObjekt]).css("width",widthSOtmp+"px");
			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("width",widthSOtmp+"px");

			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("padding-top",paddingSOtmp+"px");
			jQuery(modelpicLayerList[lObjekt+1]).css("width",widthLOtmp+"px");
			jQuery(modelpicLayerList[lObjekt+1]).children("a").children("img.zoompic").css("width",widthLOtmp+"px");

			jQuery(modelpicLayerList[lObjekt+1]).children("a").children("img.zoompic").css("padding-top","0px");
			jQuery(modelpicLayerList[lObjekt+1]).children("p").fadeIn("slow");
			onestep = widthSobjekt;
			marginLeft = marginLeftTemp;
			jQuery("#modelSlideLayer #sliderLayer").css("margin-left",marginLeft+"px");
			modelpicLayerList = jQuery("#modelSlideLayer #sliderLayer .modelpicLayer");
			lObjekt = lObjekt+1;
		}
	}
	else {
		if(onestep > 0) {
			marginLeft = marginLeft+stepsize;
			onestep = onestep-stepsize;
			jQuery("#modelSlideLayer #sliderLayer").css("margin-left",marginLeft+"px");
			
			widthLOtmp = widthLOtmp-widthstep;
			paddingLOtmp = paddingLOtmp+paddingstep;
			jQuery(modelpicLayerList[lObjekt]).css("width",widthLOtmp+"px");
			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("width",widthLOtmp+"px");

			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("padding-top",paddingLOtmp+"px");
						
			widthSOtmp = widthSOtmp+widthstep;
			paddingSOtmp = paddingSOtmp-paddingstep;
			jQuery(modelpicLayerList[lObjekt-1]).css("width",widthSOtmp+"px");
			jQuery(modelpicLayerList[lObjekt-1]).children("a").children("img.zoompic").css("width",widthSOtmp+"px");

			jQuery(modelpicLayerList[lObjekt-1]).children("a").children("img.zoompic").css("padding-top",paddingSOtmp+"px");			
			
			if(!slidetimer) {
				marginLeftTemp = marginLeft-stepsize+widthSobjekt;
				jQuery(modelpicLayerList[lObjekt]).children("p").hide();
				slidetimer = window.setInterval(function(){slideModelPic(job,steps);},interVal);
			}
		}
		else {
			window.clearInterval(slidetimer);
			slidetimer = null;
			widthSOtmp = widthSobjekt;
			widthLOtmp = widthLobjekt;
			paddingSOtmp = paddingTop;
			paddingLOtmp = 0;
			jQuery(modelpicLayerList[lObjekt]).css("width",widthSOtmp+"px");
			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("width",widthSOtmp+"px");

			jQuery(modelpicLayerList[lObjekt]).children("a").children("img.zoompic").css("padding-top",paddingSOtmp+"px");
			jQuery(modelpicLayerList[lObjekt-1]).css("width",widthLOtmp+"px");
			jQuery(modelpicLayerList[lObjekt-1]).children("a").children("img.zoompic").css("width",widthLOtmp+"px");

			jQuery(modelpicLayerList[lObjekt-1]).children("a").children("img.zoompic").css("padding-top","0px");
			jQuery(modelpicLayerList[lObjekt-1]).children("p").fadeIn("slow");
			onestep = widthSobjekt;
			marginLeft = marginLeftTemp;
			jQuery("#modelSlideLayer #sliderLayer").css("margin-left",marginLeft+"px");
			modelpicLayerList = jQuery("#modelSlideLayer #sliderLayer .modelpicLayer");
			lObjekt = lObjekt-1;
		}	
	}
	if(!dragInAction) {
		if(lObjekt==0) {
			jQuery("#scLayer .scButton").css("left",((partSize*(lObjekt)))+"px");
		}
		else if (lObjekt == (modelpicLayerList.length-1) ) {
			jQuery("#scLayer .scButton").css("left",((partSize*(lObjekt))-19)+"px");
		}
		else {
			jQuery("#scLayer .scButton").css("left",((partSize*(lObjekt))-9)+"px");
		}
	}	
	if(lObjekt < 1 ) {
		jQuery("#sliderNavi #sleftMask p").fadeOut("fast");
	}
	else {
		jQuery("#sliderNavi #sleftMask p").fadeIn("slow");
	}	
	
	if(lObjekt > modelpicLayerList.length-2 ) {
		jQuery("#sliderNavi #srightMask p").fadeOut("fast");
	}
	else {
		jQuery("#sliderNavi #srightMask p").fadeIn("slow");
	}	
	tempSteps++;
	if( tempSteps < steps ) {
		slideModelPic(job,steps);
	}
	else {
		tempSteps = 0;
	}
	jQuery("#watchModelList a").removeClass("active");
	jQuery("#watchModelList a:eq("+(lObjekt)+")").addClass("active");
}