/*

	function library

*/


jQuery.noConflict();

var old_field;

//path to the new stylesheet
var myStylesLocationAnfahrt = 'fileadmin/templates/css/_sketch_print.css';
var myStylesLocationLeaflet = 'fileadmin/templates/css/_leaflet_print.css';

///////////////////////////////////
//print anfahrtsskizze && leaflet functions
function showAnfahrt(el)
{
	if(jQuery('body > div.layerAnfahrt').length > 0)
	{
		jQuery('body > div.layerAnfahrt').remove();
	}
	jQuery(el).siblings('.layerAnfahrt').clone().appendTo("body").addClass('layerClone');
	jQuery(el).parent().parent().clone().appendTo(jQuery('body > div.layerAnfahrt'));
	// jQuery(el).siblings('.layerAnfahrt').remove();
	jQuery('body > div.layerAnfahrt').css('display','block');
}

function closeAnfahrt()
{
	jQuery('body > div.layerAnfahrt').css('display','none');
	// jQuery('body .layerAnfahrt').clone().appendTo(".anfahrt");
	jQuery('body > div.layerAnfahrt').remove();
	jQuery('head #print_sketch').remove();
}

function printAnfahrt()
{
	jQuery('<link rel="stylesheet" type="text/css" id="print_sketch" href="'+myStylesLocationAnfahrt+'" media="print" />')
	.appendTo("head");
	//window.print();
}


///////////////////////////////////
// history functions
var myLeftStep = 109;
function timelineStepLeft(el){
	
	var myLi = jQuery('.tx-timeline-pi1-list');
	var myLeft = parseInt(jQuery('.tx-timeline-pi1-list').css('left'));
	var mytimelineUid = jQuery('#timelineHidden').val();
	if(jQuery('.tx-timeline-pi1-list li').length < 6){
			if(mytimelineUid != ""){
				if(mytimelineUid > 1){
					//location.replace((jQuery('.tx-timeline-pi1-list li').eq(mytimelineUid-2).children('a').attr('href')));
					jQuery(el).attr('href',jQuery('.tx-timeline-pi1-list li').eq(mytimelineUid-2).children('a').attr('href'));
				}
			}
	}else{
		if(myLeft < 0){
			myLi.animate({
					 'left':(myLeft+myLeftStep)+'px'
					 });
			jQuery('.timelinePage').attr('value',((myLeft+myLeftStep)*(-1)/myLeftStep));
		}		
	}
}
function timelineStepRight(el){
	var myLi = jQuery('.tx-timeline-pi1-list');
	var myLeft = parseInt(jQuery('.tx-timeline-pi1-list').css('left'));
	var mytimelineUid = jQuery('#timelineHidden').val();
	if(jQuery('.tx-timeline-pi1-list li').length < 6){
		if(mytimelineUid < 5){
			//alert(jQuery('.tx-timeline-pi1-list li').eq(mytimelineUid).children('a').attr('href'));
			//location.replace(jQuery('.tx-timeline-pi1-list li').eq(mytimelineUid).children('a').attr('href'));
			jQuery(el).attr('href',jQuery('.tx-timeline-pi1-list li').eq(mytimelineUid).children('a').attr('href'));
		}
	 	if(mytimelineUid == ""){
				//location.replace(jQuery('.tx-timeline-pi1-list li').eq(1).children('a').attr('href'));
				jQuery(el).attr('href',jQuery('.tx-timeline-pi1-list li').eq(1).children('a').attr('href'));
		}
	}else{
		if( myLeft > (((jQuery('.tx-timeline-pi1-list li').length)-5)*myLeftStep)*(-1)){
			myLi.animate({
						 'left':(myLeft-myLeftStep)+'px'
						 });
			jQuery('.timelinePage').attr('value',((myLeft-myLeftStep)*(-1)/myLeftStep));
		}
	}
}
function timelineSetDefault(){
	// breite der box anpassen
	//jQuery('.tx-timeline-pi1-listWrapper').css('width',(myLeftStep*jQuery('.tx-timeline-pi1-list li').length)+1);
	/*if(jQuery('.tx-timeline-pi1-list li').length < 6){
		jQuery('.timelineLink').hide();
	}*/
	jQuery('.tx-timeline-pi1-list').css('width',(myLeftStep*jQuery('.tx-timeline-pi1-list li').length));
	var mytimelineUid = jQuery('#timelineHidden').val();
	jQuery('.tx-timeline-pi1-list').css('left',function(){
												if(mytimelineUid > 5){
													return ((mytimelineUid-5)*myLeftStep)*(-1)+'px';
												}else{
													return '0px';
												}
											});
}
///////////////////////////////////
// Leaflet functions
///////////////////////////////////
// Leaflet functions
function showLeaflet(){

	jQuery('<div class="leafletOverlay" onclick="closeLeaflet();"></div>').appendTo("body");
	jQuery('<div class="leafletBox" ><div class="layerLeaflet"></div></div>').appendTo("body");
	
//	jQuery('.content .layerLeaflet').clone().appendTo('.leafletBox');
	jQuery('.leafletBox .layerLeaflet').html(jQuery('.content .layerLeaflet').html());
	jQuery('.content .layerLeaflet').remove();
    jQuery('.leafletOverlay').css('display','block');
  //  jQuery('.leafletBox').css('display','block');
	jQuery('.leafletBox .layerLeaflet').css('display','block');
	
	//alle leaflet items clonen und auf den printlayer legen
	jQuery('div.content .leaflet-item').clone().appendTo('div.leafletBox .layerLeaflet');
	// Link und delete Button im Printlayer ausblenden
	jQuery('div.leafletBox .layerLeaflet .leaflet-item .artikelLink').hide();
	jQuery('div.leafletBox .layerLeaflet .leaflet-item .leaflet-delete').hide();

	
	if(window.innerHeight > (jQuery('.mainCol').height()+140))
	{
		var myHeight = window.innerHeight;}else {
		var myHeight = (jQuery('.mainCol').height()+140);
	}
	jQuery('.leafletOverlay').css('height',myHeight);


		
		//put the values from leaflet to the print layer
	   var myOrderIdsSplit = jQuery('#order_ids').val().split(',');
		for(var x = 0;x <= myOrderIdsSplit.length;x++){
			var myValue = jQuery('form #leaflet-anfrage-'+myOrderIdsSplit[x]+'-input').val();
			jQuery('div.leafletBox .layerLeaflet #leaflet-anfrage-'+myOrderIdsSplit[x]+'-input').attr('value',myValue);
			}//for loop end

}
function closeLeaflet(){
	jQuery('.leafletBox .layerLeaflet').css('display','none');
	//jQuery('.leafletBox .layerLeaflet').fadeOut('slow',function()
	//{
		// noch die leaflet items im layer zerst�ren
	jQuery('.leafletBox .layerLeaflet .leaflet-item').remove();
		
	//div im content anlegen
	jQuery('.<div class="layerLeaflet"></div>').prependTo('.content');
	//restlichen content vom alyer dahin kopieren
	jQuery('.content .layerLeaflet').html(jQuery('.leafletBox .layerLeaflet').html());
			
	//jQuery('#mainCol').css('overflow','hidden');
	//	jQuery('body .leafletOverlay').fadeOut('slow',function()
	//	{
			jQuery('head #print_leaflet').remove();
			jQuery('body .leafletOverlay').remove();
			jQuery('body .leafletBox').remove();
	//	});
	//});
}
/* ALTE VARIANTE vor UMBAU MERKZETTEL
function showLeaflet(){

	jQuery('<div class="leafletOverlay" onclick="closeLeaflet();"></div>').appendTo("body");
	jQuery('<div class="leafletBox" ><div class="layerLeaflet"></div></div>').appendTo("body");
	
//	jQuery('.content .layerLeaflet').clone().appendTo('.leafletBox');
	jQuery('.leafletBox .layerLeaflet').html(jQuery('.content .layerLeaflet').html());
	jQuery('.content .layerLeaflet').remove();
    jQuery('.leafletOverlay').css('display','block');
  //  jQuery('.leafletBox').css('display','block');
	jQuery('.leafletBox .layerLeaflet').css('display','block');
	if(window.innerHeight > (jQuery('.mainCol').height()+140)){
		var myHeight = window.innerHeight;}else {
		var myHeight = (jQuery('.mainCol').height()+140);
		}
	jQuery('.leafletOverlay').css('height',myHeight);


		
		//put the values from leaflet to the print layer
	   var myOrderIdsSplit = jQuery('#order_ids').val().split(',');
		for(var x = 0;x <= myOrderIdsSplit.length;x++){
			var myValue = jQuery('form #leaflet-anfrage-'+myOrderIdsSplit[x]+'-input').val();
			jQuery('#leaflet-layer-anfrage-'+myOrderIdsSplit[x]+'-input').attr('value',myValue);
			}//for loop end

}
function closeLeaflet(){
	jQuery('.leafletBox .layerLeaflet').css('display','none');
	jQuery('.<div class="layerLeaflet"></div>').prependTo('.content');
	jQuery('.content .layerLeaflet').html(jQuery('.leafletBox .layerLeaflet').html());

	
	//jQuery('#mainCol').css('overflow','hidden');
	jQuery('head #print_leaflet').remove();
	jQuery('body .leafletOverlay').remove();
	jQuery('body .leafletBox').remove();
}
*/



// add the print css to the html header
function printLeaflet(){
	jQuery('<link rel="stylesheet" type="text/css" id="print_leaflet" href="'+myStylesLocationLeaflet+'" media="print" />')
   .appendTo("head");
   
   print();
}

var myJSON = "";
function addToLeaflet(el){

		 jQuery.ajax({
	          url: 'fileadmin/templates/php/leaflet.php',
    	      type: 'POST',
	 	      data: "newLeafletId="+el,
			  dataType: 'text',
			  success: function(){
					countLeaflet()
			  	}
			});
}

function countLeaflet(){
			jQuery.getJSON('fileadmin/templates/php/leaflet.php', function(json){
				var myLeafletCount = json.length;
				jQuery('.merkzettel_count').html('&nbsp;('+myLeafletCount+')');
				//Merkzettel Link Textfarbe anpassen wenn Artikel auf dem Merkzettel leigen
				if(myLeafletCount > 0)
					{
					jQuery('.merkzettelLnk').addClass('whiteLnk');
					}else{
						// Klasse raus schmeisen wenn vorhanden und count 0
						if(jQuery('.merkzettelLnk').hasClass('whiteLnk'))
							{
							jQuery('.merkzettelLnk').removeClass('whiteLnk');
							}
					}
//				if(ejQuery('#leaflet_headline')){
				//jQuery('&nbsp;('+myLeafletCount+')').appendTo('#leaflet_headline');
	//			}
			});
}

///////////////////////////////////
// leaflet slider function
function leafletSlider(el){
	
		if(el){
			var mySlide = jQuery('#leafletSlider_'+el);
			if(mySlide.is(':visible')){
				mySlide.slideUp('slow');
				}
			else{
				if(el == 2){
					jQuery('#leafletSlider_1').slideUp('slow');
				}
				if(el == 1){	
				 jQuery('#leafletSlider_2').slideUp('slow');
				}

				mySlide.slideDown('slow');
				}
				//jQuery('.leafletSlider_'+el).toggle();
		}
	}
function leafletSliderClose(el){
	
		if(el){
			var mySlideClose = jQuery('#leafletSlider_'+el);
			if(mySlideClose.is(':visible')){
				mySlideClose.slideUp('slow');
				//location.href = 'http://bauscher.straight.de/metanavigation/merkzettel.html#form_top';
				// beim schlie�en alle error classen etnfernen
				jQuery('form p.error').remove();
				jQuery('.error').removeClass('error');
				}
		}
	}	
	
function sendOrderForm(){
	
	
	var error = 0;
	// check vor leaflet ids
	  var leafletIds = jQuery("#order_ids");
	  if(leafletIds.val() == "null") {
		error = 1;
	  }
	   // order Form name part
	  var namae = jQuery("#order_name");
	  if(namae.val() == "") {
		namae.parent().children('label').addClass('error');
        error = 1;
      }else{
	  if(namae.parent().children('label').hasClass('error')){
	  		namae.parent().children('label').removeClass('error');}
	  }
	 // order Form surname part
  	  var surname = jQuery("#order_surname");
		if(surname.val() == "") {
		surname.parent().children('label').addClass('error');
        error = 1;
      }else{
	   if(surname.parent().children('label').hasClass('error')){
		   surname.parent().children('label').removeClass('error');}
	  }
	  // order Form PLZ part
  	  var order_postal = jQuery("#order_postal");
		if(order_postal.val() == "") {
		order_postal.parent().children('label.labelPostal').addClass('error');
        error = 1;
      }else{
	   if(order_postal.parent().children('label.labelPostal').hasClass('error')){
		   order_postal.parent().children('label.labelPostal').removeClass('error');}
	  }
	  // order Form email part
	  var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  	  var email = jQuery("#order_mail");
		var emailValue = email.val();
		if(email.val() == "") {
		email.parent().children('label').addClass('error');
        error = 1;
		}else{
		  	emailValue = emailValue.toLowerCase();
			
			//if(emailValue.search(/^([a-z]+)([a-z0-9\-\_\.]{1,100})([a-z0-9]+)\@([a-z0-9]+)([a-z0-9\-\.]*)([a-z0-9]+)\.([a-z]{2,6})$/) != -1){
				if(emailValue.match(emailRegEx)){
				
				// if valid, remove error class
				if(email.parent().children('label').hasClass('error')){
		  			 email.parent().children('label').removeClass('error');}
				}else{
					if(!email.parent().children('label').hasClass('error')){
						email.parent().children('label').addClass('error');
						}
					error = 1;
					}
		 }   // else end
	 // order Form telefon part
  	  var myPhone = jQuery("#order_telefon");
		if(myPhone.val() == "") {
		myPhone.parent().children('label').addClass('error');
        error = 1;
      }else{
	   if(myPhone.parent().children('label').hasClass('error')){
		   myPhone.parent().children('label').removeClass('error');}
	  }
	 // order FOrm anrede part
	 	var myAnrede = jQuery("#order_anrede");
		
		if(document.getElementById("order_anrede").selectedIndex == 0) {
		jQuery("#order_anrede").parent().children('label.labelAnrede').addClass('error');
        error = 1;
      }else{
	   if(jQuery("#order_anrede").parent().children('label.labelAnrede').hasClass('error')){
		   jQuery("#order_anrede").parent().children('label.labelAnrede').removeClass('error');}
	  }
	 var order_agb = jQuery("#order_agb");
		if(document.getElementById("order_agb").checked == false) {
		order_agb.parent().children('label').addClass('error');
        error = 1;
     		 }else{
		   if(order_agb.parent().children('label').hasClass('error')){
			   order_agb.parent().children('label').removeClass('error');}
	 	 } // else end
	// add the new fields to check Stra�e, Ort, Land
		//street part
  	  var order_street = jQuery("#order_street");
		if(order_street.val() == "") {
		order_street.parent().children('label').addClass('error');
        error = 1;
      }else{
	   if(order_street.parent().children('label').hasClass('error')){
		   order_street.parent().children('label').removeClass('error');}
	  }
		 
		 //city part
  	  var order_city = jQuery("#order_city");
		if(order_city.val() == "") {
		order_city.parent().children('label').addClass('error');
        error = 1;
      }else{
	   if(order_city.parent().children('label').hasClass('error')){
		   order_city.parent().children('label').removeClass('error');}
	  }
		 
		 // country part
  	  var countrySelect = jQuery("#countrySelect");
		if(countrySelect.val() == "") {
		countrySelect.parent().children('label').addClass('error');
        error = 1;
      }else{
	   if(countrySelect.parent().children('label').hasClass('error')){
		   countrySelect.parent().children('label').removeClass('error');}
	  }
	
	
		// get Order Ids from hidden feld and loop with them to check quantity fields
		var myOrderIdsSplit = jQuery('#order_ids').val().split(',');
		var myAnzahlStr = "";
		var Id_error = 0;
		if(myOrderIdsSplit == false){
			Id_error = 1;	
		}
		for(var x = 0;x < myOrderIdsSplit.length;x++){
			var orderId = jQuery('form #leaflet-anfrage-'+myOrderIdsSplit[x]+'-input');
					if(orderId.val() == "") {
					orderId.parent().children('label').addClass('error');
	     		   error = 1;
				   Id_error = 1;
     			 }else{
							if(x == (myOrderIdsSplit.length-1)){
								myAnzahlStr+= myOrderIdsSplit[x]+'-'+orderId.val();
							}else{
								myAnzahlStr+= myOrderIdsSplit[x]+'-'+orderId.val()+',';
							}

				  if(orderId.parent().children('label').hasClass('error')){
				   		orderId.parent().children('label').removeClass('error');
				   }
				  }
			}//for loop end
		/*if(Id_error == 1){
			 if(jQuery('#user_langId').val() == 0){
				alert(unescape('Bitte geben Sie eine St%FCckmenge f%FCr die Artikel an.'));
			 }
			 if(jQuery('#user_langId').val() == 1){
				alert('Please fill in the quantity for all articles on your leaflet.');
			}
		}*/
	 // send ajax if error still 0
	if(error == 0){
	
		  	 jQuery.ajax({
	          url: 'fileadmin/templates/php/sendOrderForm.php',
    	      type: 'POST',
	 	      data: "order_anrede="+myAnrede.val()+"&order_titel="+jQuery('#order_titel').val()+"&order_name="+namae.val()+"&order_mail="+email.val()+"&order_surname="+surname.val()+"&order_telefon="+myPhone.val()+"&order_firma="+jQuery('#order_firma').val()+"&order_funktion="+jQuery('#order_funktion').val()+"&order_text="+jQuery('#order_text').val()+"&order_street="+jQuery('#order_street').val()+"&order_postal="+order_postal.val()+"&order_city="+jQuery('#order_city').val()+"&order_country="+jQuery('#countrySelect').val()+"&order_ids="+jQuery('#order_ids').val()+"&user_langId="+jQuery('#user_langId').val()+"&order_anzahl="+myAnzahlStr,
			  //"&order_country="+jQuery('#order_country').val()+
			  //+"&order_telefon="+myPhone.val()+"&order_firma="*/
			  dataType: 'text',
			  success: function(el){
				//if(el == true){
					jQuery('#form_order p.error').remove();
					if(jQuery('#user_langId').val() == 0){
						jQuery('#form_order .callback').html('<p class="form_success">Vielen Dank f&uuml;r Ihr Interesse an den Artikeln von Bauscher. Ihre Angebotsanfrage wird nun an unser Vertriebsteam weitergeleitet, welches sich umgehend bei Ihnen meldet.</p>');
						jQuery('#form_order .callback .form_success').fadeIn('slow');
						//jQuery('#form_order').html('<p class="form_success">Vielen Dank f�r Ihr Interesse an den Artikeln von Bauscher. Ihre Angebotsanfrage wird nun an unser Vertriebsteam weitergeleitet, welches sich umgehend bei Ihnen meldet.</p>');				
						}
					if(jQuery('#user_langId').val() == 1){
						jQuery('#form_order .callback').html('<p class="form_success">Thank you. Your order request has been send to our distribution team. It will contact you as soon as possible</p>');
						jQuery('#form_order .callback .form_success').fadeIn('slow');
						//jQuery('<p class="form_success">Thank you. Your order request has been send to our distribution team. It will contact you as soon as possible.</p>').appendTo('#form_order').fadeIn('slow');
					}
				//	}
			  	}
			});
	  }
	  if(error == 1){
			if(jQuery('#user_langId').val() == 0){
				jQuery('#form_order p.error').html('Bitte f&uuml;llen sie die markierten Felder aus.');
			 }
			 if(jQuery('#user_langId').val() == 1){
				jQuery('#form_order p.error').html('Please fill in the marked fields.');
			}
	  }
}
function sendRecommend(){
	
	var error = 0;
	 
	 // check vor leaflet ids
	  var leafletIds = jQuery("#rec_ids");
	  if(leafletIds.val() == "null") {
		alert('Es wurden keine Artikel auf den Merkzettel gelegt.');
		error = 1;
	  }
	 // recommend Form name part
	  var namae = jQuery("#rec_name");
	  if(namae.val() == "") {
		namae.parent().children('label').addClass('error');
        error = 1;
      }else{
	  if(namae.parent().children('label').hasClass('error')){
	  		namae.parent().children('label').removeClass('error');}
	  }
	 // recommend Form surname part
  	  var surname = jQuery("#rec_surname");
		if(surname.val() == "") {
		surname.parent().children('label').addClass('error');
        error = 1;
      }else{
	   if(surname.parent().children('label').hasClass('error')){
		   surname.parent().children('label').removeClass('error');}
	  }
	  // recommend Form email part
	  var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  	  var email = jQuery("#rec_mail");
		var emailValue = email.val();
		if(email.val() == "") {
		email.parent().children('label').addClass('error');
        error = 1;
		}else{
		  	emailValue = emailValue.toLowerCase();
			
			//if(emailValue.search(/^([a-z]+)([a-z0-9\-\_\.]{1,100})([a-z0-9]+)\@([a-z0-9]+)([a-z0-9\-\.]*)([a-z0-9]+)\.([a-z]{2,6})$/) != -1){
				if(emailValue.match(emailRegEx)){
				
				// if valid, remove error class
				if(email.parent().children('label').hasClass('error')){
		  			 email.parent().children('label').removeClass('error');}
				}else{
					if(!email.parent().children('label').hasClass('error')){
						email.parent().children('label').addClass('error');
						}
					error = 1;
					}
		 }   // else end
		 
	 // recommend Form recipients part
  	    var emailRecipient = jQuery("#rec_recipient");
		var emailRecipientValue = emailRecipient.val();
		if(emailRecipient.val() == "") {
		   emailRecipient.parent().children('label').addClass('error');
           error = 1;
		}else{
		  	emailRecipientValue = emailRecipientValue.toLowerCase();
			//letzten Character hohlen
			var how_long = emailRecipientValue.length;
			var last_char = emailRecipientValue.charAt( how_long-1);
			//if last char "," dann entfernen
				if(last_char == ","){
					emailRecipientValue = emailRecipientValue.substring(0, how_long-1);
						var emailPost = emailRecipientValue;
				}else{
						var emailPost = emailRecipientValue;
				}
			var recipientSplit = emailRecipientValue.split(',');
			if(recipientSplit.length == 1){
				if(emailRecipientValue.search(/^([a-z]+)([a-z0-9\-\_\.]{1,100})([a-z0-9]+)\@([a-z0-9]+)([a-z0-9\-\.]*)([a-z0-9]+)\.([a-z]{2,6})$/) != -1){		
				// if valid, remove error class
					if(emailRecipient.parent().children('label').hasClass('error')){
						emailRecipient.parent().children('label').removeClass('error');
						}
				}else{
					if(!emailRecipient.parent().children('label').hasClass('error')){
						emailRecipient.parent().children('label').addClass('error');
					}
					error = 1;}
			} //split.length end
			if(recipientSplit.length > 1){
				for(var i = 0; i < recipientSplit.length; i++){
				  if(recipientSplit[i] != ""){
					if(recipientSplit[i].match(emailRegEx)){						//if(emailRecipientValue.search(/^([a-z]+)([a-z0-9\-\_\.]{1,100})([a-z0-9]+)\@([a-z0-9]+)([a-z0-9\-\.]*)([a-z0-9]+)\.([a-z]{2,6})$/) == true){	
							// if valid, remove error class
							if(emailRecipient.parent().children('label').hasClass('error')){
								emailRecipient.parent().children('label').removeClass('error');
								}
							}else{
								if(!emailRecipient.parent().children('label').hasClass('error')){
									emailRecipient.parent().children('label').addClass('error');
									}
								error = 1;
								}
					}
				} //for end
				
			}//split mti schleife end
		}   // else end
	// recommend Form surname part
	// var rec_agb = jQuery("form #rec_agb");
	  
		var rec_agb = jQuery("#rec_agb");
		if(document.getElementById("rec_agb").checked == false) {
		rec_agb.parent().children('label').addClass('error');
        error = 1;
     		 }else{
		   if(rec_agb.parent().children('label').hasClass('error')){
			   rec_agb.parent().children('label').removeClass('error');}
	 	 } // else end
	  
	  // send ajax if error still 0
	  if(error == 0){
		  	 jQuery.ajax({
	          url: 'fileadmin/templates/php/sendRecommendForm.php',
    	      type: 'POST',
	 	      data: "rec_name="+namae.val()+"&rec_mail="+email.val()+"&rec_recipient="+emailPost+"&rec_text="+jQuery('#rec_text').val()+"&rec_surname="+surname.val()+"&rec_ids="+jQuery('#rec_ids').val()+"&user_langId="+jQuery('#user_langId').val(),
			  dataType: 'text',
			  success: function(el){
				  
				  jQuery('#form_order p.error').remove();
					if(jQuery('#user_langId').val() == 0){
						jQuery('#form_recommend .callback').html('<p class="form_success">Vielen Dank f&uuml;r Ihr Interesse an den Artikeln von Bauscher. Bevor Ihr Merkzettel an die angegebene(n) E-Mail-Adresse(n) weitergeleitet wird, erhalten Sie noch eine E-Mail von uns. Bitte best&auml;tigen Sie den darin befindlichen Link. Erst im Anschluss wird die Weiterempfehlung versendet.</p>');
						jQuery('#form_recommend .callback .form_success').fadeIn('slow');
						//jQuery('<p class="form_success">Erfolreich &uuml;bermittel</p>').appendTo('#form_recommend').fadeIn('slow');
					}
					if(jQuery('#user_langId').val() == 1){
						jQuery('#form_recommend .callback').html('<p class="form_success">Translate to English: Vielen Dank f�r Ihr Interesse an den Artikeln von Bauscher. Bevor Ihr Merkzettel an die angegebene(n) E-Mail-Adresse(n) weitergeleitet wird ...</p>');
						jQuery('#form_recommend .callback .form_success').fadeIn('slow');
						//jQuery('<p class="form_success">successfully transmitted</p>').appendTo('#form_recommend').fadeIn('slow');
					}
			  	}
			});
	  }
	  if(error == 1){
			if(jQuery('#user_langId').val() == 0){
				jQuery('#form_recommend p.error').html('Bitte f&uuml;llen sie die markierten Felder aus.');
			 }
			 if(jQuery('#user_langId').val() == 1){
				jQuery('#form_recommend p.error').html('Please fill in the marked fields.');
			}
	  }
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////
//popUp
function open_popup(url, x, y){
 var rub=window.open(url,'popup','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,height=500,width=500');
 var xcoord=x;
 var ycoord=y;
 if (ycoord>=screen.availHeight) {ycoord=screen.availHeight;}
 if (xcoord>=screen.availWidth) {xcoord=screen.availWidth;}

 rub.resizeTo(xcoord,ycoord);
 rub.moveTo((screen.availWidth-xcoord)/2,(screen.availHeight-ycoord)/2);
 rub.focus();
}

// function for changing css values
function changeDisplay (block, none1, none2, none3){

	jQuery("#main"+ block +"").css("display","block");
	jQuery("#main"+ none1 +"").css("display","none");
	jQuery("#main"+ none2 +"").css("display","none");
	jQuery("#main"+ none3 +"").css("display","none");
}

function changeHover(){
				
		jQuery(".level1-34").mouseover(function(){ 
												changeDisplay(2,1,3,4); 
												jQuery(".list1-34").css({'padding-bottom':'16px','margin-bottom':'0px'});
												});
		jQuery(".level1-27").mouseover(function(){ 
												changeDisplay(3,1,2,4); 
												jQuery(".list1-27").css({'padding':'96px 0 16px 0','background-position':'left 6px'});
												jQuery('.list1-34').css('padding-bottom','10px');
												//jQuery(".list1-20").css({'padding':'90px 0 16px 0'})
												});
		jQuery(".level1-20").mouseover(function(){ 
												changeDisplay(4,1,2,3); 
												jQuery(".list1-20").css({'padding':'96px 0 16px 0','background-position':'left 6px'});
												jQuery('.list1-27').css('padding-bottom','10px');
												});
		// the hide part
		jQuery(".level1-34").mouseout(function(){ 
											   changeDisplay(1,2,3,4); 
											   jQuery(".list1-34").css({'padding-bottom':'16px'});
											   });
		jQuery(".level1-27").mouseout(function(){ 
											   changeDisplay(1,2,3,4); 
											   jQuery(".list1-27").css({'padding':'90px 0 16px 0','background-position':'left top'});
											   jQuery('.list1-34').css({'padding-bottom':'16px'});
											   });
		jQuery(".level1-20").mouseout(function(){ 
											   changeDisplay(1,2,3,4); 
											    jQuery('.list1-20').css({'padding':'90px 0 16px 0','background-position':'left top'});
											    jQuery('.list1-27').css({'padding-bottom':'16px'});
											   });
	}

// 	-------------------------------------------------------------------------------------------------------------------

function collection_get_items(pageID){

			// get language paramater e.g. 'de', 'en'
			cur_lang = jQuery('.hidden_lang').html();
        
			  // set all divs to gray
			  jQuery(".subNavi a").parent().css('background-color' , '#77797B');
	      // color selected collection div purple
				jQuery("#"+pageID).parent().css("background-color", segment_color);
			
			// if mouse leaves div -> div color back to grey
			// if mouse leaves div and container -> dont color back to grey, leave purple
	        if(old_field != pageID){ jQuery("#"+old_field).parent().css("background-color", "#77797B"); }
 
            jQuery.ajax({
	          url: 'fileadmin/templates/php/collection_overview.php',
    	      type: 'POST',
	 	      data: "pageID="+pageID+"&set_lng_id="+cur_lang,
	 	      dataType: 'text',
		      success: function(text){
			  
				var ding = text.split(":-:");
				
                var bild = "/uploads/tx_kollektion/" + ding[2];
                
				/*
					STOERER
				*/

                // ding[0] -> neuheut 
				//ding[1] -> auslaufmodell
				
				switch (cur_lang) {
					case "0":
						lang_id = "de";
						break;
					case "1":
						lang_id = "en";
						break;
				}
				
                if (ding[0] == 1 && ding[1] == 0){

				  if ( jQuery(".collection_platform_r_stoerer img") ) { jQuery(".collection_platform_r_stoerer img").remove(); }
				  jQuery(".collection_platform_r_stoerer").append("<img src='fileadmin/templates/images/stoerer_neu_"+lang_id+".jpg' />");
                }
				
                if (ding[0] == 0 && ding[1] == 1){

				  if ( jQuery(".collection_platform_r_stoerer img") ) { jQuery(".collection_platform_r_stoerer img").remove(); }
				  jQuery(".collection_platform_r_stoerer").append("<img src='fileadmin/templates/images/stoerer_auslauf_"+lang_id+".jpg' />");
                }
				
                if (ding[0] == 0 && ding[1] == 0){ jQuery(".collection_platform_r_stoerer img").remove(); }
                
            // display text
        var c_header = ding[3];
        var c_subHeader = ding[4];
        var c_middle = ding[5];
        var c_bottom = ding[6];

        var c_summary = c_header+c_subHeader+c_middle+c_bottom
        // new version with show children

        jQuery(".collection_platform_r_content").children('.colCh').hide();

        jQuery(".collection_platform_r_content").children('.child-'+pageID).show();
        //jQuery(".collection_platform_r_content").html(c_summary);
                
				// load big collection image on the left side
				jQuery(".collection_platform_l img").attr("src",bild); 
 
		      }  
			});
}
///////////////////////////////////////////////
// get first child of collection overview pages
///////////////////////////////////////////////
function getFirstChildOfPage(parentPageId){

	jQuery.ajax({
		url: 'fileadmin/templates/php/collection_overview_firstChildId.php',
    type: 'POST',
    data: "parentPageID="+parentPageId,
		async: false,
		dataType: 'text',
		success: function(el){
				// call collection overviw items, image, and text
				collection_get_items(el);
			}
		});
}
// domready call the functions
jQuery(document).ready(function(){

	countLeaflet(myJSON);
	timelineSetDefault();
	//changeHover();
		jQuery('#leafletSlider_1').hide();
		jQuery('#leafletSlider_2').hide();
		jQuery('#leafletSlider_3').hide();

	//put the values from leaflet to the print layer
	jQuery('.leaflet-anfrage-quantity input').change(function(){
	   var myOrderIdsSplit = jQuery('#order_ids').val().split(',');
		for(var x = 0;x <= myOrderIdsSplit.length;x++){
			var myValue = jQuery('form #leaflet-anfrage-'+myOrderIdsSplit[x]+'-input').val();
			jQuery('#leaflet-layer-anfrage-'+myOrderIdsSplit[x]+'-input').attr('value',myValue);
			}//for loop end
		});
		/*
		jQuery('#leafletSlider_1 form').children().children().children().each(function(){
						if(jQuery(this).hasClass('error') || jQuery(this).hasClass('welldone')){
							//alert('yes');
							jQuery('#leafletSlider_1').show();}
		});*/
//jQ(this).children().each(function(){if (!
//jQ(this).hasClass('openArrowItem')) jQ(this).addClass('closedArrowItem');}); 
	//});
 
///////////////////////////////////
// search box function

	jQuery(document).ready(function(){
		
		// Textbeschriebung in Suchfeld �ndern wenn sprache english
		var searchString = "Suchbegriff eingeben"
		if(myLangId == "1")
		{
			jQuery('form #searchBox_sword').val('search key');
			searchString = "search key";
		}
		var searchbox = false;
		jQuery("form #searchBox_sword").click(function()
		{
		/*if(searchbox == false){
				jQuery(this).val("");
				searchbox = true;
			}*/
			//if (jQuery(this).val() == "Suchbegriff / Artikelnummer eingeben ..."){
			if (jQuery(this).val() == searchString){
				jQuery(this).val("");
			}
		});
		//button disabeln wenn value noch standardtext
		jQuery('#searchform').mousemove(function()
		{
					if (jQuery('form #searchBox_sword').val() == searchString){
						jQuery("form #searchBox_btn").attr('disabled',true);
					}else{
						jQuery("form #searchBox_btn").removeAttr('disabled');		
					}
		});
	});
///////////////////////////////////
// slider function

	jQuery(document).ready(function(){
		jQuery('.accordion .slider:not(:first)').hide();
		jQuery('.accordion a.close:not(:first)').hide();
		jQuery('.accordion a.more:first').hide();
		
		// click auf �berschirft
		jQuery('.accordion .accordion_head h2').click(function(){
											  
				// close all elements which are not necessary
				jQuery('.accordion a.close').hide();
				jQuery('.accordion a.more').show();
				
				if(jQuery(this).hasClass('slider_open')){
					jQuery(this).removeClass('slider_open');					
					jQuery('.slider').slideUp('slow');
					//hide the more link
					jQuery(this).parent().parent().children('a.more').show();
					//show the a.close link of this div box
					jQuery(this).parent().parent().children('a.close').hide();
				
				}else{
					jQuery('.accordion .accordion_head h2').removeClass('slider_open');									
					jQuery(this).addClass('slider_open');	
					jQuery('.slider').slideUp('slow');
					jQuery(this).parent().parent().children('.slider').slideDown('slow');
					//hide the more link
					jQuery(this).parent().parent().children('a.more').hide();
					//show the a.close link of this div box
					jQuery(this).parent().parent().children('a.close').show();
				}
				

			return false;															   
			
			});

		// click auf more link
		jQuery('.accordion a.more').click(function(){
											  
				// close all elements which are not necessary
				jQuery('.slider').slideUp('slow');
				jQuery('.accordion .accordion_head h2').removeClass('slider_open');	
				jQuery('.accordion a.close').hide();
				jQuery('.accordion a.more').show();
				
				// slideDown the children slider of this parent div box
				jQuery(this).parent().children('.slider').slideDown('slow');
				//add clas to headline
				jQuery(this).parent().children('.accordion_head').children('h2').addClass('slider_open');
				// hide the current a.more link
				jQuery(this).hide();
				//show the a.close link of this div box
				jQuery(this).parent().children('a.close').show();
			//jQuery(this).parent().next().slideDown('slow');
			//return false doesn�t execute the a link
			return false;
			});
		
		jQuery('.accordion a.close').click(function(){
			jQuery('.accordion_head h2').removeClass('slider_open');
			jQuery('.slider:visible').slideUp('slow');
			jQuery(this).hide();
			jQuery('.accordion a.more').show();
			});
	});

// -------------------------------------------------------------------------------------------------------------------

// load collection picture, text and 'st�rer'

	cur_page = jQuery('.hidden_page').html();	
	segment_color = "";
	
	switch( cur_page ) {
	
		case "34": // site: HG->Kollektion
			segment_color = "#955880";
			break;
		case "16": // site: HG->Glas
			segment_color = "#955880";
			break;
		case "27": // site: KP->Kollektion
			segment_color = "#96cae2";
			break;
		case "20": // site: GV->Kollektion
			segment_color = "#c1a938";
			break;		
	}
	// site: HG->Kollektion
	if ( cur_page == "34" && jQuery('.hidden_page_title').html() != "16" ) { 
	getFirstChildOfPage(19);
	//old_field = 85; 
	}
	// site: HG->Glas
	if ( cur_page =="34" && jQuery('.hidden_page_title').html() == "16" ) {  
		//old_field = 333;
		getFirstChildOfPage(16);
		}
	// site: KP->Kollektion
	if ( cur_page =="27" ) { 
		//old_field = 105; 
		getFirstChildOfPage(33);
	}
	// site: GV->Kollektion
	if ( cur_page =="20" ) { 
		//old_field = 120; 
		getFirstChildOfPage(26);
		}
jQuery(".subNavi a").ready(function(){
	// collection_get_items(old_field);
//	 jQuery("#85").parent().css("background-color", segment_color);

});

/*
	function for mouse over effects on subnavi (contains all collections)
	all collection details are send from the server via ajax
*/
		
jQuery(".subNavi a").hover(function(){
	collection_get_items(jQuery(this).attr("id"));
});
		
jQuery(".subNavi a").mouseleave(function(){
	old_field = jQuery(this).attr("id");
});


jQuery('.subNavi a').each(function(){
	
	if (jQuery(this).html().length > 14) {
		
		//alert(jQuery(this).html() + "--" + jQuery(this).html().length);
		jQuery(this).css('width','181px');
		jQuery(this).parent().css('width','181px');
	}
});



}); // end of dom ready