jQuery.noConflict();

jQuery(document).ready(function() {

	function change_big_image(thumb_id) {
		
		// zum Bilder-Reiter wechseln
		jQuery("div#video-reiter").hide();
		jQuery("div#bilder-reiter").show();
		jQuery("#tabnav-video").removeClass('selected')
		jQuery("#tabnav-bilder").addClass('selected')	    	

		var big_image = jQuery(".widget .mid > img:visible");
		var big_image_data = big_image.attr("rel").split('-');
		
		jQuery(".external-slidercontrol").css('font-weight','normal');
		jQuery(".externalControl ." + thumb_id).css('font-weight','bold');
		
		// neues Bild zeigen
		if(big_image_data[2] != thumb_id) {
			
   			big_image.fadeOut(500, function() {

   				var current_big_image = jQuery("img#bild-" + thumb_id);
   				
	   			current_big_image.fadeIn(800, function() {
	   				
    	   			// Zoom-Icon zeigen/verstecken
    	   		    if(jQuery('#' + current_big_image.attr("rel")).is('a')) {
    	   		    	jQuery('#zoom-icon').show();
    	   		    	current_big_image.parent().addClass("zoomable");
    	   		    } else {
    	   		    	jQuery('#zoom-icon').hide();
    	   		    	current_big_image.parent().removeClass("zoomable");
    	   		    }	    	   				
	   				
	   			}).siblings("img").hide();
	   			
   			});
			
		}		
	}	
	
	/*
	 * Imageslider mit Produktbildern
	 */
	var anzahl_bilder = parseInt(jQuery('#anzahl_bilder_im_slider').val());
	
	jQuery(".widget .jCarouselLite").jCarouselLite({
	    btnNext: ".widget .next",
	    btnPrev: ".widget .prev",
	    btnGo:
	        [".externalControl .1", ".externalControl .2",
	        ".externalControl .3", ".externalControl .4",
	        ".externalControl .5", ".externalControl .6",
	        ".externalControl .7", ".externalControl .8",
	        ".externalControl .9", ".externalControl .10",
	        ".externalControl .11", ".externalControl .12",
	        ".externalControl .13", ".externalControl .14",
	        ".externalControl .15", ".externalControl .16",
	        ".externalControl .17", ".externalControl .18",
	        ".externalControl .19", ".externalControl .20",
	        ".externalControl .21", ".externalControl .22"],	    
	    visible: parseInt(jQuery('#anzahl_bilder_im_slider').val()),
	    circular: true,
	    afterEnd: function(a) {

						var current_thumb = jQuery(a[0]).find("img");
				       	var img_id = current_thumb.attr("id");
				       	var id_data = img_id.split('-');
						var thumb_id = id_data[1];
						
						change_big_image(thumb_id);
	    	      }
	});

	// Klick auf Produktbild Thumbnail
	jQuery('.externalControl li img').click(function() {
			var thumb_data = jQuery(this).attr('id').split('-');
			
			// Thumbnail verschieben und Produktbild anzeigen
			if(jQuery(this).hasClass('switchme')) {
				jQuery('.externalControl .' + thumb_data[1]).click();
				
			// Nur Produktbild anzueigen
			} else {
				change_big_image(thumb_data[1]);
			}
	});

	jQuery('img.open-grosses-produktbild').click(function() {
		jQuery('#' + jQuery(this).attr('rel')).click();
	});
	jQuery('#zoom-icon img').click(function() {
		jQuery(this).parent().siblings("img:visible").click();
	});
	jQuery('a.produktbild-gross').colorbox({
		maxWidth: "90%",
		maxHeight: "90%",
		rel: "produktbilder",
		current: "Bild {current} von {total}"
	});
	
	jQuery("#tabnav-bilder").click(function() {
		jQuery("div#video-reiter").hide();
		jQuery("div#bilder-reiter").show();		
//
//		var big_image = jQuery(".widget .mid > img");
//		big_image.hide();
		jQuery("#tabnav-video").removeClass('selected')
		jQuery("#tabnav-bilder").addClass('selected')
//		big_image.fadeIn(800);
	});
	jQuery("#tabnav-video").click(function() {
		jQuery("div#video-reiter").show();
		jQuery("div#bilder-reiter").hide();	
		
		jQuery("#tabnav-video").addClass('selected')
		jQuery("#tabnav-bilder").removeClass('selected')
	});	

	
	// Produktbild bei Mouseover anzeigen auf Facebook 
	jQuery("img.prod_thumbnail").mouseover(function() {
		
		jQuery("#prodimg").attr('src', jQuery(this).parent().attr('rel'));
		
		//alert(jQuery(this).next('input').val());
//		jQuery("img#prodimg").attr('src', jQuery(this).next('input').val());
//		var zoom_img = jQuery(this).parent().attr('href');
//		if(zoom_img != 'javascript:return false;') {
//			jQuery("div#zoom_prodimg").show();
//		} else {
//			jQuery("div#zoom_prodimg").hide();
//		}
		return false;
	});
/*	
	// Klick auf Produktbild oder Zoom-Link -> zoomen
	jQuery("a#zoom_click").click(function(){
		
		jQuery("a.prod_img_link").each(function() {
			var img1 = jQuery(this).find('input').val();
			var img2 = jQuery('a#zoom_click img').attr('src');
			if(img1 == img2) {
				jQuery(this).trigger('click');
				return false;
			}
		});
		//jQuery("a#img_zoom_2").trigger('click');
		return false;
		
	});
		*/
	
    /*
     * Popup mit Erklaerung zu Kreditkartenzahlung
     */
	jQuery("a.popup_kreditkarte").click(function(){
 
		jQuery("div#popup_kreditkarte").dialog({
            title: 'Sichere Zahlung mit Kreditkarte',
            autoOpen: true,
            width: 600,
            modal: true,
            buttons: {
                schliessen: function() {
                    jQuery(this).dialog('close');
                }
            }
        });
        return false;
    }); 	

    /*
     * Popup mit Erklaerung zu Bezahlung per Rechnung
     */
	jQuery("a.popup_keine_kreditkarte").click(function(){
 
		jQuery("div#popup_keine_kreditkarte").dialog({
            title: 'Keine Kreditkarte?',
            autoOpen: true,
            width: 600,
            modal: true,
            buttons: {
                schliessen: function() {
                    jQuery(this).dialog('close');
                }
            }
        });
        return false;
    }); 
	
    /*
     * Popup mit Video zur Bezahlung per Kreditkarte
     */
	jQuery("a.popup_kk_video_1").click(function(){
 
		jQuery("div#popup_kk_video_1").dialog({
            title: 'Zahlung per Kreditkarte',
            autoOpen: true,
            width: 600,
            modal: true,
            buttons: {
                schliessen: function() {
                    jQuery(this).dialog('close');
                }
            }
        });
        return false;
    }); 	


	
    /*
     *   Alle zusammengehörende Produktboxen auf die gleiche Größe setzen.
     */
	jQuery("tr.productbox_danach, div.productbox_in_liste, div.productbox_auf_detailseite").each(function() {
        
        var productboxes = new Array();
        
        jQuery(this).find("div.productbox_neu").each(function() {
                productboxes.push(this);
        });
        jQuery(this).next().find("div.productbox_neu").each(function() {
                productboxes.push(this);
        });
        
        var maxHeight = 0;
        jQuery.each(productboxes, function() {
            var height;
            if(jQuery.browser.msie) { 
                height = jQuery(this).outerHeight();
            } else {
                height = jQuery(this).height();
            }
            if(height > maxHeight) { 
                maxHeight = height;
            }
        });
            
        if(jQuery.browser.msie) { 
            jQuery.each(productboxes, function() {
                jQuery(this).css({'height': maxHeight, 'min-height': maxHeight, 'margin-bottom': '1px'}); 
            });
        } else {
            jQuery.each(productboxes, function() {
                jQuery(this).css({'min-height': maxHeight});
            });
        } 
    });
    
    jQuery("tr.lupic_productboxrow div.productbox_neu:even").addClass('clear');

    /*
     *   Alle drei Produkte in Liste auf gleiche Hoehe setzen
     */
	jQuery("ul.product_list li.first").each(function() {
        
        var productboxes = new Array();

        productboxes.push(this);
        jQuery(this).nextUntil("li.first").each(function() {
                productboxes.push(this);
        });
        
        var maxHeight = 0;
        jQuery.each(productboxes, function() {
            var height;
            if(jQuery.browser.msie) { 
                height = jQuery(this).outerHeight();
            } else {
                height = jQuery(this).height();
            }
            if(height > maxHeight) { 
                maxHeight = height;
            }
        });
            
        if(jQuery.browser.msie) { 
            jQuery.each(productboxes, function() {
                jQuery(this).css({'height': maxHeight, 'min-height': maxHeight, 'margin-bottom': '1px'}); 
            });
        } else {
            jQuery.each(productboxes, function() {
                jQuery(this).css({'min-height': maxHeight});
            });
        } 
    });    
    
	/*
	 * Versteckte Videos auf Produktseite anzeigen
	 */
	jQuery(".show_more_videos a").click(function(){
		jQuery(this).parents('.show_more_videos').nextUntil(':not(.hide)').show();
		return false;
	});
	
	
    /*
     * Popup mit Produktdaten
     */
     
    jQuery("a.produktinfo").click(function(){
 
	      var produktinfo = '<div id="produktinfo" style="display:none;">'
	      + '<div id="leftcol">'
	      + '      <img id="produktbild" src="../rot/bilder/nopic_120.gif" />'
	      + '      <br/>'
	      + '      <div id="luberashop">'
	      + '          <a href="" target="luberashop"><img src="../gartenvideo/lubera_logo.gif" border="0" width="85" height="35" title="Artikel im Lubera Shop anschauen" /></a>'
	      + '          <br/>'
	      + '          <a href="" target="luberashop">Artikel im Lubera Shop anschauen</a>'
	      + '      </div>'
	      + '  </div>'
	      + '  <div id="infotext">'
	      + '      <h3></h3>'
	      + '      <h4></h4>'
	      + '      <p></p>'
	      + '  </div>'
	      + '</div>';
	      jQuery('body').append(produktinfo);    	
    	
        jQuery("div#produktinfo h3").html('...lade Produktdaten');
        jQuery("div#produktinfo h4").html('');
        jQuery("div#produktinfo p").html('');
        jQuery("div#produktinfo img#produktbild").attr('src','');
 
        var pnr = jQuery(this).parents("div.productbox_neu").find(":hidden[name=pnr]").val();
        var produkturl = jQuery(this).attr("href")
 
        jQuery.getJSON('/cgi-bin/lurot.cgi?funktion=shop_produktinfo&pnr=' + pnr,
            function(data){
                jQuery("div#produktinfo h3").html(data.name);
                jQuery("div#produktinfo h4").html(data.kurzbeschreibung);
                jQuery("div#produktinfo p").html(data.beschreibung);
                jQuery("div#produktinfo img#produktbild").attr("src",data.produktbild_250);
                jQuery("div#produktinfo div#luberashop a").attr("href",produkturl);
            }
        );
 
         jQuery("div#produktinfo").dialog({
            title: 'Produktdaten',
            autoOpen: false,
            width: 600,
            modal: true,
            open: function() {
                jQuery('#formerrors').hide();
            },
            close: function() {
                //allFields.val('').removeClass('ui-state-error');
                jQuery(this).dialog('destroy');
                jQuery("#produktinfo").detach();            	
            }
        });
        jQuery("div#produktinfo").dialog('open');
        return false;
    }); 
    


//    var produktinfo = '<div id="produktinfo" style="display:none;">'
//                      + '<div id="leftcol">'
//                      + '      <img id="produktbild" src="" />'
//                      + '      <br/>'
//                      + '      <div id="luberashop">'
//                      + '          <a href="" target="luberashop"><img src="../gartenvideo/lubera_logo.gif" border="0" width="85" height="35" title="Artikel im Lubera Shop anschauen" /></a>'
//                      + '          <br/>'
//                      + '          <a href="" target="luberashop">Artikel im Lubera Shop anschauen</a>'
//                      + '      </div>'
//                      + '  </div>'
//                      + '  <div id="infotext">'
//                      + '      <h3></h3>'
//                      + '      <h4></h4>'
//                      + '      <p></p>'
//                      + '  </div>'
//                      + '</div>';
//    jQuery('body').append(produktinfo);
    
    
    if(jQuery.getUrlVar('popup') == 1) {
        
        var lang = jQuery.getUrlVar('lang');
        jQuery('body').append('<div id="nach_in_warenkorb_legen_popup"><p>Der Artikel wurde in den Warenkorb gelegt.</p><h2><a href="/cgi-bin/lurot.cgi?funktion=shop_warenkorb&lang=' + lang + '">Zum Warenkorb</a></h2></div>');
        
        jQuery("#nach_in_warenkorb_legen_popup").dialog({
            title: 'Artikel wurde in Warenkorb gelegt',
            autoOpen: true,
            width: 400,
            modal: true,
            buttons: {
                schliessen: function() {
                    jQuery(this).dialog('close');
                }
            }
        });        
        
        jQuery("#nach_in_warenkorb_legen_popup a.schliessen").click(function() {
            jQuery("#nach_in_warenkorb_legen_popup").dialog('close');
            return false;
        });
        
    }
    
    
    /*
     * Infobox wenn Besucher von Google-Suche kommt
     */
    
    var google_regex = /^http:\/\/(www\.)?google\.[a-z]+.*q=([^&]+)&/;
    var referrer_match = window.document.referrer.match(google_regex);
    if(referrer_match != null) {
    	var search_string = referrer_match.pop();
    	search_string = URLDecode(search_string);
    	var search_string_label = search_string;
    	if(search_string.match(/\+/)) {
    		search_string_label = search_string.replace(/\+/g,' ');
    	}
        jQuery('div.right div.navigation').after('<div class="google-hinweis">Haben Sie&nbsp;&nbsp;<span class="google-search-string">"' + search_string_label + '"</span>&nbsp;&nbsp;gefunden?<p>Andernfalls versuchen Sie unsere Suchoptionen:<br><a href="/cgi-bin/lurot.cgi?funktion=shop_suche">Suche im Lubera&reg; Shop</a><br><a href="/cgi-bin/lurot.cgi?funktion=shop_pflanzenfinder">Lubera&reg; Pflanzenfinder</a></p></div>');
        //jQuery('div.right div.navigation').after('<div style="display:none;" class="google-hinweis">Haben Sie&nbsp;&nbsp;<span class="google-search-string">"' + search_string_label + '"</span>&nbsp;&nbsp;gefunden?<p>Andernfalls versuchen Sie unsere Suchoptionen:<br><a href="/cgi-bin/lurot.cgi?funktion=shop_suche">Suche im Lubera&reg; Shop</a><br><a href="/cgi-bin/lurot.cgi?funktion=shop_pflanzenfinder">Lubera&reg; Pflanzenfinder</a></p></div>');
    }
    
});

function URLDecode (encodedString) {
	  var output = encodedString;
	  var binVal, thisString;
	  var myregexp = /(%[^%]{2})/;
	  while ((match = myregexp.exec(output)) != null
	             && match.length > 1
	             && match[1] != '') {
	    binVal = parseInt(match[1].substr(1),16);
	    thisString = String.fromCharCode(binVal);
	    output = output.replace(match[1], thisString);
	  }
	  return output;
}

function showElement(elem) {
	//document.getElementById('video').style.visibility="hidden";
	document.getElementById(elem).style.visibility="visible";
}

function hideElement(elem) {
	document.getElementById(elem).style.visibility="hidden";
	//document.getElementById('video').style.visibility="visible";
}

jQuery.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return jQuery.getUrlVars()[name];
  }
});