function showFindVoucherLayer() {
	$.fancybox({
	    'titlePosition' : 'inside',
	    'href'          : '#fb_findVoucher_layer',
	    'transitionIn'  : 'none',
	    'transitionOut' : 'none',
	    'showCloseButton' : false,
	    'width'         : 930,
	    'overlayOpacity': 0.7,
	    'centerOnScroll': true,
	    'autoDimensions': false,
	    'overlayColor'  : '#ffffff',
	    'onStart'       : function() {
	      $("#fb_findVoucher_layer .closeLayer").bind("click", function () {
	        $.fancybox.close();
	        return false;
	      });
	    }
	});
}

function showReplaceVouchersLayer() {
	//$('#fb_replaceVoucher_layer').text($('.replaceVoucherMessage').text());
	$('.replaceVoucherMessage').fancybox({
		    'titlePosition' : 'inside',
		    'href'          : '#fb_replaceVoucher_layer',
		    'transitionIn'  : 'none',
		    'transitionOut' : 'none',
		    'showCloseButton' : false,
		    'width'         : 720,
		    'overlayOpacity': 0.7,
		    'centerOnScroll': true,
		    'autoDimensions': false,
		    'overlayColor'  : '#ffffff',
		    'onStart'       : function() {
		      $("#fb_replaceVoucher_layer .closeLayer").bind("click", function () {
		        $.fancybox.close();
		        return false;
		      });
		    }
	});
	$('.replaceVoucherMessage').click();
}

function showMinOrderValueLayer() {
	//$('#fb_minOrderValue_layer').text($('.minOrderValueMessage').text());
	$('.minOrderValueMessage').fancybox({
		    'titlePosition' : 'inside',
		    'href'          : '#fb_minOrderValue_layer',
		    'transitionIn'  : 'none',
		    'transitionOut' : 'none',
		    'showCloseButton' : false,
		    'width'         : 500,
		    'overlayOpacity': 0.7,
		    'centerOnScroll': true,
		    'autoDimensions': false,
		    'overlayColor'  : '#ffffff',
		    'onStart'       : function() {
		      $("#fb_minOrderValue_layer .close").bind("click", function () {
		        $.fancybox.close();
		        return false;
		      });
		    }
	});
	$('.minOrderValueMessage').click();
}

function showVoucherLayer() {
	//$('#fb_minOrderValue_layer').text($('.minOrderValueMessage').text());
	$('#fb_voucher_layer').fancybox({
		    'titlePosition' : 'inside',
		    'href'          : '#fb_voucher_layer',
		    'transitionIn'  : 'none',
		    'transitionOut' : 'none',
		    'showCloseButton' : false,
		    'width'         : 800,
		    'overlayOpacity': 0.7,
		    'centerOnScroll': true,
		    'autoDimensions': false,
		    'overlayColor'  : '#ffffff',
		    'onStart'       : function() {
		      $("#fb_voucher_layer .close").bind("click", function () {
		        $.fancybox.close();
		        return false;
		      });
		    }
	});
	$('#fb_voucher_layer').click();
	var imageWrapper = new Array();
	var sliderContentWidth = 684;
	imageWrapper = $('.sliderContent').findobject('.imageWrapper');
	sliderContentWidth = parseInt(imageWrapper.length) * 170;
	$('.sliderContent').width(sliderContentWidth);
}

function hideVoucherLayer() {
	 $.fancybox.close();
     return false;
}

function handlerVoucherLayer() {
	  var sliderContentLeft = 0;
	  var position = null;
	  $('#fb_voucher_layer').find('.sliderRight').click(function(){
		 
		 if($('#fb_voucher_layer').find('.sliderContent').css('left') == 'auto') {
			 $('#fb_voucher_layer').find('.sliderContent').css('left','0px');
		 }
		  
		  position = $('#fb_voucher_layer').find('.sliderContent').position();
		  
		  sliderContentLeft = parseInt($('#fb_voucher_layer').find('.sliderContent').css('left')) - (170 * 4);

		  if ($.browser.webkit) {
			  sliderContentLeft = position.left  - (170 * 4) - 29;
		  } 
		  if ($.browser.safari) {
			  sliderContentLeft = position.left  - (170 * 4) - 37;
		  }
		  var stopSlider = 0;
		  //var position = $('#fb_voucher_layer').find('.sliderContent').position();
		  stopSlider = parseInt($('#fb_voucher_layer').find('.sliderContent').width()) + sliderContentLeft;
		  
		  if (stopSlider >= 170) {
			  $('#fb_voucher_layer').find('.sliderContent').css('left', sliderContentLeft + "px");
		  }
		  
	  });
	  
	  var sliderContentRight = 0;
	  $('#fb_voucher_layer').find('.sliderLeft').click(function(){
		  position = $('#fb_voucher_layer').find('.sliderContent').position();
		  
		  sliderContentRight = parseInt($('#fb_voucher_layer').find('.sliderContent').css('left')) + (170 * 4);
		  //sliderContentRight = parseInt(position.left) + (170 * 4);
		  if (sliderContentRight <= 0) {
		  	$('#fb_voucher_layer').find('.sliderContent').css('left', sliderContentRight + "px");
	  	  }
	  });
	  
	  $('#fb_voucher_layer').find('.sliderElement').click(function(){
		  $('.sliderElement').removeClass("activeElement");
		  $(this).addClass("activeElement");
	  });
	  
	  
}
$(document).ready(function(){
/*	
	$('#findVoucherLink').click(function(){
		$.fancybox({
		    'titlePosition' : 'inside',
		    'href'          : '#fb_findVoucher_layer',
		    'transitionIn'  : 'none',
		    'transitionOut' : 'none',
		    'showCloseButton' : false,
		    'width'         : 930,
		    'overlayOpacity': 0.7,
		    'centerOnScroll': true,
		    'autoDimensions': false,
		    'overlayColor'  : '#ffffff',
		    'onStart'       : function() {
		      $("#fb_findVoucher_layer .closeLayer").bind("click", function () {
		        $.fancybox.close();
		        return false;
		      });
		    }
		});
	});
*/	
	
	/**
	 * Sucht nach Elementen und gibt diese mit allen Eigenschaften in einen Array zurueck.
	 * z.B. var input_array = $('#action-layer-filter').findobject('.ajax-filter-input');
	 */
	  $.fn.findobject = function(find_element){
	  		var find_elements = $(this).find(find_element);
			var find_elements_array = jQuery.makeArray(find_elements);
			return find_elements_array;
	  };
	  
	  $.fn.findNext = function(find_element) {
		  var find_elements = $(this).next(find_element);
		  return find_elements;
	  };
	
	  
	/**
	 * Begin Voucher Layer
	 */
	 // handlerVoucherLayer();
	  
	/**
	 * End Voucher Layer
	 */
	/**
	 * Begin SizeLayer
	 */
	$('.btnwarenkorb').click(function(){
		var isOutfitDetail = new Array();
		isOutfitDetail = $(this).findobject('.isOutfitdetail');
		if (isOutfitDetail.length == 0) {
			if($('input[name="selectedSize"]').val() == '') {
				$.fancybox({
				    'titlePosition' : 'inside',
				    'href'          : '#fb_showSizeLayer',
				    'transitionIn'  : 'none',
				    'transitionOut' : 'none',
				    'showCloseButton' : false,
				    'width'         : 490,
				    'overlayOpacity': 0.7,
				    'centerOnScroll': true,
				    'autoDimensions': false,
				    'overlayColor'  : '#ffffff',
				    'onStart'       : function() {
				      $("#fb_showSizeLayer .close").bind("click", function () {
				        $.fancybox.close();
				        return false;
				      });
				    }
			    });
				$('#fancybox-content').css('overflow','visible');
				return false;
			}
		}
	});
	
	$('.sizeDropdown ul li a').click(function(){
		var selectValue = $(this).attr("href").replace("#","");
		var selector = ".sel" + $(this).attr("rel");
		$('a.sizeSelector').removeClass('selected');
		$(selector).addClass('selected');
		$('.selectedSize').val(selectValue);
	});
	
	$('#fb_showSizeLayer .sizeInfo a.sizeSelector').click(function(){
	 	var selectValue = $(this).attr("href").replace("#","");
	 	var selector = ".sel" + $(this).attr("rel");
	 	$('a.sizeSelector').removeClass('selected');
		$(selector).addClass('selected');
		$('.selectedSize').val(selectValue);
  		$(this).parent('.sizeInfo').find('.sizeDropdown').find('a.button span').text($(this).text());
  		$(this).addClass('selected');
	});
	
	$('.sizeLayerBtnAddToCart ul li a').click(function(){
		var selectValue = $(this).text();
		$('input[name="selectedQuantity"]').val(selectValue);
		$('.dptAddToCart a span').text(selectValue);
		
	});
	
	
	$('#fb_showSizeLayer').find('.btnAddToCart').click(function(){
		$('button[name="addToCartButton"]').click();
	});
	
	/**
	 * End SizeLayer
	 */
	
	function setLayerDimension (element) {
		
		var findCol = $(element).find('.layerContent').findobject('.col');
		var minWidth = (findCol.length * parseInt($(element).find('.topNaviLayerContent').find('.col').outerWidth()));

		if($(element).find('.topNaviLayerContent').outerWidth() < minWidth) {
			$(element).find('.topNaviLayerContent').width(minWidth);
		}
		
		if(!$(element)) {
			return false;
		}
		
		var getLayerBorderWidth = $(element).find('.topNaviLayerContent').outerWidth();
		getLayerBorderWidth = getLayerBorderWidth-3;

		var getLayerBorderHeight = $(element).find('.topNaviLayerContent').outerHeight();
		getLayerBorderHeight = getLayerBorderHeight;
		/**
		 * Setzt die Breite fuer den oberen Schatten
		 */
		$(element).find('.topNaviLayerWrapper .topBorder').css('width',getLayerBorderWidth);
		
		/**
		 * Setzt die Hoehe fuer den linken Schatten
		 */
		$(element).find('.topNaviLayerWrapper .leftBorder').css('height',getLayerBorderHeight);
		
		/**
		 * Setzt die Hoehe fuer den rechten Schatten
		 */
		getLayerBorderHeight = getLayerBorderHeight - 16;
		
		$(element).find('.topNaviLayerWrapper .rightBorder').css('height',getLayerBorderHeight);
		
		/**
		 * Setzt die Breite fuer den unteren Schatten
		 */
		var getLayerBorderWidth = $('.topNaviLayerContent').outerWidth();
		getLayerBorderWidth = getLayerBorderWidth-11;
		
		$(element).find('.topNaviLayerWrapper .bottomBorder').css('width',getLayerBorderWidth);
		
		$(element).find('.topNaviLayerWrapper').css('height',$(element).find('.topNaviLayerWrapper').height());
		
		$(element).find('.topNaviLayerWrapper').find('.col').css('height',$(element).find('.topNaviLayerWrapper').height() - 40);
		
//		if ($.browser.msie && $.browser.version < 8) {
//			$(element).find('.topNaviLayerWrapper').find('.col').css('height',
//					(parseInt($(element).find('.topNaviLayerWrapper').find('.col').css('height')) - 10) + 'px');
//		}
		
		/* positionierung des layers */
		var containerOffsetRight = $('#wt_refpoint .container').width() + $('#wt_refpoint .container').offset().left;
		var layerOffsetRight = $(element).find('.topNaviLayerWrapper').width() + $(element).find('.topNaviLayerWrapper').offset().left;
		var differenzOffset = containerOffsetRight - layerOffsetRight;
		if (differenzOffset < 0) {
			differenzOffset = differenzOffset + 2;
			 $(element).find('.topNaviLayerWrapper').css('left',differenzOffset + "px" );
		}		
	}
	
	function setColLastBorder (element) {
		var findCol = $(element).find('.layerContent').findobject('.col');
		$(findCol[findCol.length-1]).css('border-right',"0");
	}
	
	function setTopNaviLayer(element,clearLayer) {
		var getLayerTemplate = null;
		getLayerTemplate = $('#naviLayerTemplate').html();
		if ($(element)) {
			$(element).find('.topNaviLayerWrapper').append(getLayerTemplate);
			$(element).find('.topNaviLayerContent').html($(element).find('div.layerContent').html());
		}
		
		if (clearLayer) {
			$(element).find('.topNaviLayerWrapper').html('');
		}
	}
	
	$('.mainnavi li').hover(function(){
		setTopNaviLayer(this);
		setColLastBorder(this);
		$(this).find('a.mainLink').addClass('cornerSprite');
		$(this).find('a.mainLink').addClass('mainNaviLink');
		$(this).find('a.mainLink').find('span').addClass('cornerSprites');
		$(this).find('.topNaviLayerContent').html($(this).find('div.layerContent').html());
		$(this).find('.topNaviLayerWrapper').show();
		$(this).css('z-index','100000');
		setLayerDimension(this);
	},function(){
		$(this).find('a.mainLink').removeClass('cornerSprite');
		$(this).find('a.mainLink').removeClass('mainNaviLink');
		$(this).find('a.mainLink').find('span').removeClass('cornerSprites');
		$(this).find('.topNaviLayerWrapper').html('');
		$(this).find('.topNaviLayerWrapper').hide();
		$(this).find('.topNaviLayerWrapper').css('left','-2px');
		$(this).css('z-index','1');
	}); 
	
	
	/* ProductList Layer */
	

	
	$('.productListElement').hover(function(){
		var materialEncodedText = $(this).find('.pleMaterials').text();
		var materialText = $("<textarea />").html(materialEncodedText).val();
		var colorHtml = $(this).find('.pleColors').html();
		
		$(this).parent().find('.imageProductLink img.photo').css('z-index', '0');
		
		layerHeight = $('.productListElement').height() - 120;

		if ($.browser.msie && $.browser.version < 8) {
			layerHeight = $('.productListElement').height() - 177;
		}
		
		
		$(this).parent('.hproduct').css('z-index', '1000');
		$(this).css('z-index', '1000');
		$('.productListElementLayer').css('z-index', '0');
		$('.imageProductLink').css('z-index', '0');
		$(this).find('.imageProductLink').css('z-index', '1000');
		$(this).find('.productListElementLayer').css('z-index', '999');
		$(this).find('.imageProductLink img.photo').css('z-index', '999');
		$(this).find('.productListElementLayer').append($('#productLayerTemplate').html());
		$(this).find('.productListElementLayer').find('.layerMiddle').height(layerHeight);
		
		var colorPattern = null;
		colorPattern = $(this).findobject('.colorpattern');
		var xBreak = 0;
		var newColorHtml = '';
		jQuery.each(colorPattern, function(i) {
//			if(xBreak == 0) {
//				newColorHtml += '<div class="patternCol">';
//			}
			newColorHtml += $(this).html();
//			xBreak++;
//			if(xBreak == 2 || (i+1) == (colorPattern.length)) {
//				newColorHtml += '</div>';
//				xBreak = 0;
//			}
//			
		});
		
		/**
		 * Clear float
		 */
		newColorHtml+= '<span class="clear-block"></span>';
		
		/**
		 * Setzt die Materialeigenschaften
		 */
		$(this).find('.productListElementLayer')
			   .find('.layerMiddle')
			   .find('.pleLayerInfo')
			   .find('.pleLayerMaterial p')
			   .html(materialText);
		
		/**
		 * Setzt das Label zu den Materialeigenschaften
		 */
		$(this).find('.productListElementLayer')
		   .find('.layerMiddle')
		   .find('.pleLayerInfo')
		   .find('.pleLayerMaterial h4')
		   .html($(this).find('.pleMaterialsH4').html());
		
		/**
		 * Setzt die Farben
		 */
		$(this).find('.productListElementLayer')
			   .find('.layerMiddle')
			   .find('.pleLayerInfo')
			   .find('.pleLayerColor p')
			   .html(newColorHtml);
		
		/**
		 * Setzt das Label zu den Farben
		 */
		$(this).find('.productListElementLayer')
		   .find('.layerMiddle')
		   .find('.pleLayerInfo')
		   .find('.pleLayerColor h4')
		   .html($(this).find('.pleColorsH4').html());
		
		/**
		 * Setzt den Produktdetaillink
		 */
		$(this).find('.productListElementLayer')
		   .find('.layerMiddle')
		   .find('.pleLayerInfo')
		   .find('.pleLayerButton a')
		   .attr('href',$(this).find('.pleHref').html());
		
		if($(this).parent('.entry3').html() != null) {
			//todo
			$(this).find('.productListElementLayer').css('left','-190px');
			$(this).find('.productListElementLayer').find('.pleLayerInfo').css('left','-180px');
		}
		
		$(this).find('.productListElementLayer').fadeIn(800);

		$('.closePleLayer').click(function(){
			$(this).parent().parent('.productListElementLayer').fadeOut(800);
		});
		
	},function(){
		$('.imageProductLink').css('z-index', '0');
		$('.productListElementLayer').css('z-index', '0');
		
		$(this).find('.productListElementLayer').fadeOut(800);
		$(this).find('.productListElementLayer').html('');
		
		$(this).parent('.hproduct').css('z-index', '0');
		$(this).css('z-index', '0');
		$('.imageProductLink img.photo').css('z-index', '0');
		
		$(this).find('.productListElementLayer')
		   .find('.layerMiddle')
		   .find('.pleLayerInfo')
		   .find('.pleLayerMaterial')
		   .html('');
		
		$(this).find('.productListElementLayer')
		   .find('.layerMiddle')
		   .find('.pleLayerInfo')
		   .find('.pleLayerMaterial h4')
		   .html('');

		$(this).find('.productListElementLayer')
			   .find('.layerMiddle')
			   .find('.pleLayerInfo')
			   .find('.pleLayerColor p')
			   .html('');

		$(this).find('.productListElementLayer')
		   .find('.layerMiddle')
		   .find('.pleLayerInfo')
		   .find('.pleLayerColor h4')
		   .html('');
		
		$(this).find('.productListElementLayer')
		   .find('.layerMiddle')
		   .find('.pleLayerInfo')
		   .find('.pleLayerButton a')
		   .attr('href','#');
	});
	
});