$(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('...lade Produktdaten');
        $("div#produktinfo h4").html('');
        $("div#produktinfo p").html('');
        $("div#produktinfo img#produktbild").attr('src','');
 
        var pnr = $(this).parents("tr").find(":hidden[name=pnr]").val();
        var produkturl = $(this).attr("href")
 
        $.getJSON($("#baseurl").val() + '/cgi-bin/lurot.cgi?funktion=gvideo_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.ch/bilder/rot/produkte_250/"+pnr+".jpg");
                
                $("div#produktinfo div#luberashop a").attr("href",produkturl);
            }
        );
 
        $("div#produktinfo").dialog({
            title: 'Produktdaten',
            autoOpen: false,
            width: 600,
            modal: true,
            buttons: {
                schliessen: function() {
                    $(this).dialog('close');
                }
            },
            open: function() {
                $('#formerrors').hide();
            },
            close: function() {
                //allFields.val('').removeClass('ui-state-error');
            }
        }).dialog('open');
        return false;
    });    
    
    
    /*
     * Popup mit Warenkorb
     */
    $("a.open_warenkorbpopup").click(function(){
 
        $("#warenkorbinhalt").hide();
        $("#warenkorbinhalt tbody tr.position").remove();
        $("#warenkorbinhalt tbody tr.td").html();
        $("div#warenkorbpopup h3").html('...lade Warenkorb').show();
 
        $.getJSON($("#baseurl").val() + '/cgi-bin/lurot.cgi?funktion=gvideo_warenkorb',
            function(data){
                
                $.each(data.positionen, function(i,position){
                
                    var pos_tr = $("#warenkorbinhalt tr.template").clone().removeClass('template').addClass('position');
                    
                    pos_tr.find("td.bestellnr").html(position.bestellnr);
                    pos_tr.find("td.menge").html(position.menge);
                    pos_tr.find("td.bezeichnung").html(position.bezeichnung + '<br/>' + position.rabatt);
                    pos_tr.find("td.eigenschaft").html(position.eigenschaft);
                    pos_tr.find("td.preis").html(position.preis + ' ' + data.waehrung);
                    
                    $("#warenkorbinhalt tr.template").after(pos_tr);
                });
                
                if(data.rabatt) {
                    $("div#warenkorbinhalt tr.rabatt td").html("Sie erhalten Rabatt für Ihre Bestellung. Weitere Informationen dazu im Lubera Shop bei Abschluss Ihrer Bestellung.");
                }
                
                $("#warenkorbinhalt tr.zwischensumme td").html('Zwischensumme: ' + data.zwischensumme + ' ' + data.waehrung);
                $("#warenkorbinhalt tr.versandkosten td").html('Versandkosten: ' + data.versandkosten + ' ' + data.waehrung);
                $("#warenkorbinhalt tr.total td").html('Gesamt: ' + data.total + ' ' + data.waehrung);
                
                
            } 
        );

        $("div#warenkorbpopup h3").hide();
        $("#warenkorbinhalt").show();
 
        $("div#warenkorbpopup").dialog({
            title: 'Ihr Warenkorb',
            autoOpen: false,
            width: 800,
            modal: true,
            buttons: {
                schliessen: function() {
                    $(this).dialog('close');
                }
            },
            open: function() {
                $('#formerrors').hide();
            },
            close: function() {
                //allFields.val('').removeClass('ui-state-error');
            }
        }).dialog('open');
        return false;
    });    
    
});