$(document).ready(function() {
    
    $("div#showpopup").dialog({
        title: 'Artikel wurde in Warenkorb gelegt',
        autoOpen: true,
        width: 400,
        modal: true,
        buttons: {
            schliessen: function() {
                $(this).dialog('close');
            }
        }
    });
    $("a#closepopup").click(function() {
        $("div#showpopup").dialog('close');
    });


    /*
     * zusätzliche Produkte zum Video anzeigen/verbergen
     */
    $("tr.mehrprodukte a").click(function() {
        $(this).parent().parent().siblings(".prodhide").toggle();
        $(this).parent().find("a").toggle();
       return false; 
    });
    
    /*
     * Popup mit Produktdaten
     */
    $("a.produktinfo").click(function(){
 
        $("div#produktinfo h3").html('...loading Data');
        $("div#produktinfo h4").html('');
        $("div#produktinfo p").html('');
        $("div#produktinfo img#produktbild").attr('src','');
 
        var pnr = $(this).parents(".prodshow").find(":hidden[name=pnr]").val();
        var produkturl = $(this).attr("href")
 
        //$.getJSON($("#baseurl").val() + '/cgi-bin/lurot.cgi?funktion=luberacouk_produktinfo&pnr=' + pnr,
        $.getJSON('/cgi-bin/lurot.cgi?funktion=luberacouk_produktinfo&pnr=' + pnr,
            function(data){
                $("div#produktinfo h3").html(data.name);
                $("div#produktinfo h4").html(data.kurzbeschreibung);
                $("div#produktinfo p").html(data.beschreibung);
                $("div#produktinfo img#produktbild").attr("src",data.produktbild_250);
                //$("div#produktinfo img#produktbild").attr("src","http://www.lubera.com/bilder/rot/produkte_250/"+pnr+".jpg");
                
                $("div#produktinfo div#luberashop a").attr("href",produkturl);
            }
        );
 
        $("div#produktinfo").dialog({
            title: 'Product Description',
            autoOpen: false,
            width: 600,
            modal: true,
            buttons: {
                close: function() {
                    $(this).dialog('close');
                }
            },
            open: function() {
                $('#formerrors').hide();
            },
            close: function() {
                //allFields.val('').removeClass('ui-state-error');
            }
        }).dialog('open');
        return false;
    });    
    
    
    $(".related_videos_hint").click(function() {
    	$(this).parent().parent().next().find(".related_videos table").toggle();
    });
    $(".close_related_videos").click(function() {
    	$(this).parents(".related_videos_table").hide();
    });
    
});