$(document).ready(function(){
    $(".hide").hide();
    $(".box").addClass("shadow");
    $(".legend").cluetip({
        cluezIndex: 800,
        width: 250
    });
    $('a.karte_region').cluetip({
        cluezIndex: 800,
        local: true,
        hideLocal: true,
        width: 750,
        height: 700
    }).click(function(){
        return false;
    });
    $(".legend:not(.programm_pikto_a), .karte_region").mouseover(function(){
        $(this).css({
            "border": "1px dashed #a4c537"
        });
    }).mouseout(function(){
        $(this).css({
            "border": "1px solid #fff"
        });
    });
    $(".shadow").dropShadow({
        left: 1,
        top: 1,
        opacity: 0.4,
        blur: 1
    });
    
    $(".tab").each(function(){
        $(this).tabs({
            show: function(){
                $(".shadow").redrawShadow({});
            }
        });
    });
    $("#programm_suche").keyup(function(){
        var $search = $(this).val();
        var $v_type = $("#v_type").val();
        var $w_region = $("#w_region").val();
        var $lang = $("#lang").val();
        var $nav = $("#nav").val();
        var $vars = "";
        $vars += "task=programm_search";
        $vars += "&search_string=" + $search;
        $vars += "&v_type=" + $v_type;
        $vars += "&w_region=" + $w_region;
        $vars += "&lang=" + $lang;
        $vars += "&nav=" + $nav;
        
        $.post("../../content_scripts/request_handle.php", $vars, function(data){
            $("#programm").empty();
            $("#programm").html(data);
            $(".hide").hide();
            tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
            $(".tab").each(function(){
                $(this).tabs();
            });
            $(".legend").cluetip({
                cluezIndex: 800,
                width: 250
            });
            $('a.karte_region').cluetip({
                cluezIndex: 800,
                local: true,
                hideLocal: true,
                width: 750,
                height: 700
            }).click(function(){
                return false;
            });
            $(".legend:not(.programm_pikto_a), .karte_region").mouseover(function(){
                $(this).css({
                    "border": "1px dashed #a4c537"
                });
            }).mouseout(function(){
                $(this).css({
                    "border": "1px solid #fff"
                });
            });
            $(".shadow").redrawShadow({});
        });
    });
    $("#bestellform").validate();
    $(".readonly").attr("readonly", "readonly");
    $("a[href='#']").each(function(){
        $(this).click(function(){
            return false;
        });
    });
    $("a#add_table_field").click(function(){
        var id = $("table#bestell_table tr:last").attr("id");
        id = id.split("_");
        id = id[1];
        $.get("../../content_scripts/request_handle.php", "task=get_new_bestell_elem&counter=" + id, function(data){
            $("tr#last_tr").before(data);
            $(".readonly").attr("readonly", "readonly");
            $(".anzahl, .bestellnr").bind("keyup", function(){
                getData($(this))
            });
            $("a[href='#']").each(function(){
                $(this).click(function(){
                    return false;
                });
            });
            $(".remtr").click(function(){
                var id = $(this).attr("id");
                id = id.split("_");
                id = id[1];
                $("#tr_" + id).remove();
                $(".shadow").redrawShadow({});
            });
            $(".shadow").redrawShadow({});
        });
    });
    $(".anzahl, .bestellnr").bind("keyup", function(){
        getData($(this))
    }).blur(function(){
        getData($(this));
    });
    $(".remtr").click(function(){
        var id = $(this).attr("id");
        id = id.split("_");
        id = id[1];
        $("#tr_" + id).remove();
        $(".shadow").redrawShadow({});
    });
    $("#plakettenanzahl").keyup(function(){
        $("#plakettengesamtpreis").val($(this).val() * $("#plaketteneinzelpreis").val());
        var summe = 0
        $(".gesamtpreis").each(function(){
            summe = summe + ($(this).val() * 1);
        });
        summe = summe + $("#plakettengesamtpreis").val() * 1;
        $("#summe").val(summe);
    });
});

function getData(elem){
    var id = elem.attr("id");
    id = id.split("_");
    id = id[1];
    var bestellnr = $("#bestellnr_" + id).val();
    var anzahl = $("#anzahl_" + id).val();
    if (bestellnr) {
        $.get("../../content_scripts/request_handle.php", "task=get_bestell_kosten&anzahl=" + anzahl + "&wanderung=" + bestellnr, function(data){
            if (data.error) {
                $("#tr_" + id).css({
                    "border": "1px solid #cc0000"
                });
                $("#gesamtpreis_" + id).val("");
                $("#einzelpreis_" + id).val("");
                $("#datum_" + id).val("");
                $("#bestellform").append('<div id="callback" class="nofloat"></div>');
                $("#callback").html(data.error + " (" + bestellnr + ")");
                $(".shadow").redrawShadow({});
            }
            else {
                $("#gesamtpreis_" + id).val(data.preis_gesamt);
                $("#einzelpreis_" + id).val(data.preis_einzel);
                $("#datum_" + id).val(data.datum);
                $("#callback").remove();
                $(".shadow").redrawShadow({});
            }
        }, "json");
    }
    else {
        $("#gesamtpreis_" + id).val("");
        $("#einzelpreis_" + id).val("");
        $("#datum_" + id).val("");
        $("#callback").remove();
        $(".shadow").redrawShadow({});
    }
    var summe = 0;
    $(".gesamtpreis").each(function(){
        summe = summe + ($(this).val() * 1);
        $("#summe").val(summe);
    });
}


function popup(url){
    fenster = window.open(url, "Print-Popup", "width=620,height=700,resizable=no,scrollbars=yes");
    fenster.focus();
    return false;
}

function cm_expander(id){
    tb_show($("#cm_expander_teaser_62" + id + " h1").html(), "#TB_inline?height=620&width=700&inlineId=cm_expander_" + id);
}