/*
 * @author: Klaus Baake
 * 
 * Verwaltung der Teaser der Startseite  
 */

var TeaserHandler = null ;

jQuery(function(){

    
	/*
    *************************************************************************************	
	* Hintergrund-Teasershow initialisieren
    ************************************************************************************* 	
	*/
	
    $("#main-teaser-1").css("z-index",2) ;
    $("#main-teaser-1").fadeTo(1,1) ;
	$("#main-teaser-1").addClass('teaser-active');         
	
    var main_teaser_count = $(".main-teaser" ).length ;
	
	if( main_teaser_count > 1 ) {
        var teaser_interval = 4;        	
        TeaserHandler = window.setInterval("changeMainTeaser()", teaser_interval*1000);
    }

    // Hover-Effekte für kleine Kategoriebilder
    $('.sub-teaser-effect').mouseover(function(){
        var element  = this.id;
        var id_array = element.split("-");
        var id       = id_array[2] ;     
        $("#sub-teaser-" + id ).addClass('hide') ;    
        $("#sub-teaser-" + id + "-hover" ).removeClass('hide') ;     

	});
    $('.sub-teaser-hover').mouseout(function(){
        var element  = this.id;
        var id_array = element.split("-");
        var id       = id_array[2] ;     
        $("#sub-teaser-" + id + "-hover" ).addClass('hide') ;    
        $("#sub-teaser-" + id ).removeClass('hide') ;     

	});

	// Customer öffnen im Header
	$("#header-cust").mouseover(function(){
	    $('#header-cust-box-login').removeClass('hide');
		$('#header-cust-box-welcome').removeClass('hide');		 
	});
	 
	//  Customer schliessen im Header
	$("#header-cust").mouseout(function(){
	     $('#header-cust-box-login').addClass('hide');
		 $('#header-cust-box-welcome').addClass('hide');		 
	});

    // Warenkorb öffnen im Header
    $("#header-cart").mouseover(function(){
        $('#header-cart-box').removeClass('hide');
    });

    // Warenkorb schliessen im Header
    $("#header-cart").mouseout(function(){
        $('#header-cart-box').addClass('hide');
    });

    // Popup-Menüs im Footer
	$('.footer-popup-menu-link').mouseover(function(){
        var id = this.id;
        var pos = id.replace(/footer-popup-menu-link-/,'');
		$('#footer-popup-menu-' + pos ).removeClass('hide') ;
	});
	 
	$('.footer-popup-menu').mouseout(function(){
		$('.footer-popup-menu').addClass('hide') ;		 
	});
    
});  // Ende document.ready


// Wechsel der Hintergrund-Teaser 
function changeMainTeaser() {
    var main_teaser_count = $(".main-teaser" ).length ;
    var fadingTime     = 1500; 
    var maxMainScreens = main_teaser_count;
    var activeClass    = $('.teaser-active').attr('id') ;
    var id_array       = activeClass.split("-");
    var id             = parseInt( id_array[2] ) ;

    id += 1 ;
    if ( id > maxMainScreens ) {
       id = 1 ;
    }
    if ( id < 1 ) {
       id = maxMainScreens ;
    }
 
    $("#" + activeClass ).fadeTo(fadingTime,0);
    $("#" + activeClass ).removeClass('teaser-active');
    $("#" + activeClass ).css( "z-index", 1 ) ;
    
    $("#main-teaser-" + id  ).css( "z-index", 2 ) ;
    $("#main-teaser-" + id ).fadeTo(fadingTime,1) ;
    $("#main-teaser-" + id ).addClass('teaser-active');         
                                 
}