function findColor(usercolor) {
	$('.h642px').css('background','url("http://media.londa-consumer.de/img/background/bg_colorfinder_2.jpg") no-repeat scroll 0 0 transparent');
	$.ajax({
		   type: "POST",
		   url: "/includes/colorfinder.php",
		   data: "usercolor="+usercolor,
		   success: function(html){			 
			$('#colorfinder_erg').html(html);			
		   }
		 });
	
	//Alle resetten
	jQuery.each($(".ausgangsfarbeselect img"), function() {
		str2 = $(this).attr('src');
		strpos2 = str2.indexOf("_s.png");
		if(strpos2>-1){
			srcvalue_s4 = srcvalue.replace("_s.png",".png");
			$(this).attr('src',srcvalue_s4);
		}
		else {
			//srcvalue_s2 = $(this).attr('src');
		}		
	});
		
	//Einzelnes setzen
	srcvalue = $('#ausgangsfarbe'+usercolor+' img').attr('src');
	spos = srcvalue.indexOf("_s");
	if(spos>-1){
		srcvalue_s = srcvalue.replace("_s.png",".png");
	}
	else {
		srcvalue_s = srcvalue.replace(".png","_s.png");
	}
	$('#ausgangsfarbe'+usercolor+' img').attr('src',srcvalue_s);
		
	//IE6 Anpassung für clear.gif
}

function showProductInfo_CF(nc,text,em,cc,site){	

	var htmlcont = '';	
	
	//nicht verfügbare ausblenden:	
		htmlcont = '<div class="colorfinder_produktbox_container">';	
		
		if(nc=="39"||nc=="18"||nc=="38"||nc=="47"||nc=="52"||nc=="42"||nc=="32") {
		//Bei bestimmten Produkten CC nur linke Box
		htmlcont=htmlcont+'<div class="colorfinder_productbox_l"><img src="http://media.londa-consumer.de/londa-colorfinder/img/HL_Londa_Empfehlung.png" style="width:258px;height:29px;"><br/><br/>';
		htmlcont=htmlcont+'<img class="prodimg" src="http://media.londa-consumer.de//produkte/img/packs/cc-'+nc+'_s.png" style="height:240px;width:66px;" width="66" height="240" align="left"/>';
		htmlcont=htmlcont+'<br/><br/><br/><div class="button_li2"></div><div class="button_mi2"><a href="/produkte/color-creme.php?pid='+nc+'"><span class="londa">Londa Color Creme </span>'+nc+' '+text+'</a></div><div class="button_re2"></div><br/>';
		htmlcont=htmlcont+'<br/><br/><br/>&nbsp;<a href="/produkte/color-creme.php?pid='+nc+'"><img src="http://media.londa-consumer.de/img/btn_zur_produktserie.gif"></a><br/><br/>';
  		if(site=='start'){
  			//htmlcont=htmlcont+'<br/><br/><br/><a href="/londa-colorfinder/?site=app"><img src="../img/lupe.png" style="width:20px;height:20px;">Prüfen Sie, ob diese Nuance<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zu Ihrer Ausgangshaarfarbe passt.</a>';
  		}
	   
	   htmlcont=htmlcont+'</div>';
	   htmlcont=htmlcont+'<div class="colorfinder_productbox_r"><img src="/img/clear.gif" height="29"/><br/><br/>';
		
		}else{
  		htmlcont=htmlcont+'<div class="colorfinder_productbox_l"><img src="http://media.londa-consumer.de/londa-colorfinder/img/HL_Londa_Empfehlung.png" style="width:258px;height:29px;"><br/><br/>';
  		if(nc!="18"&&nc!="32"&&nc!="38"&&nc!="39"&&nc!="52"&&nc!="42"&&nc!="47"){	
  			htmlcont=htmlcont+'<img class="prodimg" src="http://media.londa-consumer.de/produkte/img/packs/em-'+nc+'_s.png" style="height:240px;width:97px;" width="97" height="240" align="left"/>';	
  			htmlcont=htmlcont+'<br/><br/><br/><div class="button_li2"></div><div class="button_mi2"><a href="/produkte/emotion.php?pid='+nc+'"><span class="londa">Londa Emotion </span>'+nc+' '+text+'</a></div><div class="button_re2"></div><br/>';
  			htmlcont=htmlcont+'<br/><br/><br/>&nbsp;<a href="/produkte/emotion.php?pid='+nc+'"><img src="http://media.londa-consumer.de/img/btn_zur_produktserie.gif"></a><br/><br/>';
  			if(site=='start'){
  				//htmlcont=htmlcont+'<br/><br/><br/><a href="/londa-colorfinder/?site=app"><img src="../img/lupe.png" style="width:20px;height:20px;">Prüfen Sie, ob diese Nuance<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zu Ihrer Ausgangshaarfarbe passt.</a>';
  			}
  		}
  		htmlcont=htmlcont+'</div>';
  	
  		htmlcont=htmlcont+'<div class="colorfinder_productbox_r"><img src="/img/clear.gif" height="29"/><br/><br/>';
  		if(nc!="73"&&nc!="51"&&nc!="35"&&nc!="76"&&nc!="29"&&nc!="13"){
  			htmlcont=htmlcont+'<img class="prodimg" src="http://media.londa-consumer.de/produkte/img/packs/cc-'+nc+'_s.png" style="height:240px;width:66px;" width="66" height="240" align="left"/>';
  			htmlcont=htmlcont+'<br/><br/><br/><div class="button_li2"></div><div class="button_mi2"><a href="/produkte/color-creme.php?pid='+nc+'"><span class="londa">Londa Color Creme </span>'+nc+' '+text+'</a></div><div class="button_re2"></div><br/>';
  			htmlcont=htmlcont+'<br/><br/><br/>&nbsp;<a href="/produkte/color-creme.php?pid='+nc+'"><img src="http://media.londa-consumer.de/img/btn_zur_produktserie.gif"></a><br/><br/>';
  			if(site=='start'){
  				//htmlcont=htmlcont+'<br/><br/><br/><a href="/londa-colorfinder/?site=app"><img src="../img/lupe.png" style="width:20px;height:20px;">Prüfen Sie, ob diese Nuance<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zu Ihrer Ausgangshaarfarbe passt.</a>';
  			}
  		}
  		htmlcont=htmlcont+'</div>';
		
		 }
	
	htmlcont=htmlcont+'<div class="clear"></div></div>';
	//alert(htmlcont);
	$('.produkte').html(htmlcont);	

	if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
	    pngRepairCrop('.png');
	 }
	
	//$('#colorfinder_productbox_l .prodimg').attr('src','/img/trans.gif');
	//$('#colorfinder_productbox_l .prodimg').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/packs/em-"+nc+".png',sizingMethod='scale')");
}

function selectProductInfo(nc){
	
	//Alle resetten
	/*
	jQuery.each($(".cf_endfarbe"), function() {
				
		str2 = $(this).attr('src');
		//alert(str2);
		strpos2 = str2.indexOf("_s.png");
		if(strpos2>-1){
			srcvalue_s2 = srcvalue.replace("_s.png",".png");
			alert(srcvalue_s2);
			$(this).attr('src',srcvalue_s2);
		}
		else {
			srcvalue_s2 = $(this).attr('src');
		}
		str2 = '';
		strpos2 = '';
	});*/
	
	for(j=11;j<76;j++){
		//alert($('#endfarbe'+j).attr('src'));
		if($('#endfarbe'+j).attr('src')!=undefined){
			srctemp = $('#endfarbe'+j).attr('src');
			strpostemp = srctemp.indexOf("_s.png");
			if(strpostemp>-1){
				srcvalue_s2temp = srctemp.replace("_s.png",".png");
				//alert(srcvalue_s2);
				$('#endfarbe'+j).attr('src',srcvalue_s2temp);
			}
			else {
				//srcvalue_s2temp = srctemp.replace(".png","_s.png");				
				//$('#endfarbe'+j).attr('src',srcvalue_s2temp);
			}
		}
		strpostemp=-1;
	}
	
	
	//$('.cf_endfarbe').css('border','solid 1px #970C09');
	
	str3 = $('#endfarbe'+nc).attr('src');
	//alert(str3);
	strvalue3 = str3.replace(".png","_s.png");
	$('#endfarbe'+nc).attr('src',strvalue3);
	
	
}

/* Karussel */

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        //carousel.startAuto(0);
    });
    
    carousel.buttonNext.bind('mouseover', function() {
    	carousel.next();
    });
    
    carousel.buttonPrev.bind('mouseover', function() {
    	carousel.prev();
    });
    


    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'last',
        initCallback: mycarousel_initCallback,
        start:52,
        auto:3
    });        
    
});

function showErg(nr,series) {
	
	//alert("ser:"+series);
	htmlcon = '<div class="proderg_head">Ausgew&auml;hlte Farbergebnisse auf Basis von 3 Ausgangshaarfarben.<br/><span class="vorher" >Vorher</span><span class="nachher">Nachher</span></div>';
	//Auswahl der Ergebnisfarben
	
	//alert("ser:"+series+"-nr:"+nr);
	
  em1 = '<div class="erg_natur em14"><img style="margin-right:5px;" width="89" height="46" src="/produkte/img/ergebnisse/neu/hellblond.jpg"><br>Hellblond</div>';
	em2 = '<div class="erg_natur em14"><img style="margin-right:5px;" width="89" height="46" src="/produkte/img/ergebnisse/neu/mittelblond.jpg"><br>Mittelblond</div>';
  em3 = '<div class="erg_natur 14"><img style="margin-right:5px;" width="89" height="46" src="/produkte/img/ergebnisse/neu/dunkelblond.jpg"><br>Dunkelblond</div>';
  em4 = '<div class="erg_natur 14"><img style="margin-right:5px;" width="89" height="46" src="/produkte/img/ergebnisse/neu/hellbraun.jpg"><br>Hellbraun</div>';
  em5 = '<div class="erg_natur 14"><img style="margin-right:5px;" width="89" height="46" src="/produkte/img/ergebnisse/neu/mittelbraun.jpg"><br>Mittelbraun</div>';
  em6 = '<div class="erg_natur 14"><img style="margin-right:5px;" width="89" height="46" src="/produkte/img/ergebnisse/neu/dunkelbraun.jpg"><br>Dunkelbraun</div>';
  em7 = '<div class="erg_natur 14"><img style="margin-right:5px;" width="89" height="46" src="/produkte/img/ergebnisse/neu/schwarz.jpg"><br>Schwarz</div>';
	
	
	
	naturfarbe = '00';
	if(series=='emotion'){	
		switch(nr) {		
			case "14":
				naturfarbe = em2+em3+em4+em5;
				name = 'Hellbraun';
				extra =  'eignet';
    	break;
      case "19":
				naturfarbe = em1+em2;
				name = 'Platinblond';
				extra =  'eignet';
    	break;
      case "17":
				naturfarbe = em1+em2;
				name = 'Hellblond';
				extra =  'eignet';
    	break    	
      case "16":
				naturfarbe = em1+em2+em3;
				name = 'Mittelblond';
				extra =  'eignet';
    	break;		
      case "15":
				naturfarbe = em2+em3+em4;
				name = 'Dunkelblond';
				extra =  'eignet';
    	break;
      case "45":
				naturfarbe = em2+em3+em4;
				name = 'Granatrot';
				extra =  'eignet';
    	break;
      case "35":
				naturfarbe = em2+em3+em4;
				name = 'Goldbraun';
				extra =  'eignet';
    	break          	
      case "55": 
				naturfarbe = em3+em4+em5+em6;
				name = 'Wilde Kirsche';
				extra =  'eignet';
    	break;
      case "53":
				naturfarbe = em3+em4+em5+em6;
				name = 'Mahagoni';
				extra =  'eignet';
    	break;
      case "73":
				naturfarbe = em3+em4+em5+em6;
				name = 'Mokka';
				extra =  'eignet';
    	break;
      case "13":
				naturfarbe = em3+em4+em5+em6;
				name = 'Mittelbraun';
				extra =  'eignet';
    	break; 
      case "51": 
				naturfarbe = em4+em5+em6+em7;
				name = 'Schwarze Kirsche';
				extra =  'eignet';
    	break;
    	case "12":
				naturfarbe = em4+em5+em6+em7;
				name = 'Dunkelbraun';
				extra =  'eignet';
    	break;
      case "34":
				naturfarbe = em2+em3+em4+em5+em6;
				name = 'Schokobraun';
				extra =  'eignet';
    	break
      case "11": 
				naturfarbe = em5+em6+em7;
				name = 'Schwarz';
				extra =  'eignet';
    	break
    	case "21":
				naturfarbe = em5+em6+em7;
				name = 'Blauschwarz';
				extra =  'eignet';
    	break
      case "76":
				naturfarbe = em1+em2+em3+em4;
				name = 'Haselnuss';
				extra =  'eignet';
    	break
      case "29":
				naturfarbe = em1;
				name = 'Perlblond';
				extra =  'eignet';
    	break    	
		}
		
		series = 'em';
	}
	if(series=='colorcreme'){	
		switch(nr) {		
      case "18":
				naturfarbe = em1;
				name = 'Lichtblond';
				extra =  'eignet';
    	break
      case "19": 
				naturfarbe = em1+em2;
				name = 'Platinblond';
				extra =  'eignet';
    	break
      case "39": 
				naturfarbe = em1+em2;
				name = 'Vanilleblond';
				extra =  'eignet';
    	break
      case "17": 
				naturfarbe = em1+em2;
				name = 'Hellblond';
				extra =  'eignet';
    	break
      case "47":
				naturfarbe = em1+em2;
				name = 'Feuerrot';
				extra =  'eignet';
    	break 
      case "16":
				naturfarbe = em1+em2+em3;
				name = 'Mittelblond';
				extra =  'eignet';
    	break
      case "38":
				naturfarbe = em1+em2+em3;
				name = 'Karamellblond';
				extra =  'eignet';
    	break    	
      case "15":
				naturfarbe = em2+em3+em4;
				name = 'Dunkelblond';
				extra =  'eignet';
    	break
    	case "45":
				naturfarbe = em2+em3+em4;
				name = 'Granatrot';
				extra =  'eignet';
    	break
      case "53": 
				naturfarbe = em3+em4+em5;
				name = 'Mahagoni';
				extra =  'eignet';
    	break 
    	case "55":
				naturfarbe = em3+em4+em5;
				name = 'Wilde Kirsche';
				extra =  'eignet';
    	break
      case "52":
				naturfarbe = em4+em5+em6+em7;
				name = 'Aubergine';
				extra =  'eignet';
    	break 
    	case "32":
				naturfarbe = em4+em5+em6+em7;
				name = 'Mokkabraun';
				extra =  'eignet';
    	break
    	case "12":
				naturfarbe = em4+em5+em6+em7;
				name = 'Dunkelbraun';
				extra =  'eignet';
    	break
      case "14":
				naturfarbe = em2+em3+em4+em5;
				name = 'Hellbraun';
				extra =  'eignet';
    	break
      case "34":
				naturfarbe = em2+em3+em4+em5+em6;
				name = 'Schokobraun';
				extra =  'eignet';
    	break
      case "42":
				naturfarbe = em3+em4+em5+em6+em7;
				name = 'Dunkle Kastanie';
				extra =  'eignet';
    	break
      case "11": 
				naturfarbe = em5+em6+em7;
				name = 'Schwarz';
				extra =  'eignet';
    	break
      case "21":
				naturfarbe = em5+em6+em7;
				name = 'Blauschwarz';
				extra =  'eignet';
    	break
		}
		
		series = 'cc';
	}
	
  if(series=='blondierungen'){
    
    	 
	
   if(nr == "01"){
      naturfarbe = em1+em2+em3+em4+em5;
      $('.content-left-text').html('<img style="display:block;margin-bottom:139px;" src="/img/loading-ajax.gif" />');
      $('#schuessel').attr("src","http://"+location.host+"/produkte/img/schokoschuessel_15Prozent.png");	
      $('#schuessel').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/schokoschuessel_15Prozent.png',sizingMethod='scale')");
    	if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#schuessel').attr('src','/img/trans.gif');
      }
      // button von schokoschüssel
      $('#technologie-button').css("display","none");
      //buton technologie
      $('#technologie').css("cursor","default");
      $('#technologie').attr("onclick","return false;");
      $('#product-technologie').attr("src","http://"+location.host+"/produkte/img/btn_technologie_inaktiv.png");	
      $('#product-technologie').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/btn_technologie_inaktiv.png',sizingMethod='scale')");
      if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#product-technologie').attr('src','/img/trans.gif');
      }
      
      window.setTimeout("updateLinkText01()", 1000);      
   }else if(nr == "02"){
      
      $('.content-left-text').html('<img style="display:block;margin-bottom:139px;" src="/img/loading-ajax.gif" />');
      $('#schuessel').attr("src","http://"+location.host+"/produkte/img/schokoschuessel_mittel.png");	
      $('#schuessel').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/schokoschuessel_mittel.png',sizingMethod='scale')");
      if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#schuessel').attr('src','/img/trans.gif');
      }
      // button von schokoschüssel
      $('#technologie-button').css("display","inline");
      //buton technologie
      $('#technologie').css("cursor","pointer");
      $('#technologie').attr("onclick","return true;");
      $('#product-technologie').attr("src","http://"+location.host+"/produkte/img/btn_technologie.png");	
      $('#product-technologie').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/btn_technologie.png',sizingMethod='scale')");
      if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#product-technologie').attr('src','/img/trans.gif');
      }
      
      window.setTimeout("updateLinkText02()", 1000);
   }else if(nr == "03"){
     
      $('.content-left-text').html('<img style="display:block;margin-bottom:139px;" src="/img/loading-ajax.gif" />');
      $('#schuessel').attr("src","http://"+location.host+"/produkte/img/schokoschuessel_15Prozent.png");	
      $('#schuessel').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/schokoschuessel_15Prozent.png',sizingMethod='scale')");
    	if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#schuessel').attr('src','/img/trans.gif');
      }
      // button von schokoschüssel
      $('#technologie-button').css("display","none");
      
      //buton technologie
      $('#technologie').css("cursor","default");
      $('#technologie').attr("onclick","return false;");
      $('#product-technologie').attr("src","http://"+location.host+"/produkte/img/btn_technologie_inaktiv.png");	
      $('#product-technologie').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/btn_technologie_inaktiv.png',sizingMethod='scale')");
      if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#product-technologie').attr('src','/img/trans.gif');
      }
      window.setTimeout("updateLinkText03()", 1000);
   }else if(nr == "04"){
      
      $('.content-left-text').html('<img style="display:block;margin-bottom:139px;" src="/img/loading-ajax.gif" />');
      $('#schuessel').attr("src","http://"+location.host+"/produkte/img/schokoschuessel_15Prozent.png");	
      $('#schuessel').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/schokoschuessel_15Prozent.png',sizingMethod='scale')");
    	if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#schuessel').attr('src','/img/trans.gif');
      }
      // button von schokoschüssel
      $('#technologie-button').css("display","none");
      //buton technologie
      $('#technologie').css("cursor","default");
      $('#technologie').attr("onclick","return false;");      
      $('#product-technologie').attr("src","http://"+location.host+"/produkte/img/btn_technologie_inaktiv.png");	
      $('#product-technologie').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/produkte/img/btn_technologie_inaktiv.png',sizingMethod='scale')");
      if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
        $('#product-technologie').attr('src','/img/trans.gif');
      }
      window.setTimeout("updateLinkText04()", 1000);      
   }else{
      // no todo
   }
   
   switch(nr) {		
	case "01":
		naturfarbe = em1+em2+em3+em4+em5;
		name = 'Arctic Blond';
		extra =  'eignet';
		nr ='';
	break;
  	case "02":
		naturfarbe = em1+em2+em3+em4+em5;
    name = 'Blondiercreme';
    extra =  'eignet';
    	nr ='';
	break;
  	case "03":
		naturfarbe = em1+em2+em3+em4+em5;
		name = 'Super Blond';
		extra =  'eignet';
			nr ='';
	break;
  	case "04":
		naturfarbe = em1+em2+em3+em4+em5;
		name = 'Highlights';
		extra =  'eignen';
		nr ='';
	break;		
  }  
   	 
   series = 'bl';
	}
	updateProductButton(nr);
	
	//prodtext = '<div>Ist Ihr Haar heller oder dunkler, fällt auch das Ergebnis heller oder dunkler aus. Haben Sie bereits heller coloriertes, blondiertes oder gesträhntes Haar oder ist Ihr Haar stark ergraut, kann das Farbergebnis wesentlich intensiver bzw. abweichend ausfallen.</div>';
	
	//Vergleichsergebnisse
//	htmlcon =htmlcon+'<div class="ergbild1_class"><img id="ergbild1" src="http://media.londa-consumer.de/produkte/img/ergebnisse/naturfarben_'+naturfarbe+'.png" style="width:323px;height:189px;"/></div>';	
//	htmlcon =htmlcon+'<div class="ergbild2_class"><img id="ergbild2" src="http://media.londa-consumer.de/produkte/img/ergebnisse/'+series+'_'+nr+'_E.png" style="width:241px;height:189px;"/></div>';
	htmlcon = '<div class="proderg_head2">'+nr+' '+name+' '+extra+' sich für folgende Ausgangshaarfarben:<br><br></div>';
  //htmlcon =htmlcon+nr;	
	htmlcon =htmlcon+naturfarbe;
	
  if(series!='bl'){
	//	htmlcon =htmlcon+'<div class="proderg"><img src="http://media.londa-consumer.de/img/lupe.png" style="width:20px;height:20px;cursor:pointer;" align="left" onclick="$(\'#popupbox\').show();"> Ihre Naturhaarfarbe ist nicht dabei?<br/>Erfahren Sie hier, ob diese Nuance auch für Ihre Ausgangshaarfarbe empfehlenswert ist.<br/><br/></div>';	
	}
	$('#product_results').html(htmlcon);
	
	getProductName(nr,series);
	
	if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
    $('#ergbild1').attr('src','/img/trans.gif');
  }
	$('#ergbild1').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.londa-consumer.de/produkte/img/ergebnisse/naturfarben_"+naturfarbe+".png',sizingMethod='scale')");
	
	if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
	  $('#ergbild2').attr('src','/img/trans.gif');
	}
	$('#ergbild2').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.londa-consumer.de/produkte/img/ergebnisse/"+series+"_"+nr+"_E.png',sizingMethod='scale')");
	
	
	/*pngRepair(".png");	 */
	
	if(series=='em'){
		//Button unter dem Carousel verschiebene
		width_btn = $('.button_mi').width();
		width_btn=width_btn+10;
		margin_ren = 290-width_btn/2;
		$('#carousel2_navigation').css('margin-left',margin_ren);
	}
	if(series=='cc'){
		//Button unter dem Carousel verschiebene
		width_btn = $('.button_mi').width();
		width_btn=width_btn+10;
		margin_ren = 200-width_btn/2;
		$('#carousel2_navigation').css('margin-left',margin_ren);		
	}
	
	if(series=='bl'){
		//Button unter dem Carousel verschiebene
		width_btn = $('.button_mi').width();
		width_btn=width_btn+10;
		margin_ren = 275-width_btn/2;
		$('#carousel2_navigation').css('margin-left',margin_ren);		
	}
	
	
}

function updateLinkText01(){
  $.ajax({
    url: '/produkte/blondierungen-links-text.php?tab=londa-artic-blond',
    success: function(data) {
      $('.content-left-text').html(data);
    }
  });
  if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
    $('#button-blondierung').attr('src','/img/trans.gif');
  }
	$('#button-blondierung').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/HL_blondierungen.png',sizingMethod='scale')");
	
	//alert("http://"+location.host+"/produkte/img/schokoschuessel_15Prozent.png");
	
}

function updateLinkText02(){
  $.ajax({
    url: '/produkte/blondierungen-links-text.php?tab=londa-blondiercreme',
    success: function(data) {
      $('.content-left-text').html(data);
    }
  });
  if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
    $('#button-blondierung').attr('src','/img/trans.gif');
  }
	$('#button-blondierung').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/HL_blondierungen.png',sizingMethod='scale')");
	
  
}
function updateLinkText03(){
  $.ajax({
    url: '/produkte/blondierungen-links-text.php?tab=londa-super-blond',
    success: function(data) {
      $('.content-left-text').html(data);
    }
  });
  if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
    $('#button-blondierung').attr('src','/img/trans.gif');
  }
	$('#button-blondierung').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/HL_blondierungen.png',sizingMethod='scale')");
	
  
}
function updateLinkText04(){
  $.ajax({
    url: '/produkte/blondierungen-links-text.php?tab=londa-highlights',
    success: function(data) {
      $('.content-left-text').html(data);            
    }
  });
  if (getBrowserName() == 'IE' && getBrowserVer() < 7) {
    $('#button-blondierung').attr('src','/img/trans.gif');
  }
	$('#button-blondierung').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/HL_blondierungen.png',sizingMethod='scale')");
  
     
}

function updateProductButton(nr){
  // technologie
  var technologie_href = $('#technologie').attr('href');
  var splithref = technologie_href.split("?");
  technologie_href = splithref[0];
  technologie_href = technologie_href+"?tab=technologie&pid="+nr;
  $('#technologie').attr("href",technologie_href);
  // anwendung
  var anwendung_href = $('#anwendung').attr('href');
  var splithref = anwendung_href.split("?");
  anwendung_href = splithref[0];
  anwendung_href = anwendung_href+"?tab=anwendung&pid="+nr;
  $('#anwendung').attr("href",anwendung_href);
  // conditioner
  var conditioner_href = $('#conditioner').attr('href');
  var splithref = conditioner_href.split("?");
  conditioner_href = splithref[0];
  conditioner_href = conditioner_href+"?tab=conditioner&pid="+nr;
  $('#conditioner').attr("href",conditioner_href);
}

function getProductInfo(nc,site) {	
	//alert(site);
	$.ajax({
		   type: "POST",
		   url: "/includes/colordata.php",
		   data: "nc="+nc,
		   success: function(html){		
			var temparr;
			temparr = html.split(';');
			//alert(temparr[1]);
			showProductInfo_CF(temparr[0],temparr[1],temparr[2],temparr[3],site);			
		   }
		 });
	//window.setTimeout("pngRepair()",1000);
	
}

function getProductName(nc,series) {
	//Popupvalues im Hintergrund füllen
	//alert("ser:"+series+"-nc:"+nc);
	$.ajax({
		   type: "POST",
		   url: "/includes/colorname.php",
		   data: "nc="+nc,
		   success: function(html){		
			//alert(html);
			
			
			val1 = '';
			val2 = '';
			val3 = '';
			val4 = '';
			if(series=='em'){	
				switch(nc) {		
					case "19":case "17":case "16":case "29":
						val1 = "dunkelblond";						
					break;		
					case "15":case "45":
						val1 = "mittelblond";	
						val2 = "hellbraun";						
					break;	
					case "51":
						val1 = "mittelblond";	
						val2 = "dunkelblond";
						val3 = "mittelbraun";
					break;
					case "55":
						val1 = "hellblond";	
						val2 = "dunkelblond";						
					break;
					case "53":
						val1 = "hellblond";	
						val2 = "mittelblond";
						val3 = "hellbraun";
					break;
					case "34":
						val1 = "hellblond";	
						val2 = "dunkelblond";
						val3 = "dunkelbraun";
					break;
					case "73":
						val1 = "hellblond";	
						val2 = "mittelblond";
						val3 = "hellbraun";
					break;
					case "12":
						val1 = "hellblond";	
						val2 = "mittelblond";
						val3 = "dunkelblond";
						val4 = "mittelbraun";
					break;
					case "76":
						val1 = "dunkelblond";							
					break;
					case "35":
						val1 = "mittelblond";	
						val2 = "hellbraun";
						val3 = "dunkelbraun";
					break;
					case "14":
						val1 = "hellblond";	
						val2 = "dunkelblond";
						val3 = "dunkelbraun";
					break;
					case "13":
						val1 = "hellblond";	
						val2 = "mittelblond";
						val3 = "hellbraun";
						val4 = "schwarz";
					break;
					case "11":case "21":
						val1 = "hellblond";	
						val2 = "mittelblond";
						val3 = "dunkelblond";
						val4 = "mittelbraun";
					break;
					
					
				}
				
				series = 'Londa Emotion';
			}
			if(series=='cc'){	
				switch(nc) {		
					case "16":case "38":case "47":case "18":case "19":
						val1 = "dunkelblond";
						/*val2 = "mittelbraun";
						val3 = "dunkelbraun";
						val4 = "schwarz";*/
						
					break;	
					
					case "15":
						val1 = "hellblond";
						val2 = "mittelbraun";
					break;
					
					case "39": case "17":
						val1 = "hellbraun";						
					break;
					case "55": case "53":
						val1 = "hellblond";
						val2 = "mittelblond";
						val3 = "dunkelblond";						
					break;
					case "45":
						val1 = "hellblond";
						val2 = "mittelblond";
					break;
					case "52":case "12":
						val1 = "hellblond";
						val2 = "mittelblond";
						val3 = "dunkelblond";
						val4 = "hellbraun";
					break;
					case "34":
						val1 = "hellblond";
						val2 = "mittelblond";
						val3 = "dunkelblond";
						val4 = "schwarz";
					break;
					case "32":
						val1 = "hellblond";
						val2 = "mittelblond";
						val3 = "dunkelblond";
						val4 = "hellbraun";
					break;
					case "14":
						val1 = "hellblond";
						val2 = "mittelblond";
						val3 = "dunkelbraun";
						val4 = "schwarz";
					break;
					case "42":
						val1 = "mittelblond";
						val2 = "dunkelblond";
						val3 = "hellbraun";						
					break;
					case "11":case "21":
						val1 = "hellblond";
						val2 = "mittelblond";
						val3 = "dunkelblond";
						val4 = "hellbraun";
					break;
				}
				
				series = 'Londa Color Creme';
			}
			
			
			
			if(series!='bl' && (val1!='' || val2!='' || val3!='' || val4!='')){ //nicht bei Blondierungen und wenn leer ist
				popuphtml = 'Auch mit folgenden Ausgangshaarfarben können Sie<br/>'+series+' '+html+' verwenden:*<br><br>';
				popcont = '';
				if(val1!=''){
					popcont = popcont+ '<div id="ausgangsfarbe1" class="ausgangsfarbeselect"><img src="http://media.londa-consumer.de/londa-colorfinder/img/Naturhaarfarben/'+val1+'.png"><br/>'+ucfirst(val1)+'</div>';	
				}
				if(val2!=''){
					popcont = popcont+ '<div id="ausgangsfarbe2" class="ausgangsfarbeselect"><img src="http://media.londa-consumer.de/londa-colorfinder/img/Naturhaarfarben/'+val2+'.png"><br/>'+ucfirst(val2)+'</div>';	
				}
				if(val3!=''){
					popcont = popcont+ '<div id="ausgangsfarbe3" class="ausgangsfarbeselect"><img src="http://media.londa-consumer.de/londa-colorfinder/img/Naturhaarfarben/'+val3+'.png"><br/>'+ucfirst(val3)+'</div>';	
				}
				if(val4!=''){
					popcont = popcont+ '<div id="ausgangsfarbe4" class="ausgangsfarbeselect"><img src="http://media.londa-consumer.de/londa-colorfinder/img/Naturhaarfarben/'+val4+'.png"><br/>'+ucfirst(val4)+'</div>';	
				}
				
							
				//<div id="ausgangsfarbe2" class="ausgangsfarbeselect"><img src="/londa-colorfinder/img/Naturhaarfarben/'+val2+'.png"><br/>'+ucfirst(val2)+'</div><div id="ausgangsfarbe3" class="ausgangsfarbeselect"><img src="/londa-colorfinder/img/Naturhaarfarben/'+val3+'.png"><br/>'+ucfirst(val3)+'</div><div id="ausgangsfarbe4" class="ausgangsfarbeselect"><img src="/londa-colorfinder/img/Naturhaarfarben/'+val4+'.png"><br/>'+ucfirst(val4)+'</div>'
				//popuphtml = popuphtml+ '<div id="ausgangsfarbe1" class="ausgangsfarbeselect"><img src="/londa-colorfinder/img/Naturhaarfarben/'+val1+'.png"><br/>'+ucfirst(val1)+'</div><div id="ausgangsfarbe2" class="ausgangsfarbeselect"><img src="/londa-colorfinder/img/Naturhaarfarben/'+val2+'.png"><br/>'+ucfirst(val2)+'</div><div id="ausgangsfarbe3" class="ausgangsfarbeselect"><img src="/londa-colorfinder/img/Naturhaarfarben/'+val3+'.png"><br/>'+ucfirst(val3)+'</div><div id="ausgangsfarbe4" class="ausgangsfarbeselect"><img src="/londa-colorfinder/img/Naturhaarfarben/'+val4+'.png"><br/>'+ucfirst(val4)+'</div>';
				
				popuphtml = popuphtml+popcont;
				$('#popupbox #popupheader').html(popuphtml);
			}
			else {
				$('.proderg').css('visibility','hidden');
			}

			//alert(popuphtml);
			
			
		
			//$('#alt-text').html('<div class="button_li"></div><div class="button_mi">'+nc+' '+html+'</div><div class="button_re"></div><div style="clear:both;float:none"></div>');
		   }
		 });	
}

function ucfirst (str) {
    // Makes a string's first character uppercase  
    // 
    // version: 1008.1718
    // discuss at: http://phpjs.org/functions/ucfirst    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   bugfixed by: Onno Marsman
    // +   improved by: Brett Zamir (http://brett-zamir.me)
    // *     example 1: ucfirst('kevin van zonneveld');
    // *     returns 1: 'Kevin van zonneveld'    str += '';
    var f = str.charAt(0).toUpperCase();
    return f + str.substr(1);
}

function showHint(nc){
	
	//alert(nc);
	
}