function removeHTMLTags(inputcode) {
    var strInputCode = inputcode;
    strInputCode = strInputCode.replace(/&(lt|gt);/g, function(strMatch, p1) {
        return (p1 == "lt") ? "<" : ">";
    });
    var strTagStrippedText = strInputCode.replace(/<\/?[^>]+(>|$)/g, "");
    return strTagStrippedText;
}


// JavaScript Document
$(document).ready(function () {

    if ($("#map").length > 0) {
        if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            var x = map.getMapTypes();
            map.setMapType(x[2]);
            map.setCenter(new GLatLng(54.163608, 11.953881), 15);
            var point = new GLatLng(54.162908, 11.953881);
            map.addOverlay(new GMarker(point));
            map.setUIToDefault();
        }
    }

    //EXTERNES FENSTER ÖFFNEN 
    $("a[rel='external']").click(function (event) {
        window.open($(this).attr("href"));
        event.preventDefault();
    });

    //buchen
    $('a.buchpauschale').click(function () {
        //var buchpauschale = $(this).parents("div").children('h3').children('a').html()
        var buchpauschale = $(this).attr("alt");
        $("#fpauschale option").each(function () {
            if ($(this).val() == buchpauschale) {
                $(this).attr("selected", "selected");
                $("#fpauschale2").val(removeHTMLTags($(this).text()));
                $.scrollTo($('#buchungspanel'), 800, { offset: -20 });
                // window.location.href = "#buchungspanel";
            }
        });
    });
    $('#fpauschale').change(function () {
        $("#fpauschale2").val(removeHTMLTags($(this + "option:selected").text()));
    });
    // Autovalue
    $('.message').focus(
	    function () { if ($(this).val() == $(this).attr("title")) { $(this).val('') } },
		function () { if ($(this).val() == '') { $(this).val($(this).attr("title")) } }
	);
    $('.message').blur(
		function () { if ($(this).val() == '') { $(this).val($(this).attr("title")) } }
	);

    /* FADE THINGS */
    $(".fade").hover(function () {
        $(this).animate({ opacity: 0.40 }, 100);
    }, function () {
        $(this).animate({ opacity: 1 }, 100);
    });

    $("#miniform").tabs("#miniform form.pane", { tabs: 'h4', effect: 'slide', initialIndex: null });

    //$("#preise").tabs(".clicked", { tabs: 'h2', effect: 'slide', initialIndex: null });

    $("#events").tabs(".events", { tabs: 'a.events_link', initialIndex: null });


    if ($("#slideshow a").length > 0) {
        $('#slideshow a').overlay({
            target: '#gallery',
            expose: {
                maskId: 'exposeMask',
                color: '#533524',
                opacity: 0.95
            }
        }).gallery({
            speed: 800
        });

    }

    if ($(".slideshow a").length > 0) {

        //        $('.slideshow a').overlay({
        //            target: '#gallery',
        //            expose: {
        //                maskId: 'exposeMask',
        //                color: '#533524',
        //                opacity: 0.95
        //            }
        //        }).gallery({
        //            speed: 800
        //        });


        $('.slideshow a').overlay({
            target: '#gallery2',
            expose: {
                maskId: 'exposeMask',
                color: '#533524',
                opacity: 0.95
            },
            onBeforeLoad: function () {
                $('#gallery2 #putImage').empty();
                var imgUrl = this.getTrigger().attr('href');
                var imgTitle = this.getTrigger().attr('title');

                $('#gallery2 #putImage').append('<img src="' + imgUrl + '" alt="' + imgTitle + '" title="' + imgTitle + '" />'); //style="width:800px;"

            },
            onLoad: function () {
                if ($('#gallery2 #putImage img').width() > 900) {
                    $('#gallery2 #putImage img').attr('style', 'width:600px;');
                    $('#gallery2 #putImage').attr('style', 'width:600px;')
                }
            }
        })
    }

    //Navigation
    $('ul#nav ul').stop().css({ 'display': 'block' }); // Fallback remove
    $('ul#nav ul').hide();

    $('ul#nav li').hover(
		    function () {
		        $(this).children('ul').slideDown(200);
		    },
		    function () {
		        $(this).children('ul').slideUp(100);
		    }
	    );


    //Datepicker
    //Delete Date Config for using english format
    Date.abbrDayNames = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
    Date.abbrMonthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'];
    Date.monthNames = ['Januar', 'Februar', 'Maerz', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'];
    Date.firstDayOfWeek = 1;
    Date.format = 'dd. mmmm yyyy';

    $('input#anreise').datePicker({ clickInput: true });
    $('input#abreise').datePicker({ clickInput: true });
    $('input#fanreise').datePicker({ clickInput: true });
    $('input#fabreise').datePicker({ clickInput: true });


    $('#fkinderalter').keydown(function (event) {
        if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 32) {
            if (event.keyCode == 32) { $('#fkinderalter').val($('#fkinderalter').val() + ',') }
        }
        else {
            if ((event.keyCode > 9 && event.keyCode < 48) || event.keyCode > 57) { event.preventDefault(); }
        }
    });

    // Form validierung
    $("#buchung").validate({
        submitHandler: function (form) {
            form.submit();
        },
        rules: {
            fanreise: "required",
            fabreise: "required",
            ferwachsene: "required",
            fanrede: "required",
            fvorname: "required",
            fname: "required",
            ftelefon: "required",
            femail: {
                required: true,
                email: true
            }
        },
        messages: {
            fanreise: "Geben Sie bitte den Anreisetag ein",
            fabreise: "Geben Sie bitte den Abreisetag ein",
            ferwachsene: "Geben Sie die Anzahl Erwachsener pro Zimmer ein",
            fanrede: "Geben Sie bitte Ihre Anrede ein",
            fvorname: "Geben Sie bitte Ihren Vornamen ein",
            fname: "Geben Sie bitte Ihren Namen ein",
            ftelefon: "Geben Sie bitte Ihre aktuelle Telefonnummer ein",
            femail: "Geben Sie bitte eine korrekte E-Mail-Adresse ein"
        }
    });

    $("#katalog").validate({
        submitHandler: function (form) {
            form.submit();
        },
        rules: {
            kanrede: "required",
            kvorname: "required",
            kname: "required",
            kemail: {
                required: true,
                email: true
            }
        },
        messages: {
            kanrede: "Geben Sie bitte Ihre Anrede ein",
            kvorname: "Geben Sie bitte Ihren Vornamen ein",
            kname: "Geben Sie bitte Ihren Namen ein",
            kemail: "Geben Sie bitte eine korrekte E-Mail-Adresse ein"
        }
    });

    //Ausgewählte Pauschalen einblenden (Buchungsanfrage)
    var getID = "";
    $('#fpauschale').change(function () {
        $('#AppendContentLeft').empty();
        $('#AppendContentRight').empty();

        $('.hide').hide();

        getID = $(this).val();
        $('#' + getID + ' .article').clone().appendTo('#AppendContentLeft').hide();
        $('#' + getID + ' .article_right').clone().appendTo('#AppendContentRight').hide();

        $('#AppendContentLeft .article').fadeIn('slow');
        $('#AppendContentRight .article_right').fadeIn('slow');
    });

    //Eventkalender Slide down
    $('.events_link').click(function () {
        $('.hide').hide();
    });

    $('.slide').click(function () {

        //$('.hide').slideUp();
        //var getClass = $(this).attr('rel');
        //$('.' + getClass).slideToggle('slow');


        $(this).next("div").slideToggle("slow").siblings("div.hide:visible").slideUp("slow");

        return false;
    });


    if ($(".panoramaIFrame a").length > 0) {

        $('.panoramaIFrame a').overlay({
            target: '#panorama',
            expose: {
                maskId: 'exposeMask',
                color: '#533524',
                opacity: 0.95
            },
            onBeforeLoad: function (event, index) {
                var addToIframe = this.getTrigger().attr("href");
                $("#panoramaFrame").attr("src", "");
                $("#panoramaFrame").attr("src", addToIframe);
            }
        });
    }

});