$(document).ready(function() {

    $("#ButtonHotels").click(function() {
    $("#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,#MenueW,#MenueH_F,#MenueL").fadeOut();
        $("#MenueH").fadeIn("slow");   
    })
    $("#ButtonWadies").click(function() {
    $("#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,#MenueH,#MenueH_F,#MenueL").fadeOut();
        $("#MenueW").fadeIn("slow");
    })
    $("#ButtonHistoryFacts").click(function() {
    $("#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,#MenueW,#MenueH,#MenueL").fadeOut();
        $("#MenueH_F").fadeIn("slow");
    })
    $(".btn-slide4").click(function() {
    $("#panel1,#panel2,#panel3,#panel5,#panel6,.Menue,#MenueL").fadeOut();
        $("#panel4").fadeIn("slow")
        $("#container4").append('<div id="new4"></div>')
                                            .children("#new4").hide()
                                            .load("extracontent/3DData/3Ddata.html div#wrap4", function() {
                                                $("#new4").fadeIn("slow");
                                                $(".Closebt").click(function() {
                                                    $("#panel4").fadeOut();
                                                });
                                            });
        return false;
    })
    $(".btn-slide5, #bannerimg").click(function() {
    $("#panel1,#panel2,#panel3,#panel4,#panel6,.Menue,#MenueL").fadeOut();
        $("#panel5").fadeIn("slow")
        $("#container5").append('<div id="new5"></div>')
                                            .children("#new5").hide()
                                            .load("extracontent/Gallery/Galleryframe.html div#wrap5", function() {
                                                $("#new5").fadeIn("slow");
                                                $(".Closebt").click(function() {
                                                    $("#panel5").fadeOut();
                                                });
                                            });
        return false;
    })

    $(".btn-slide6").click(function() {
    $("#panel1,#panel2,#panel3,#panel4,#panel5,.Menue,#MenueL").fadeOut();
        $("#CloseSearch").click(function() {
            $("#panel6").fadeOut();
        });
        $("#panel6").fadeIn("slow")
        return false;
    })
    $("#ButtonLinks").click(function() {
    $("#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,#MenueH,#MenueW,#MenueH_F").fadeOut();
        $("#MenueL").fadeIn("slow");
    })
    
    //Map expand
    $(".btn-slide8").toggle(
        function() {
    $("#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,.Menue,#MenueL").fadeOut();
            $(this).text("Resize Map");
            $("#Mapexpander").fadeIn("slow");
            $("#Mapexpander").append($("#Map1").animate({ Height: "100%", Width: "100%" }, 0));
            map.refresh(true);   //refreshFunktion autom. ausführen!
            $("#Mapexpander").append($("#Leftpanel").animate({ top: "15px" }, 0));
            //$("#Mapexpander").append($("#Legendbox").animate({ position: "absolute", bottom: "0px" }, 0));
            $("#Mapexpander").append($("#ScaleBar").animate({ position: "relative", bottom: "30px", right: "0px" }, 0));
            //return false;  return false ?!
        },
        function() {
            $(this).text("Expand Map");
            $("#Mapexpander").fadeOut("slow");
            $("#Maparea").append($("#Map1")); //.animate({ Height: "100%", Width: "100%" }, 0)
            $("#form1").append($("#Leftpanel").animate({ top: "180px" }, 0));
            $("#Maparea").append($("#ScaleBar").animate({ position: "relative", bottom: "30px", right: "0px" }, 0));
            //return false;  return false ?!
        });

    $("#Arrow").toggle(
        function() {
            $("#Arrow").attr({ src: "images/arrow_right.gif" });
            $("#Leftpanel").animate({ left: "-140" }, "slow");
        },
		function() {
		    $("#Arrow").attr({ src: "images/arrow_left.gif" });
		    $("#Leftpanel").animate({ left: "-1" }, "slow");
		});

    $("#ArrowLegend").toggle(
        function() {
            $("#ArrowLegend").attr({ src: "images/arrow_Down.gif" });
            $("#Legendbox").animate({ position: "absolute", top: "-133px" }, "slow");
        },
	    function() {
	        $("#ArrowLegend").attr({ src: "images/arrow_Up.gif" });
	        $("#Legendbox").animate({ position: "absolute", top: "5px" }, "slow");
	    });

	    $("#Navigation a, #Navigationlist1 a, #Navigationlist3 a, #Navigationlist4 a, #Navigationlist7 a, .pdfimg, .previewimg1, .previewimg2").hover(function() {
        $(this).fadeTo(100, 0.33);
        $(this).fadeTo(400, 1);
    });
    $(".imagelarge").click(function() {
        $("#hb").hide();
        $("#framebg").fadeIn("slow");

    });

});