var size_closed=0;
var size_open=0;
var running=false;

var size_closed2=0;
var size_open2=300;

var size_closed3=0;
var size_open3=250;

var running2=false;


var speed=300;
var marginloaded=0;

function str_replace(search, replace, subject) {
	return subject.split(search).join(replace);
}

$(document).ready(function() {
	



	
	var sprach_offset=0;
	if($('#langversion').html() == "de")
		sprach_offset=4;
	else
		sprach_offset=1;
	
   // Header slideshow
   $("#slideshow").css("overflow", "hidden");
   
   
	//Original values for speed:3000 , delay:6000  , timeout: 8000
   if(jQuery("ul#slides").length > 0)
   $("ul#slides").cycle({
		fx: 'fade',
		pause: 1,
		speed:         1000,
		delay:         1000,
		timeout:       4000
	});
   
   

   
	$("a.popup").fancybox({
		'width'				: 1000,
		'height'			: 600,
        'autoScale'     	: false,
        'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'overlayColor'		: '#999999',
		'overlayOpacity'	: '0.6',
		'type'				: 'iframe',
		'showCloseButton'	: false
	});
	
   $(".btnlink").each(function(i) {
		 $(this).click(function() {
			 if($(this).find("a").attr("href")!="")
				 window.location.href = $(this).find("a").attr("href");
		 });
	});	
   
   
   
   
   $(".accordion_item").each(function(i) {
	   if($(this).hasClass("closed"))
		   size_closed=$(this).height();
	   else
		   size_open=$(this).height();
	});	   
	$(".accordion_item").click(function() {
	   if(!running)
		   accordion_toogle($(this));
	});

	
	
   $(".accordion_item2").each(function(i) {
	   if($(this).hasClass("closed"))
		   size_closed2=$(this).height();
	   else
		   size_open2=$(this).height();
	});	   
	$(".accordion_item2").click(function() {
	   if(!running)
		   accordion_toogle2($(this));
	});
	
   $(".accordion_item3").each(function(i) {
	   if($(this).hasClass("closed"))
		   size_closed3=$(this).height();
	   else
		   size_open3=$(this).height();
	});	   
	$(".accordion_item3").click(function() {
	   if(!running)
		   accordion_toogle3($(this));
	});
	
	$('a.zoomer').fancybox({
		'width'				: 500,
		'height'			: 500,
      'autoScale'     	: false,
      'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'overlayColor'		: '#999999',
		'overlayOpacity'	: '0.6'
	});
	
	// tn big
   $(".p7").each(function(i) {
		 $(this).click(function() {
			 var link = $(this).attr("src2");
			 link =  link.substring(0, link.length-5) +'1.jpg';
			 $(".detail_big").attr("src",link);
			 link =  link.substring(0, link.length-5) +'0.jpg';
			 $(".detail_big").parent().attr("href",link);
		 });
	});	
   
   
	$('.select_smalllong').easySelectBox( );
	$('.select_small').easySelectBox( {className: 'select_small'} );
	$('.select_big').easySelectBox( {className: 'select_big'} );
	$('.select_biglong').easySelectBox( {className: 'select_biglong'} );
	$('.select_bigsmall').easySelectBox( {className: 'select_bigsmall'} );
	$('.contact_form select').easySelectBox( {className: 'select_big280'} );
	
	$('.packageselect select').easySelectBox( {className: 'select_package'} );

	
	  $('.select_small ul li a').click(function() {
			if($(this).attr('rel') != '') {
				$(this).parent().parent().parent().parent().find(".auto_submit").val( jQuery.trim($(this).text()) ); 
				$(this).parent().parent().parent().parent().find(".auto_submit").change();
			}
		  });
	  $('.select_biglong ul li a').click(function() {
			if($(this).attr('rel') != '') {
				$("#register_personal_customer_type").val( jQuery.trim($(this).attr('rel')) ); 
				$("#register_personal_customer_type").change();
				
				
			}
		  });
	  
	  
	  //autoklick selectbox detailseite
	  
	  $('.select_package ul li a').click(function() {
			if($(this).attr('rel') != '') {
				var ordernumber = jQuery.trim($(this).attr('rel'));
				if(ordernumber) {
					ordernumber = ordernumber.replace(/\./g, '\\.');
				}
				// Change informations
				$('#article_details').html($('#' + ordernumber).html());
				//Set basket button to active
				$('#TPbasketButton').css('opacity', '1.0');
				$('#TPbasketButton_de').css('opacity', '1.0');
				
				$('#TPbasketButton').css('cursor', 'pointer');
				$('#TPbasketButton_de').css('cursor', 'pointer');
				
				$('#TPbasketButton').removeAttr('disabled');
				$('#TPbasketButton_de').removeAttr('disabled');
				
	
				
			}else{
				$('#TPbasketButton').css('opacity', '0.5');
				$('#TPbasketButton_de').css('opacity', '0.5');
				
				$('#TPbasketButton').css('cursor', 'default');
				$('#TPbasketButton_de').css('cursor', 'default');
				
				$('#TPbasketButton').attr('disabled', 'disabled');
				$('#TPbasketButton_de').attr('disabled','disabled');
				
			}
		  });
	  
	  // steht fuer select_smalllong
	  $('.easy-select-box ul li a').click(function() {
		  	if($(this).attr('rel') != '') {
		  		
				$("#basket_country_list").val( jQuery.trim($(this).attr('rel')) ); 
				$("#basket_country_list").change();
				//$(this).parent().parent().parent().parent().find(".auto_submit").val( jQuery.trim($(this).text()) ); 
				//$(this).parent().parent().parent().parent().find(".auto_submit").change();
			}
		  });	  
	  
	
	
	$("#btn_show_review").click(function() {
		$("#tp_reviewbox").slideDown("slow");
	});
	
	
	
	
   // Header types of tea

   $("#slideshow_tts").css("overflow", "hidden");
   if(jQuery("ul#slides_tts").length > 0)
   $("ul#slides_tts").cycle({
		fx: 'fade',
		pause: 1,
		speed:         3000,
		delay:         3000,
		timeout:       3000
	});

   

   $('.dropzone2').mouseenter(function() {
		p = $(this).offset();
		
		
		$('.dropdown1').hide();
		$('.dropdown3').hide();
		$('.dropdown4').hide();
		$('.dropdown2').show();

		btn_width = $(this).css('width');
		btn_width = str_replace("px","",btn_width);
		if(btn_width=="auto"){
			btn_width = $(this).width();		
		}
		
		btn_width = Number(btn_width);
		btn_width = Math.round(btn_width);

		pos_left = Math.round(p.left);

		$('.dropdown2').offset({ top: Math.round(p.top) - 1, left: Math.round(p.left) -sprach_offset });
		
		
		btn_width = $('.dropdown2 .box.nobottom').css('width');
		if(btn_width=="auto")
			btn_width = $('.dropdown2 .box.nobottom').width();

		$('.dropdown2 .box.notop').css( { 'backgroundPosition' : btn_width + ' top'} );
		btn_width2 = $(this).width();
		
		margin_old = $('.dropdown2 ul.liste li').css('marginRight');
		margin_old= str_replace("px","",margin_old);
		margin_old = Number(margin_old);
		
		$('#outh').show();
		$('#outh').offset({ top: Math.round(p.top) - 1, left: Math.round(p.left) + btn_width2 + margin_old+margin_old });
		$('#outh').width( $('.dropdown2').width() );		

	});
	$('.dropdown2').mouseleave(function() {
		$('.dropdown2').hide();
		$('#outh').hide();
	});
	
	
	
	$('.dropzone1').mouseenter(function() {
		
		$('.dropdown2').hide();
		$('.dropdown3').hide();
		$('.dropdown4').hide();
		
		p_menu = $('.topmenu .container').offset();
		p_button = $(this).offset();
		differ = Math.round(p_button.left) - Math.round(p_menu.left);
		margin_old = $('.dropdown1 ul.liste li').css('marginRight');
		margin_old= str_replace("px","",margin_old);
		margin_old = Number(margin_old);
		margin_new = margin_old + differ -sprach_offset
		margin_new = margin_new +'px';
		if(marginloaded==0){
		$('.dropdown1 ul.liste li').css({marginLeft: margin_new});
		$('.dropdown1 ul.liste li').css({marginRight: margin_new});
		}marginloaded++;
		$('.dropdown1').show();
		$('.dropdown1').offset({ top: Math.round(p_button.top) - 1, left: Math.round(p_button.left) -differ });
		btn_width = $('.dropdown1 .box.nobottom').css('width');
		if(btn_width=="auto")
			btn_width = $('.dropdown1 .box.nobottom').width();

		$('.dropdown1 .box.notop').css( { 'backgroundPosition' : btn_width + ' top'} );
		
		btn_pos = Math.round(p_button.left);
		
		btn_width2 = $(this).width();
		
		$('#outh').show();
		$('#outh').offset({ top: Math.round(p_button.top) - 1, left: btn_pos + btn_width2 +margin_old+margin_old });
		$('#outh').width( $('.dropdown1').width() );
		
		
		
		
	});

	$('.dropdown1').mouseleave(function() {
		$('.dropdown1').hide();
		$('#outh').hide();
	});   
   
	
	 
	$('.drop_item').mouseenter(function() {
		$(this).addClass("hover");
	});
	$('.drop_item').mouseleave(function() {
		$(this).removeClass("hover");
	});
	
	$(".drop_item").each(function(i) {
		 $(this).click(function() {
			 if($(this).find("a").attr("href")!="")
				 window.location.href = $(this).find("a").attr("href");
		 });
	});
	
	
	
	$('.dropzone3').mouseenter(function() {
		p = $(this).offset();
		
		$('.dropdown1').hide();
		$('.dropdown2').hide();
		$('.dropdown4').hide();
		$('.dropdown3').show();

		btn_width = $(this).css('width');
		btn_width = str_replace("px","",btn_width);
		if(btn_width=="auto"){
			btn_width = $(this).width();		
		}
		
		btn_width = Number(btn_width);
		btn_width = Math.round(btn_width);

		pos_left = Math.round(p.left);

		$('.dropdown3').offset({ top: Math.round(p.top) - 1, left: Math.round(p.left) -sprach_offset });
		
		
		btn_width = $('.dropdown3 .box.nobottom').css('width');
		if(btn_width=="auto")
			btn_width = $('.dropdown3 .box.nobottom').width();

		$('.dropdown3 .box.notop').css( { 'backgroundPosition' : btn_width + ' top'} );
		btn_width2 = $(this).width();
		
		margin_old = $('.dropdown3 ul.liste li').css('marginRight');
		margin_old= str_replace("px","",margin_old);
		margin_old = Number(margin_old);
		
		$('#outh').show();
		$('#outh').offset({ top: Math.round(p.top) - 1, left: Math.round(p.left) + btn_width2 + margin_old+margin_old });
		$('#outh').width( $('.dropdown3').width() );		
	});
	$('.dropdown3').mouseleave(function() {
		$('.dropdown3').hide();
		$('#outh').hide();
	});  
	
	
	
	

	$('.dropzone4').mouseenter(function() {
		p = $(this).offset();
		
		$('.dropdown1').hide();
		$('.dropdown2').hide();
		$('.dropdown3').hide();
		$('.dropdown4').show();

		btn_width = $(this).css('width');
		btn_width = str_replace("px","",btn_width);
		if(btn_width=="auto"){
			btn_width = $(this).width();		
		}
		
		btn_width = Number(btn_width);
		btn_width = Math.round(btn_width);

		pos_left = Math.round(p.left);

		$('.dropdown4').offset({ top: Math.round(p.top) - 1, left: Math.round(p.left) -sprach_offset });
		
		
		btn_width = $('.dropdown4 .box.nobottom').css('width');
		if(btn_width=="auto")
			btn_width = $('.dropdown4 .box.nobottom').width();

		$('.dropdown4 .box.notop').css( { 'backgroundPosition' : btn_width + ' top'} );
		btn_width2 = $(this).width();
		
		margin_old = $('.dropdown4 ul.liste li').css('marginRight');
		margin_old= str_replace("px","",margin_old);
		margin_old = Number(margin_old);
		
		$('#outh').show();
		$('#outh').offset({ top: Math.round(p.top) - 1, left: Math.round(p.left) + btn_width2 + margin_old+margin_old });
		$('#outh').width( $('.dropdown4').width() );		
	});
	$('.dropdown4').mouseleave(function() {
		$('.dropdown4').hide();
		$('#outh').hide();
	});  

	
   
});



function accordion_toogle(Obj){
	var same_item=false;
	// close other
   $(".accordion_item").each(function(i) {
	   if( $(this).height() == size_open){

		   
		   if(Obj.text() == $(this).text())
			   same_item=true;
		   else{
			   $(this).animate({ height: size_closed+"px" }, speed );
			   $(this).addClass("closed");
		   }
	   }
   });	   	
	
   	if(!same_item)
	if(Obj.height()==size_closed){
		running=true;
		Obj.animate({
			  height: size_open+"px"
			  }, speed, function() {
				  running=false;
			  });

		Obj.removeClass("closed");
	}
   	if(!same_item)
	if(Obj.height()==size_open){
		running=true;
		Obj.animate({
			  height: size_closed+"px"
			  }, speed, function() {
				  running=false;
			  });		
		Obj.addClass("closed");
	}
}


function accordion_toogle2(Obj){
	
	var same_item=false;
	// close other
   $(".accordion_item2").each(function(i) {
	   if( $(this).height() == size_open2){
		   if(Obj.text() == $(this).text())
			   same_item=true;
		   else{
			   $(this).animate({ height: size_closed2+"px" }, speed );
			   $(this).addClass("closed");
		   }
	   }
   });	   	
	if(Obj.height()==size_closed2){
		running=true;
		Obj.animate({
			  height: size_open2+"px"
			  }, speed, function() {
				  running=false;
			  });
		Obj.removeClass("closed");
	}
	if(Obj.height()==size_open2){
		running=true;
		Obj.animate({
			  height: size_closed2+"px"
			  }, speed, function() {
				  running=false;
			  });		
		Obj.addClass("closed");
	}
}



function accordion_toogle3(Obj){
	
	var same_item=false;
	// close other
   $(".accordion_item3").each(function(i) {
	   if( $(this).height() == size_open3){
		   if(Obj.text() == $(this).text())
			   same_item=true;
		   else{
			   $(this).animate({ height: size_closed3+"px" }, speed );
			   $(this).addClass("closed");
		   }
	   }
   });	   	
	if(Obj.height()==size_closed3){
		running=true;
		Obj.animate({
			  height: size_open3+"px"
			  }, speed, function() {
				  running=false;
			  });
		Obj.removeClass("closed");
	}
	if(Obj.height()==size_open3){
		running=true;
		Obj.animate({
			  height: size_closed3+"px"
			  }, speed, function() {
				  running=false;
			  });		
		Obj.addClass("closed");
	}
}


function soon(str){

	var content = $("#popupsooncontent").html();
	
	content = str_replace("@@",str, content);
	
	$.fancybox(
			content,
			{
        		'autoDimensions'	: false,
				'width'         	: '250',
				'height'        	: '150',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'overlayColor'		: '#999999',
				'overlayOpacity'	: '0.6',
				'showCloseButton'	: false,
				'scrolling'			: 'no'

										
			}
		);

	
}




function focusInput(el, value) {
	if (el.value == value) {
		el.value = '';
	}
}

function blurInput(el, value) {
	if (el.value == '') {
		el.value = value;
	}
}


function fbPopup(str){

	var content = $("#popupFBcontent").html();
	$.fancybox(
			content,
			{
        		'autoDimensions'	: false,
				'width'         	: '450',
				'height'        	: '280',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'overlayColor'		: '#999999',
				'overlayOpacity'	: '0.6',
				'showCloseButton'	: false,
				'scrolling'			: 'no'

										
			}
		);

	
}