// Cufon
// Startseite Untertitel
Cufon.replace('.contentbox h2', { fontFamily: 'ThesisSansBoldCaps' });
// Unterseite Titel
Cufon.replace('.contentleft h1', { fontFamily: 'ThesisSansBoldPlain' });
// Unterseite Teasertitel
Cufon.replace('.teaser h3', { fontFamily: 'ThesisSansBoldCaps' });
//Cufon.replace('#servicenav a', { fontFamily: 'ThesisSansPlain', hover: true });
// Unterseite Winzerteaser
Cufon.replace('.teaserwinzer .teaserwinzer2', { fontFamily: 'ThesisSansBoldCaps' });

function popUp(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=272,height=310,left=100,top=50');");
}


function theRotator() {
	// Rotator nur laufen lassen, wenn ein Teaserbild vorhanden (Abfrage speziell für Shop)
	if(jQuery('div.teaserbild ul li') != null && jQuery('div.teaserbild ul li') != undefined){
		//Set the opacity of all images to 0
		jQuery('div.teaserbild ul li').css({opacity: 0.0});
		
		//Get the first image and display it (gets set to full opacity)
		jQuery('div.teaserbild ul li:first').css({opacity: 1.0});
			
		//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
		setInterval('rotate()', 6000);
	}
	
}

function rotate() {	
	//Get the first image
	var current = (jQuery('div.teaserbild ul li.show')?  jQuery('div.teaserbild ul li.show') : jQuery('div.teaserbild ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? jQuery('div.teaserbild ul li:first') :current.next()) : jQuery('div.teaserbild ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 4000);

	//Hide the current image
	current.animate({opacity: 0.0}, 4000)
	.removeClass('show');
	
};

var cartIsAnimating = false;

function openTop(el){
	el.animate({
		opacity: 0.9,
		height: 'toggle'
	}, {duration: 'slow', easing: "swing"});
}

function closeTop(el){
	if (!el.is(":hidden")) {
		el.animate({
			opacity: 0,
			height: 'toggle'
		}, {duration: '5', easing: "swing"});
	}
}

function popupShoppingCart(){
	cartIsAnimating = true;
	jQuery( "#topcartouter" ).animate({
		opacity: 0.9,
		height: 'toggle'
	}, {duration: 'slow', easing: "swing"}).
	delay(2000).
	animate({
		opacity: 0,
		height: 'toggle'
	}, {duration: '5', easing: "swing", complete: function(){ cartIsAnimating = false; }});
}
 
function bindcart() {
    // rebind events
    jQuery( "#shopnavwarenkorb" ).click(function() {
	if(!cartIsAnimating){
		if (jQuery("#topcartouter:first").is(":hidden")) {
		  openTop(jQuery( "#topcartouter" ));
		  closeTop(jQuery( "#topcustouter" ));
		  closeTop(jQuery( "#topwishouter" ));
		  
		  jQuery(this).addClass('expanded').removeClass('collapsed').removeClass('collapsedDark');
		  jQuery('#shopnavkonto').addClass('collapsedDark').removeClass('expanded').removeClass('collapsed');
		  jQuery('#shopnavwunschliste').addClass('collapsedDark').removeClass('expanded').removeClass('collapsed');
		  
		  jQuery('.topcartbottomnavi').addClass('expanded').removeClass('collapsed');
		  
		} else {
		  closeTop(jQuery( "#topcartouter" ));
		  jQuery(this).addClass('collapsed').removeClass('expanded');
		  jQuery('#shopnavkonto').addClass('collapsed').removeClass('collapsedDark');
		  jQuery('#shopnavwunschliste').addClass('collapsed').removeClass('collapsedDark');
		  
		  jQuery('#topcartouter.bottomnavi').addClass('collapsed').removeClass('expanded');
		}
		return false;
	}
  });
}
function bindcustomer() {
    jQuery( "#shopnavkonto" ).click(function() {
	if(!cartIsAnimating){
		if (jQuery("#topcustouter:first").is(":hidden")) {
		  openTop(jQuery( "#topcustouter" ));
		  closeTop(jQuery( "#topcartouter" ));
		  closeTop(jQuery( "#topwishouter" ));
		  jQuery(this).addClass('expanded').removeClass('collapsed').removeClass('collapsedDark');
		  jQuery('#shopnavwarenkorb').addClass('collapsedDark').removeClass('expanded').removeClass('collapsed');
		  jQuery('#shopnavwunschliste').addClass('collapsedDark').removeClass('expanded').removeClass('collapsed');
		  
		  jQuery('.topcustbottomnavi').addClass('expanded').removeClass('collapsed');
		  
		} else {
		  closeTop(jQuery( "#topcustouter" ));
		  jQuery(this).addClass('collapsed').removeClass('expanded');
		  jQuery('#shopnavwarenkorb').addClass('collapsed').removeClass('collapsedDark');
		  jQuery('#shopnavwunschliste').addClass('collapsed').removeClass('collapsedDark');
		  
		  jQuery('#topcustouter.bottomnavi').addClass('collapsed').removeClass('expanded');
		}
		return false;
	}
  });

}
function bindwish(){
    jQuery( "#shopnavwunschliste" ).click(function() {
	if(!cartIsAnimating){
		if (jQuery("#topwishouter:first").is(":hidden")) {
		  openTop(jQuery( "#topwishouter" ));
		  closeTop(jQuery( "#topcartouter" ));
		  closeTop(jQuery( "#topcustouter" ));
		  jQuery(this).addClass('expanded').removeClass('collapsed').removeClass('collapsedDark');
		  jQuery('#shopnavwarenkorb').addClass('collapsedDark').removeClass('expanded').removeClass('collapsed');
		  jQuery('#shopnavkonto').addClass('collapsedDark').removeClass('expanded').removeClass('collapsed');
		  
		  jQuery('.topwishbottomnavi').addClass('expanded').removeClass('collapsed');
		  
		} else {
		  closeTop(jQuery( "#topwishouter" ));
		  jQuery(this).addClass('collapsed').removeClass('expanded');
		  jQuery('#shopnavwarenkorb').addClass('collapsed').removeClass('collapsedDark');
		  jQuery('#shopnavkonto').addClass('collapsed').removeClass('collapsedDark');
		  
		  jQuery('#topwishouter.bottomnavi').addClass('collapsed').removeClass('expanded');
		}
		return false;
	}
  });
}

jQuery(document).ready(function() {
	// Bildrotator
	theRotator();
	
	jQuery(document).keyup(function(e) {
		// esc - Key
		if (e.keyCode == 27 && !cartIsAnimating) {
			closeTop(jQuery( "#topcartouter" ));
			closeTop(jQuery( "#topcustouter" ));
			closeTop(jQuery( "#topwishouter" ));
			jQuery('#shopnavwarenkorb').addClass('collapsed').removeClass('expanded');
			jQuery('#shopnavkonto').addClass('collapsed').removeClass('expanded');
			jQuery('#shopnavwunschliste').addClass('collapsed').removeClass('expanded');
		}   
	});
	
	// Testen ob Magento JS vorhanden ist.
	var istypo3=(!window.Varien);
	
	if(istypo3) {
		// Topnav per AJAX Laden
		var timestamp = new Date().getTime();
		$.get('/typo3conf/ext/next_magento/ajax.php?ts='+timestamp, function(data){
			var mysplit = data.split('####')
			
			$('#topnavleft').html(mysplit[2]);
			$('#topcuststart').html(mysplit[0]);
			$('#topcartstart').html(mysplit[1]);
			
			bindcustomer();
			bindcart();
			bindwish();
		});
	} else {
		// Topnav Events binden
		bindcustomer();
		bindcart();
		bindwish();
	}

	jQuery('.button_close').click(function(){
		if(!cartIsAnimating){
			closeTop(jQuery( "#topcartouter" ));
			jQuery('#shopnavwarenkorb').addClass('collapsed').removeClass('expanded');
			closeTop(jQuery( "#topcustouter" ));
			jQuery('#shopnavkonto').addClass('collapsed').removeClass('expanded');
			closeTop(jQuery( "#topwishouter" ));
			jQuery('#shopnavwunschliste').addClass('collapsed').removeClass('expanded');
		}		
		return false;
	});	
	
	// Detailansicht - Tabs: Cufon Refresh
	jQuery('#tabs').bind('tabsshow', function() {
		Cufon.refresh('#tabs div.shopdetnav ul li a');
	});
	
	// Mitarbeiter
	jQuery('.mitarbeiter').click(function() {
	
		// Klick auf bereits geöffneten Mitarbeiter ignorieren
		if( !jQuery(this).hasClass('active') ) {
			jQuery('.mitarbeitergruppe').find('.mitarbeiter').removeClass('active');
		}
	
		var htmlStr = jQuery(this).children('.lang').clone();
		var htmlStr = jQuery(htmlStr);
	
		// Gibt's irgendwo einen Mitarbeiter zum schliessen? (nicht schliessen, wenn in der selben Reihe)
		if( ( jQuery(this).closest('.mitarbeitergruppe').find('.mitarbeiterdetails').hasClass('visible') ) ) {
			// Inhalt nur tauschen
			if( !jQuery(this).hasClass('active') ) {
			
				jQuery(this).addClass('active');
				
				jQuery('.mitarbeiterdetails').children('.detailscontainer').fadeOut('slow', function(){
				
					jQuery(this).html( htmlStr );
					jQuery(this).fadeIn();
				
				});
				
			}
			
		} else {
			// Detailbox schliessen
			jQuery('.mitarbeiterdetails').removeClass('visible').slideUp();
		}
		
		if( jQuery(this).closest('.mitarbeitergruppe').find('.mitarbeiterdetails').hasClass('visible') ) {
			// Inhalt setzen ohne Slidedown
			jQuery(this).addClass('active');
		} else {
			// Inhalt setzen mit Slidedown
			jQuery(this).addClass('active');
			jQuery(this).closest('.mitarbeitergruppe').find('.mitarbeiterdetails').children('.detailscontainer').html( htmlStr );
			jQuery(this).closest('.mitarbeitergruppe').find('.mitarbeiterdetails').slideDown('slow').addClass('visible');
			jQuery.scrollTo(jQuery(this).closest('.mitarbeitergruppe').find('.mitarbeiterdetails'), 1000, {offset: -420});
		}
		
	});
	
	jQuery('.mitarbeiterdetails .button-close').click(function() {
		jQuery(this).parents('.mitarbeitergruppe').find('.mitarbeiter').removeClass('active');
		jQuery('.mitarbeiterdetails').removeClass('visible').slideUp();
	});
	
	// Mobile Devices
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/Android/i))) {
		jQuery('#quicklinks-footer').css('position', 'static');
	}

});