/*--------------------------------------------------------------
 *	project: Vorwerk, 2010
 *	created: 2010-02-22
 *	last changed: 2011-01-10
 *	author: Patricia Ross, triplesense
 --------------------------------------------------------------- */

// WICHTIG: jQuery statt jQuery verwenden (wegen Magento)

function initEnhancements(){
	// activate functions
	jQuery.fn.css3workarounds();
	jQuery.fn.tooltipTitle();
	jQuery.fn.zebraTable();
	jQuery.fn.faqToggle();
	jQuery.fn.lightbox();
	jQuery.fn.animateImages();
	jQuery.fn.initTabs();
	jQuery.fn.topAnchor();
	jQuery.fn.imagegallery({autostart:true});
	jQuery.fn.delay.mainnav();
	jQuery.fn.disableSubmit();

	// activate equal height for teaser with separator
	jQuery('.home .teaser.image-text.thumb-left.no-bg').equalHeight();
	jQuery('.overview .teaser.image-text.thumb-left.no-bg').equalHeight();
	jQuery('.detailpage-subnav .teaser.image-text.thumb-left.no-bg').equalHeight();
	jQuery('.detailpage-tabnav .teaser.image-text.thumb-left.no-bg').equalHeight();
	jQuery('.col-50 .teaser.text-only.no-bg').equalHeight();
	jQuery('.col-33 .teaser.text-only.no-bg').equalHeight();
	jQuery('.col-25 .teaser.text-only.no-bg').equalHeight();	
}

jQuery(document).ready(function() {	
	initEnhancements()
});

/* -------------------------------------------------------------
 *	Disable input button after form submit
 * ------------------------------------------------------------- */
jQuery.fn.disableSubmit = function() {
	$("form").submit(function() {
		var myform = $(this);
		if (myform.attr("submittstate") == "1")
			return false;
		myform.attr("submittstate", "1");
	})
}

/* -------------------------------------------------------------
 *	Scroll to top
 * ------------------------------------------------------------- */
jQuery.fn.topAnchor = function() {
	
	function positionButton() {
		$(".button-top").css({"top": (($(window).height()/2)-($(".button-top").height()/2))});
	}
	positionButton();
	$(window).resize(function() {
		positionButton();
	})
	$('.button-top a').click(function(e){
    e.preventDefault();
    $(this).blur()
    window.scroll(0,0)
  })
}

/* -------------------------------------------------------------
 *	Delay for Dropdown
 * ------------------------------------------------------------- */
jQuery.fn.delay.mainnav = function() {
	$('#header .topnav li.dropdown').removeClass('use-hover'); // delete JavaScript-Fallback
	var timer_out = 0;
	var timer_over = 80;
	var config = {
		over: function() {
			$('#header .topnav .dropdown').addClass('dropdown-area-hover');
			$('#header .topnav #'+this.id+' span.left').addClass('left-hover');
			$('#header .topnav #'+this.id+'.dropdown.active span.left').addClass('left-hover');
			$('#header .topnav #'+this.id+' span.middle').addClass('middle-hover');
			$('#header .topnav.meta-nav #'+this.id+' a.touch').addClass('touch-hover');
			$('#header .topnav #'+this.id+'.dropdown.active span.middle').addClass('middle-hover');
			$('#header .topnav #'+this.id+' span.right').addClass('right-hover');
			$('#header .topnav #'+this.id+'.dropdown.active span.right').addClass('right-hover');
			$('#header .topnav #'+this.id+' .dropdown-area').addClass('dropdown-area-hover');
		},
		out: function() {
			$('#header .topnav #'+this.id+' span.left').removeClass('left-hover');
			$('#header .topnav #'+this.id+'.dropdown.active span.left').removeClass('left-hover');
			$('#header .topnav #'+this.id+' span.middle').removeClass('middle-hover');
			$('#header .topnav.meta-nav #'+this.id+' a.touch').removeClass('touch-hover');
			$('#header .topnav #'+this.id+'.dropdown.active span.middle').removeClass('middle-hover');
			$('#header .topnav #'+this.id+' span.right').removeClass('right-hover');
			$('#header .topnav #'+this.id+'.dropdown.active span.right').removeClass('right-hover');
			$('#header .topnav #'+this.id+' .dropdown-area').removeClass('dropdown-area-hover');
			$('#header .topnav .dropdown').removeClass('dropdown-area-hover');
		},
		timeout: timer_out,interval: timer_over
	};
	$('#header .topnav .dropdown').hoverIntent(config);
};

/* -------------------------------------------------------------
 *	Styling
 * ------------------------------------------------------------- */
// CSS3 Workarounds for IE
jQuery.fn.css3workarounds = function() {
	jQuery('.breadcrumb li:nth-child(2)').addClass('first-link');
	jQuery('h2:first-child').addClass('first');
};

// Zebra-Tables
jQuery.fn.zebraTable = function() {
	jQuery('table').each( function() {
		jQuery(this).find('tbody tr:even').addClass('row-even');
	} );
};

// Equal Height
jQuery.fn.equalHeight = function () {
	var height		= 0;
	var maxHeight	= 0;

	// Store the tallest element's height
	this.each(function () {
		height		= jQuery(this).outerHeight();
		maxHeight	= (height > maxHeight) ? height : maxHeight;
	});

	// Set element's min-height to tallest element's height
	return this.each(function () {
		var t			= jQuery(this);
		var minHeight	= maxHeight - (t.outerHeight() - t.height());
		var property	= jQuery.browser.msie && jQuery.browser.version < 7 ? 'height' : 'min-height';

		t.css(property, minHeight + 'px');
	});

};


/* -------------------------------------------------------------
 *	Tooltip 
 * ------------------------------------------------------------- */
jQuery.fn.tooltipTitle = function() {

	jQuery(".tooltip-title[title]").tooltip({
		effect: 'fade',
		position: "top center",
		offset: [-5, 0]
	});

};


/* -------------------------------------------------------------
 *	Lightboxes/Overlay
 * ------------------------------------------------------------- */
jQuery.fn.lightbox = function() {

	// default Lightbox/Overlay
	jQuery("a[rel]").overlay({
		mask: '#595552', 
		top: 124,
		preload: false,
		fixed: false,
		//for external sites
		onBeforeLoad: function() { 
		 // grab wrapper element inside content 
		 var wrap = this.getOverlay().find(".external-content"); 		 
		 // load the page specified in the trigger 
		 wrap.load(this.getTrigger().attr("href")); 
		 }
	});

};

/* -------------------------------------------------------------
 *	FAQ-Accordion
 * ------------------------------------------------------------- */
jQuery.fn.faqToggle = function() {
	// handle by TYPO3 specialelemnt / udo 05.05.2010
	//jQuery('.faq dt').addClass('inactive');
	//jQuery('.faq dd').hide();
	
	// FAQ-Accordion
	jQuery('.faq dt a').click( function(e) {
		var parent = jQuery(e.target).parent();
		parent.toggleClass('inactive');
        parent.next().toggle();
		return false;
    } );
};


/* -------------------------------------------------------------
 *	Image Gallery
 * ------------------------------------------------------------- */
jQuery.fn.imagegallery = function(options) {
	if(typeof window.imagegalleries == 'undefined'){
		window.imagegalleries = [];		
	}
	jQuery('.image-gallery').each(function(i,gallery){
		if(!jQuery(gallery).is('.initated')){
			
			// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			jQuery(gallery).addClass('initated')
			jQuery(gallery).addClass('gallery-'+ i)
			jQuery(gallery).attr('rel', window.imagegalleries.length)
			var newgallery = {gallery: null, markup: jQuery(gallery)}
			window.imagegalleries.push(newgallery)
			
			jQuery(gallery).find('.gallery-content').css('display', 'block');
			var onMouseOutOpacity = 0.6;
			jQuery(gallery).find('.navigation ul.thumbs li').opacityrollover({
				mouseOutOpacity:   onMouseOutOpacity,
				mouseOverOpacity:  1.0,
				fadeSpeed:         'fast',
				exemptionSelector: '.selected'
			});
			
			// Initialize Advanced Galleriffic Gallery
			newgallery.gallery = jQuery(gallery).find('.navigation').galleriffic({
				delay:                     4000,
				numThumbs:                 8,
				preloadAhead:              0,
				enableTopPager:            false,
				enableBottomPager:         true,
				maxPagesToShow:            6,
				imageContainerSel:         '.gallery-'+ i +' .slideshow',
				controlsContainerSel:      '.gallery-'+ i +' .controls',
				captionContainerSel:       '.gallery-'+ i +' .caption-container',
				loadingContainerSel:       '.gallery-'+ i +' .loader',
				renderSSControls:          false, // play/pause
				renderNavControls:         false, // prev/next photo
				playLinkText:              'Play Slideshow',
				pauseLinkText:             'Pause Slideshow',
				prevLinkText:              '&lsaquo;',
				nextLinkText:              '&rsaquo;',
				nextPageLinkText:          '&rsaquo;&rsaquo;',
				prevPageLinkText:          '&lsaquo;&lsaquo;',
				enableHistory:             false,
				enableKeyboardNavigation:  false, // Specifies whether keyboard navigation is enabled
				autoStart:                 options.autostart,
				syncTransitions:           false,
				defaultTransitionDuration: 800,
				onSlideChange:             function(prevIndex, nextIndex) {
					// 'this' refers to the gallery, which is an extension of jQuery('#gallery-thumbs')
					this.find('ul.thumbs').children()
						.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
						.eq(nextIndex).fadeTo('fast', 1.0);
				},
				onPageTransitionOut:       function(callback) {
					this.fadeTo('fast', 0.0, callback);
				},
				onPageTransitionIn:        function() {
					this.fadeTo('fast', 1.0);
				}
			});
		}
	})
	
};


/* -------------------------------------------------------------
 *	Horizontal Slider (FAQ)
 * ------------------------------------------------------------- */
// Horizontal Slider that shows dynamic FAQ content below the slider on Click 
jQuery.fn.horizontalslider = function() {

	// Alle vorhandenen Scroller sonderbehandeln
	handlescrollerhorizontal("#faqslider");
	
	/* -------------------------- FAQ -------------------------- */
	// get "product-*"-classname of one item and show corresponding div 
	showQuestions = function(selector) {
		var faqid = "."+jQuery(selector).attr("class").match(/product-\w*/)[0];
		if (jQuery(faqid).length>0) {
			jQuery(".faq-questions").hide();
			jQuery(faqid).fadeIn();
		}
		return false;		
	};
	// show faq questions of initially activated item (pageload)
	showQuestions(jQuery(".horizontal-slider .active"));
	// show faq questions of a clicked item
	jQuery(".horizontal-slider .item").click(function() {
        jQuery('.horizontal-slider .item').removeClass("active");
        jQuery(this).addClass("active");
		showQuestions(this);
	});

};

// Alle Scroller so umbl�ttern, das sie den aktuell aktivierten (geklickten) Wert anzeigen 
function handlescrollerhorizontal(scroller_select) {
	
	jQuery(scroller_select).scrollable({
		keyboard: false,
		circular: false
	});
	
	if(myscrollerhorizontal = jQuery(scroller_select).data("scrollable")) {
		var pagenum=0;
		jQuery('.horizontal-slider .page').each(function(c1, pagediv) {
			jQuery.each(pagediv.children, function(c2, itemdiv) {
				var found = itemdiv.className.search(/active/);
				if(found != -1) {
					pagenum=c1;
				}  	  
			});
		});
		myscrollerhorizontal.move(pagenum, 0);
	}
  
};

/* -------------------------------------------------------------
 * Generic Horizontal Slider with dynamic Content
 * -------------------------------------------------------------
 * @param {String} slider_id	CSS ID of the slider div
 * @param (String) item_class	CSS classname of each slider item
 * @param (String) items_div	CSS classname pattern to match with item detail div
 * @param (String) items_div	CSS classname of each slider item detail div
 * @param (String) customfunc	(optional) custom function to be applied after each slider switch
 */
// Generic Horizontal Slider that shows dynamic content below the slider on Click
jQuery.fn.horizontalslider_dynamiccontent = function(slider_id, item_class, items_div, customfunc) {
	
	// Alle vorhandenen Scroller sonderbehandeln
	handlescrollerhorizontal(slider_id);
	
	/* -------------------------- Items -------------------------- */
	// get classname of one item and show corresponding items div 
	showItems = function(selector) {
		var item_class_regex = new RegExp(item_class+'\\w*');
		var item_id = "."+jQuery(selector).attr("class").match(item_class_regex)[0];
		if (jQuery(item_id).length>0) {
			/* After hiding the items div... */
			jQuery(items_div).hide();
			/* Apply custom function */
			if (jQuery.isFunction(customfunc)) { customfunc(); }
			/* And show it */
			jQuery(item_id).fadeIn();
		}
		return false;		
	};

	// show item-content of initially activated item (pageload)
	showItems(jQuery(".horizontal-slider .active"), item_class, items_div);
	// show item-conent of a clicked item
	jQuery(".horizontal-slider .item").click(function() {
        jQuery('.horizontal-slider .item').removeClass("active");
        jQuery(this).addClass("active");
		showItems(this);
	});
	
};

/* -------------------------------------------------------------
 * Generic Horizontal Slider with dynamic Content per AJAX
 * -------------------------------------------------------------
 * @param {String} slider_id	CSS ID of the slider div
 * @param (String) item_class	CSS classname of each slider item
 * @param (String) items_div	CSS classname pattern to match with item detail div
 * @param (String) items_div	CSS classname of each slider item detail div
 * @param (String) customfunc	(optional) custom function to be applied after each slider switch
 */
// Generic Horizontal Slider that shows dynamic content below the slider on Click
jQuery.fn.horizontalslider_dynamiccontent_ajax = function(slider_id, item_class, items_div, customfunc) {
	
	// Alle vorhandenen Scroller sonderbehandeln
	handlescrollerhorizontal(slider_id);
	
	var sliderobj = jQuery(slider_id);

	/* -------------------------- Items -------------------------- */
	// get classname of one item and show corresponding items div 
	showItems = function(selector) {

		var item_class_regex = new RegExp(item_class+'\\w*');
		var item = "."+jQuery(selector).attr("class").match(item_class_regex)[0];
		var string_id_ajax = jQuery(selector).attr("class").match(item_class_regex)[0];
		var item_ajax = string_id_ajax.substr(1,2);
		
		/* store active item class via data() */
		sliderobj.data('active_class',item);
		
		if (jQuery(item).length > 0) {
			
			/* Apply custom function */
			if (jQuery.isFunction(customfunc)) { customfunc(); }
			
			/* Load and show it */
			jQuery.get(array_face[item_ajax], function(text){
				var matches = text.match(/<!-- inner-content-start -->([\s\S]*?)<!-- inner-content-end -->/gi);
				//alert(matches[0]);
				if(matches[0])
					jQuery(".face-details").html(matches[0]);
			});
		}
		return false;
	};

	// show item-content of initially activated item (pageload)
	showItems(jQuery(".horizontal-slider .active"), item_class, items_div);
	// show item-content of a clicked item
	jQuery(".horizontal-slider .item").click(function() {
		jQuery('.horizontal-slider .item').removeClass("active");
		jQuery(this).addClass("active");
		showItems(this);
	});
	
};

/* -------------------------------------------------------------
 *	Vorwerk Worldwide: Functions to handle brands and countries
 * ------------------------------------------------------------- */
jQuery.fn.handleBrandCountries = function() {

	function toggleCountryGroup() {
		jQuery('.country-group').each(function() {
			var id = jQuery(this).parent().attr('id');
			var item_group = jQuery('#'+id);
			item_group.find('.country-group').each(function() {
				var $this = $(this);
				var count_items	= $this.find('ul li:visible').length;
				if (count_items == 0) {
					if (($this.is(':visible'))) { 
						$this.slideUp();
					} else if ($this.not(':visible')) {
						$this.slideDown();
					}
				}
			});
		});
	}
	
	jQuery('.filter input:checkbox').click(function() {
		var $this = jQuery(this);
		var radio_checked = $this.is(':checked');

		/* prevent unchecking both checkboxes */
		if (jQuery('.filter input:checkbox').not(':checked').length == 2) { return false; }

		var items = jQuery('.country-group ul li.'+$this.attr('class')).filter(function(index) {
			/* only grab items that contain 1 class-value (company|distributor)  */
			if (this.className.split(" ").length == 1) { return true; } else { return false; }
		});

		if (radio_checked) {
			items.fadeIn(function() { toggleCountryGroup(); });
		} else {
			items.fadeOut(function() { toggleCountryGroup(); });
		}
	});

}



/* -------------------------------------------------------------
 *	Vertical Slider
 * ------------------------------------------------------------- */
jQuery.fn.verticalslider = function() {

	// Alle vorhandenen Scroller sonderbehandeln
	handlescrollervertical("#tabnavslider");
	
	// link to href of h4
	jQuery('.vertical-slider .item').click(function() {
        jQuery('.vertical-slider .item').removeClass("active");
        jQuery(this).addClass("active");
		location.href = jQuery('h4 a',this).attr("href");
		return false;
	});

};

// Alle Scroller so umbl�ttern, das sie den aktuell aktivierten (geklickten) Wert anzeigen 
function handlescrollervertical(scrollervertical_select) {
	
	jQuery(scrollervertical_select).scrollable({
		keyboard: false,
		vertical: true,
		circular: false
	});
	
	if(myscrollervertical = jQuery(scrollervertical_select).data("scrollable")) {
		var pagenum=0;
		jQuery('.vertical-slider .page').each(function(c1, pagediv) {
			jQuery.each(pagediv.children, function(c2, itemdiv) {
			var found = itemdiv.className.search(/active/);
				if(found != -1) {
					pagenum=c1;
				}  	  
			});
		});
		myscrollervertical.move(pagenum, 0);
	}
  
};


/* -------------------------------------------------------------
 *	Scrollable Content
 * ------------------------------------------------------------- */
// Horizontal Slider that does not show any content below the Slider on Click
jQuery.fn.horizontalslider_noextracontent = function() {

	jQuery(".horizontal-content-slider").scrollable({
		keyboard: false,
		circular: false
	});

};


/* -------------------------------------------------------------
 *	Javascript IMG
 * ------------------------------------------------------------- */
var error="Il copyright di questa immagine appartiene a Vorwerk Folletto. Vi preghiamo di leggere i relativi avvertimenti."
function disableclick(e) {
if (document.all) {
  if (event.button==2||event.button==3) {
      if (event.srcElement.tagName=="IMG"){
      alert(error);
      return false;
      }
  }
}
else if (document.layers) {
    if (e.which == 3) {
    alert(clickmessage);
    return false;
    }
}
else if (document.getElementById){
    if (e.which==3&&e.target.tagName=="IMG"){
    alert(error)
    return false
    }
  }
}

function disqualify(){
  for(i=0;i<document.images.length;i++){
    document.images[i].onmousedown=disableclick;
  }
}

if (document.all){
document.onmousedown=disableclick
}
else if (document.getElementById){
document.onmouseup=disableclick
}
else if (document.layers){
  //disqualify()
}

/* Image animation */
function loopThroughImages(options){
	var imagecontainer = options.container;

	if(!imagecontainer.is('.animating')){	
		imagecontainer.addClass('animating')
		imagecontainer.attr('rel', options.count)
		
		var firstimage = imagecontainer.find('img')[0]
//		var speed = 900/imagecontainer.find('img').length;
		var speed = 100;
		function showPreviousImg(currImg){
			$(currImg).fadeIn(0).delay(speed).fadeOut(0,function(){
				if($(currImg).prev('img').length>0){			
					showPreviousImg($(currImg).prev('img'))
				}else{
					imagecontainer.attr('rel', parseInt(imagecontainer.attr('rel'))-1)
					if(imagecontainer.is('.mouseover') && parseInt(imagecontainer.attr('rel'))==0){
						imagecontainer.attr('rel', 1)
					} 
					if(parseInt(imagecontainer.attr('rel'))==0){
						$(currImg).fadeIn(0)
						imagecontainer.removeClass('animating')	
					}else{
						showNextImg($(currImg).next('img'))
					}
				}
		   })
		}
		
		function showNextImg(currImg){
			$(currImg).fadeIn(0).delay(speed).fadeOut(0,function(){
				if($(currImg).next('img').length>0){			
					showNextImg($(currImg).next('img'))
				}else{
					showPreviousImg($(currImg).prev('img'))
				}
		   })					
		}
		showNextImg(firstimage)
	}
}

jQuery.fn.animateImages = function() {
	$('.images.animated').each(function(i,presentation){
			
			var p = $(presentation)
			var pimgs = $(presentation).find('img');
			var loopindex = 0;
			var iteration = 0;
			var maxiterations =20;
			var initialanimation = true;
			var initialanimations = 3;
			var initialanimationCount = 0;
			
			if(!p.is('.initiated')){
				p.addClass('initiated')
				loopThroughImages({
					container: p,
					count: 3
				})
			}
			p.mouseenter(function(){
				p.addClass('mouseover')
				loopThroughImages({
					container: p,
					count: 1
				})
			})
			p.mouseleave(function(){
				p.removeClass('mouseover')
			})
		})
}

function localface_overview_pager(page) {
	
	var position_bg_0 = 0;
	var position_bg_1 = 0;
	var position_bg_2 = 0;
	var position_bg_3 = 0;
	var position_bg_4 = 0;
	
	switch(page) {
		
		case 0:		jQuery("#button-0").css({ backgroundPosition: "-23px 0px" });
					jQuery("#button-1").css({ backgroundPosition: "0px 0px" });
					jQuery("#button-2").css({ backgroundPosition: "0px 0px" });
					
					position_bg_0 = 0;
					position_bg_1 = 0;
					position_bg_2 = 0;
					position_bg_3 = 0;
					position_bg_4 = 0;
					
					jQuery("#localface-hover-face-0 h2").html(array_faces[0]["name"]);
					jQuery("#localface-hover-face-0 h3").html(array_faces[0]["text"]);
					jQuery("#localface-hover-face-0 .button-lookalike a").attr({'href' : array_faces[0]["link"]});
					
					jQuery("#localface-hover-face-1 h2").html(array_faces[1]["name"]);
					jQuery("#localface-hover-face-1 h3").html(array_faces[1]["text"]);
					jQuery("#localface-hover-face-1 .button-lookalike a").attr({'href' : array_faces[1]["link"]});
					
					jQuery("#localface-hover-face-2 h2").html(array_faces[2]["name"]);
					jQuery("#localface-hover-face-2 h3").html(array_faces[2]["text"]);
					jQuery("#localface-hover-face-2 .button-lookalike a").attr({'href' : array_faces[2]["link"]});
					
					jQuery("#localface-hover-face-3 h2").html(array_faces[3]["name"]);
					jQuery("#localface-hover-face-3 h3").html(array_faces[3]["text"]);
					jQuery("#localface-hover-face-3 .button-lookalike a").attr({'href' : array_faces[3]["link"]});
					
					jQuery("#localface-hover-face-4 h2").html(array_faces[4]["name"]);
					jQuery("#localface-hover-face-4 h3").html(array_faces[4]["text"]);
					jQuery("#localface-hover-face-4 .button-lookalike a").attr({'href' : array_faces[4]["link"]});
					
					break;
				
		case 1:		jQuery("#button-0").css({ backgroundPosition: "0px 0px" });
					jQuery("#button-1").css({ backgroundPosition: "-23px 0px" });
					jQuery("#button-2").css({ backgroundPosition: "0px 0px" });
					
					position_bg_0 = -570;
					position_bg_1 = -376;
					position_bg_2 = -283;
					position_bg_3 = -283;
					position_bg_4 = -376;
					
					jQuery("#localface-hover-face-0 h2").html(array_faces[5]["name"]);
					jQuery("#localface-hover-face-0 h3").html(array_faces[5]["text"]);
					jQuery("#localface-hover-face-0 .button-lookalike a").attr({'href' : array_faces[5]["link"]});
					
					jQuery("#localface-hover-face-1 h2").html(array_faces[6]["name"]);
					jQuery("#localface-hover-face-1 h3").html(array_faces[6]["text"]);
					jQuery("#localface-hover-face-1 .button-lookalike a").attr({'href' : array_faces[6]["link"]});
					
					jQuery("#localface-hover-face-2 h2").html(array_faces[7]["name"]);
					jQuery("#localface-hover-face-2 h3").html(array_faces[7]["text"]);
					jQuery("#localface-hover-face-2 .button-lookalike a").attr({'href' : array_faces[7]["link"]});
					
					jQuery("#localface-hover-face-3 h2").html(array_faces[8]["name"]);
					jQuery("#localface-hover-face-3 h3").html(array_faces[8]["text"]);
					jQuery("#localface-hover-face-3 .button-lookalike a").attr({'href' : array_faces[8]["link"]});
					
					jQuery("#localface-hover-face-4 h2").html(array_faces[9]["name"]);
					jQuery("#localface-hover-face-4 h3").html(array_faces[9]["text"]);
					jQuery("#localface-hover-face-4 .button-lookalike a").attr({'href' : array_faces[9]["link"]});
					
					break;
				
		case 2:		jQuery("#button-0").css({ backgroundPosition: "0px 0px" });
					jQuery("#button-1").css({ backgroundPosition: "0px 0px" });
					jQuery("#button-2").css({ backgroundPosition: "-23px 0px" });
					
					position_bg_0 = -1139;
					position_bg_1 = -752;
					position_bg_2 = -565;
					position_bg_3 = -565;
					position_bg_4 = -752;
					
					jQuery("#localface-hover-face-0 h2").html(array_faces[10]["name"]);
					jQuery("#localface-hover-face-0 h3").html(array_faces[10]["text"]);
					jQuery("#localface-hover-face-0 .button-lookalike a").attr({'href' : array_faces[10]["link"]});
					
					jQuery("#localface-hover-face-1 h2").html(array_faces[11]["name"]);
					jQuery("#localface-hover-face-1 h3").html(array_faces[11]["text"]);
					jQuery("#localface-hover-face-1 .button-lookalike a").attr({'href' : array_faces[11]["link"]});
					
					jQuery("#localface-hover-face-2 h2").html(array_faces[12]["name"]);
					jQuery("#localface-hover-face-2 h3").html(array_faces[12]["text"]);
					jQuery("#localface-hover-face-2 .button-lookalike a").attr({'href' : array_faces[12]["link"]});
					
					jQuery("#localface-hover-face-3 h2").html(array_faces[13]["name"]);
					jQuery("#localface-hover-face-3 h3").html(array_faces[13]["text"]);
					jQuery("#localface-hover-face-3 .button-lookalike a").attr({'href' : array_faces[13]["link"]});
					
					jQuery("#localface-hover-face-4 h2").html(array_faces[14]["name"]);
					jQuery("#localface-hover-face-4 h3").html(array_faces[14]["text"]);
					jQuery("#localface-hover-face-4 .button-lookalike a").attr({'href' : array_faces[14]["link"]});
					
					break;
	}
	
	jQuery("#localface-overview-face-0").animate({
		backgroundPosition: position_bg_0
	}, 1200);
	jQuery("#localface-overview-face-1").animate({
		backgroundPosition: position_bg_1
	}, 1200, function() {});
	jQuery("#localface-overview-face-2").animate({
		backgroundPosition: position_bg_2
	}, 1200, function() {});
	jQuery("#localface-overview-face-3").animate({
		backgroundPosition: position_bg_3
	}, 1200, function() {});
	jQuery("#localface-overview-face-4").animate({
		backgroundPosition: position_bg_4
	}, 1200, function() {});
}

jQuery.fn.localface_overview = function(canvas_class) {
	/* addendum: 09.02.2011 DFi binding to apply the button link to the entire container-div with the class "click-link" */
	jQuery(".click-link").click(function(){
		self.location.href = $(this).find('p.button-lookalike a').attr('href');
	});
	
	jQuery("." + canvas_class).each(function(c1, canvasdiv) {
		jQuery.each(canvasdiv.children, function(c2, itemdiv) {
			
			jQuery("#localface-overview-face-" + c2).mouseover(
				function () {
					jQuery("#localface-hover-face-" + c2).addClass('localface-hover-active');
				}
			);
			jQuery("#localface-overview-face-" + c2).mouseout(
				function () {
					jQuery("#localface-hover-face-" + c2).removeClass('localface-hover-active');
				}
			);
		});
	});
	localface_overview_pager(0);
	jQuery('.localface-overview-buttons span').each(function(i, b) {
		jQuery("#button-" + i).click(function() { localface_overview_pager(i); });
	});
};

/* tab dynamic enhancements */
jQuery.fn.initTabs = function() {
/*
	var curcontent= $('.content .inner-content').html();
	$('.content .inner-content').append(jQuery('<div class="stacked-content" rel="mega-tabs"><div class="stack ready initial active">'+  curcontent +'</div>'))
	$('.stacked-content').find('.initial').find('.product-presentation .images').removeClass('initiated').removeClass('animating')
	$('.stacked-content').find('.mega-tabs').remove()
	jQuery.fn.animateImages();
	jQuery.fn.imagegallery({autostart:true});
	$('.content .inner-content').children().each(function(i,el){
		if(!$(el).is('.stacked-content')){
			if($(el).find('.mega-tabs').length==0){
				$(el).remove()
			}
		}
	})

	jQuery('.mega-tabs a').each(function(i, tab){
		jQuery(tab).attr('rel',i)
		jQuery(tab).attr('rel',i)
		if(jQuery(tab).parents('li').is('.active')){
			jQuery(tab).addClass('initial')
			jQuery('.stacked-content').find('.initial').attr('rel',i)
		}else{
			jQuery('.stacked-content').append(jQuery('<div class="stack" rel="'+ i +'"></div>'))	
		}
		
		jQuery(tab).click(function(event){
								   
			event.preventDefault();
			var curtab = jQuery(this)
			jQuery('.mega-tabs li').removeClass('active')
			curtab.parents('li').addClass('active')
			
			var stacks = jQuery('.stacked-content');										  
			var stackcontainer = stacks.find('.stack[rel='+ curtab.attr('rel') +']');
			if(!stackcontainer.is('.ready')){
				stackcontainer.addClass('loading');
				jQuery.get(curtab.attr('href'), function(data) {
					stackcontainer.append(jQuery(data).find('.inner-content').children());
					stackcontainer.find('.mega-tabs').remove();
					jQuery.fn.animateImages();
					jQuery.fn.imagegallery({autostart:false});
 					stackcontainer.removeClass('loading');					
					stackcontainer.addClass('ready')
				});
			}
			
			stacks.find('.stack.active').removeClass('active');
			stackcontainer.addClass('active')
		})						  
	})
	
	jQuery('.mega-tabs a').each(function(i, tab){
		var curtab = jQuery(tab)
		var stacks = jQuery('.stacked-content');										  
		var stackcontainer = stacks.find('.stack[rel='+ curtab.attr('rel') +']');
		
		if(!stackcontainer.is('.ready')){	
			stackcontainer.addClass('loading');
			jQuery.get(curtab.attr('href'), function(data) {
					stackcontainer.append(jQuery(data).find('.inner-content').children());
					stackcontainer.find('.mega-tabs').remove();
					jQuery.fn.animateImages();
					jQuery.fn.imagegallery({autostart:false});
					stackcontainer.removeClass('loading');
					stackcontainer.addClass('ready')
			});
		}
	})
 */
}



