var BUTTON_DETAIL = "b-detail-detail";
var BUTTON_KARTE = "b-detail-karte";
var BUTTON_LIMIT = "b-detail-limit";
var BUTTON_BILDER = "b-detail-bilder";

var detailPolizei = new Array();

initDetailPolizei();

function initDetailPolizei(){

        detailPolizei["unika_id"] = "";
		detailPolizei["g_b"]=0;
        detailPolizei["g_l"]=0;
        detailPolizei["google_detail_punkt_anzeigen"]="";
        detailPolizei["gruppe"] = "";

		detailPolizei["innerDetails"] = "";

        detailPolizei["button_aktu"] = BUTTON_DETAIL;

        detailPolizei["buttons"] = new Array();
        detailPolizei["buttons"][0] = BUTTON_DETAIL;
        detailPolizei["buttons"][1] = BUTTON_KARTE;
        detailPolizei["buttons"][2] = BUTTON_LIMIT;
        detailPolizei["buttons"][3] = BUTTON_BILDER;

        detailPolizei["bildGrossAktu"] = "";
        detailPolizei["kleineBilder"] = new Array();
}


function replaceDetailPolizei(){
	var formularchik = document.form_detail_hidden;
	detailPolizei["unika_id"] = formularchik.unika_id.value;

	detailPolizei["g_b"]= formularchik.g_b.value;
    detailPolizei["g_l"]= formularchik.g_l.value;
    //detailPolizei["google_detail_punkt_anzeigen"]="";
    detailPolizei["gruppe"] = formularchik.gruppe.value;

	detailPolizei["innerDetails"] = "";

    detailPolizei["button_aktu"] = "XXX";

    detailPolizei["buttons"] = new Array();
    detailPolizei["buttons"][0] = BUTTON_DETAIL;
    detailPolizei["buttons"][1] = BUTTON_KARTE;
    detailPolizei["buttons"][2] = BUTTON_LIMIT;
    detailPolizei["buttons"][3] = BUTTON_BILDER;

    detailPolizei["bildGrossAktu"] = "";
    detailPolizei["kleineBilder"] = new Array();

}

function setInnerDetails(){

        bereich = document.getElementById("objektDetail_inner");
        if(bereich != null)
        {
                detailPolizei["innerDetails"] = bereich.innerHTML;
        }
        else
        {
                detailPolizei["innerDetails"] = "???";
        }

}


// < falls navi als reiter
//--------------------------------------

function zeichneReiter(buttonId, klass){

        //tauscheTabBar();
		if( getKlass(buttonId) != "wahl"  )//buttonId != keyPolizei["BUTTON_WAHL"] )
        {
                setKlass(buttonId, klass);
        }
}



function setReiterDetailInner(buttonId){
        //alert(detailPolizei["button_aktu"] +"->"+ buttonId);

        InfoObjektAus();

        if(buttonId == detailPolizei["button_aktu"] )
			return;

		if(ajaxLaeuft("getKarteListe")) return;
        if(ajaxLaeuft("getDetail")) return;

        var tab_bar_1 = document.getElementById("tab_bar_1");
        var bereich = document.getElementById("objektDetail_inner");

        if(tab_bar_1.innerHTML.indexOf(buttonId) > -1)
        {
				tauscheTabBar(buttonId);
		}

		if(bereich == null)
        {
        	//alert("sss");
			var ausgabefenster = document.getElementById("ausgabefenster");
            ausgabefenster.innerHTML = keyPolizei["detail"];
            setInnerDetails();
            bereich = document.getElementById("objektDetail_inner");

	        setKlass(buttonId, "wahl");

	        for(var i=0; i<BUTTON_ALL.length; i++)
	        {
	                buttonKlass = getKlass(BUTTON_ALL[i]);

	        	if( BUTTON_ALL[i] != buttonId && buttonKlass != "passiv" && buttonKlass != "passiv_l" )
	            {
	                    setKlass(BUTTON_ALL[i], "aktiv");
	                    //alert(BUTTON_ALL[i]);
	            }
	        }
        }
		//if(bereich == null)
        //{
				//alert("sss2");
        //}
        if(bereich != null)
        {
                //if(buttonId == detailPolizei["button_aktu"])
                //        return;

                for(var i = 0; i<detailPolizei["buttons"].length; i++)
                {
                        setKlass(detailPolizei["buttons"][i], "aktiv");
                }

                detailPolizei["button_aktu"] = buttonId;
                setKlass(buttonId, "wahl");

                //alert(bereich.innerHTML);
                if(buttonId == BUTTON_DETAIL)
                {
                        bereich.innerHTML = detailPolizei["innerDetails"] ;
                }
                else if(buttonId == BUTTON_KARTE)
                {
                        //alert(detailPolizei["g_b"]+","+detailPolizei["g_l"]);
                        //bereich.innerHTML = "<iframe border='0' marginheight='0' marginwidth='0' scrolling='no' id='iframe-karte' "+
                        //                                " src='/detail.karte.php?g_b="+detailPolizei["g_b"]+"&g_l="+detailPolizei["g_l"]+"&pu="+detailPolizei["google_detail_punkt_anzeigen"]+"&gr="+detailPolizei["gruppe"]+"'> </iframe> ";



                        bereich.innerHTML =
                        "<div class='absatz_vom_oberen_rand_weg_abstandhalter'><img src='/img/bg/aaa.gif' width='1' height='1' border='0' alt=''></div>"+
                                "<p id='kleiner_hinweis'>"+
                                texte["jsDieMarkierung"]+
                                "</p>"+
                        "<div class='detail_browsing_bg'><img src='/img/bg/aaa.gif' width='1' height='1' border='0' alt=''></div>"+
                        "<div id='detail-google-karte'></div> ";
                        detailKarteLaden();

                }
                else if(buttonId == BUTTON_LIMIT)
                {
                        bereich.innerHTML = "<iframe id='limit_ermittler_frame' src='/detail.limit.php?unika_id="+detailPolizei["unika_id"]+"'> </iframe> ";
						document.getElementById("limit_ermittler_frame").src="/detail.limit.php?unika_id="+detailPolizei["unika_id"];
                }
                else if(buttonId == BUTTON_BILDER)
                {
                        bereich.innerHTML = "<iframe id='bildgalerie_frame' src='/detail.bilder.php?unika_id="+detailPolizei["unika_id"]+"'> </iframe> ";
                        document.getElementById("bildgalerie_frame").src="/detail.bilder.php?unika_id="+detailPolizei["unika_id"];
                }

               	//bereich.innerHTML = bereich.innerHTML;
                //alert(bereich.innerHTML);
        }

        setQFokus();
}

//--------------------------

function setBildInnerHTML(gross_klein){

        bilder = detailPolizei["kleineBilder"];
        bereich = document.getElementById("bildergalerie");
        if(bereich != null)
        {
                if(gross_klein == "gross")
                {
                        bereich.innerHTML = getTextInnerGross();
                }
                else if(gross_klein == "klein")
                {
                        bereich.innerHTML = getTextInnerKlein();

                        if(bilder.length > 16)
                        {
                                document.getElementById("bildvorschau_verpacker").style.overflow="auto";
                                document.getElementById("bildvorschau").style.width="240px";
                        }
                }
        }


}

function getTextInnerGross(){
        bildAktu = detailPolizei["bildGrossAktu"];

        //~ bildZurueck = "<div id='b-zu-bildgalerie' class='center'  >&nbsp;</div>";
        //~ bildNext = "<div id='b-zu-bildgalerie' class='center' >&nbsp;</div>";

        bildZurueckHref = " href='javascript:void(0);' ";
        bildNextHref = " href='javascript:void(0);' ";
        klassZurueck = " class='nirgends' ";
        klassNext = " class='nirgends' ";

        bilder = detailPolizei["kleineBilder"];
        indZurueck = -1;
        indNext = bilder.length;
        if(bilder.length > 1)
        {
                indAktu = 0;
                for(var i=0; i<bilder.length; i++)
                {
                        gross = bilder[i].substring(0, bilder[i].length-10)+"jpg";
                        if(gross == bildAktu)
                        {
                                indAktu = i;
                                break;
                        }
                }

                indZurueck = indAktu-1;
                indNext = indAktu+1;


                if(indZurueck >= 0)
                {
                        gross = bilder[indZurueck].substring(0, bilder[indZurueck].length-10)+"jpg";
                        //bildZurueck = "<div id='b-zu-bildgalerie' class='center-hand' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\">"+texte["jsBildZurueck"]+"</div>";

                        bildZurueckHref = " href=\"javascript:bildBlaettern('"+gross+"', 'gross');\" ";
                        klassZurueck = " class='links' ";
                }
                if(indNext < bilder.length)
                {
                        gross = bilder[indNext].substring(0, bilder[indNext].length-10)+"jpg";
                        //bildNext = "<div id='b-zu-bildgalerie' class='center-hand' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\">"+texte["jsBildNext"]+"</div>";
                        bildNextHref = " href=\"javascript:bildBlaettern('"+gross+"', 'gross');\" ";
                        klassNext = " class='rechts' ";
                }

        }

        //~ ret = "<table border='0' cellpadding='0' cellspacing='0' width='100%'>"+
                        //~ "<tr>"+
                        //~ "<td width='25%'>"+
                                //~ bildZurueck+
                        //~ "</td>"+
                        //~ "<td width='50%'>"+
                                //~ "<div id='b-zu-bildgalerie' class='center-hand' onClick=\"setBildInnerHTML('klein');\">"+texte["jsZumBildauswahl"]+"</div>"+
                        //~ "</td>"+
                        //~ "<td  width='25%'>"+
                                //~ bildNext+
                        //~ "</td>"+
                        //~ "</tr>"+
                //~ "</table>";

        //~ ret += "<img id='detailbild-gross' class='breit' name='dasgrossebild' onClick=\"setBildInnerHTML('klein');\" src='"+bildAktu+"' >";

        //---------

        ret =
        "<div id='galerie_buttons'>"+
                "<a "+bildZurueckHref+" "+klassZurueck+">&nbsp;</a>"+
                "<a href=\"javascript:setBildInnerHTML('klein');\" class='mitte'>"+texte["jsZumBildauswahl"]+"</a>"+
                "<a "+bildNextHref+" "+klassNext+">&nbsp;</a>"+
        "</div>"+
        "<div id='bildanzeige'>"+
                "<img onClick=\"setBildInnerHTML('klein');\" src='"+bildAktu+"' width='300' height='255' border='0' alt=''>"+
        "</div>";


        return ret;
}

//-------------------------------
function bildBlaettern(bild_gross, gross_klein){
        setBildGrossAktu(bild_gross);
        setBildInnerHTML(gross_klein);
        //alert("lb");
        setQFokus();
}

//--------------------------------
function getTextInnerKlein(){
        ret = "<div id='b-zu-bildgalerie' class='center' >"+texte["jsEinBildauswahl"]+"</div>";;

        bilder = detailPolizei["kleineBilder"];

        //~ for(var i=0; i<bilder.length; i++ )
        //~ {
                //~ gross = bilder[i].substring(0, bilder[i].length-10)+"jpg";
                //~ ret += "<img class='detailbild-klein-inner' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\" src='"+bilder[i]+"' >";

        //~ }

        bildHref = " href='javascript:void(0);' ";
        ret =
        "<div id='galerie_buttons'>"+
        "<a href='javascript:void(0);' class='ganz'>"+texte["jsEinBildauswahl"]+"</a>"+
        "</div>"+
        "<div id='bildvorschau_verpacker'>"+
        "<div id='bildvorschau'>";


        for(var i=0; i<bilder.length; i++ )
        {
                gross = bilder[i].substring(0, bilder[i].length-10)+"jpg";

                bildHref = " href=\"javascript:zeigeGross('"+gross+"');\" ";

                ret +="<a "+bildHref+"><img src='"+bilder[i]+"'  width='75' height='64' border='0' alt=''></a>";

                //ret += "<img class='detailbild-klein-inner' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\" src='"+bilder[i]+"' >";

        }

        ret+=
        "</div></div>";
        return ret;
}

//-------------------------
function zeigeGross(gross){
        setBildGrossAktu(gross);
        setBildInnerHTML("gross");
        setQFokus();
}


function setBildGrossAktu(aktu){
        detailPolizei["bildGrossAktu"] = aktu;
}


function detailKarteLaden(){

        if (GBrowserIsCompatible())
        {
                //adresse = "<?php echo $adrs; ?>";
                map = new GMap2(document.getElementById("detail-google-karte"));
                geocoder = new GClientGeocoder();
                // add controls
                map.addControl(new GSmallMapControl());
                map.addControl(new GMapTypeControl());

                punkt = new GLatLng(detailPolizei["g_b"], detailPolizei["g_l"]);
                map.setCenter(punkt, 15);


                //gruppe = "<?php echo $gruppe; ?>";
                gruppe = detailPolizei["gruppe"];
                if(gruppe == "1" || gruppe == "2" )
                {
                        bildName = "/img_marker/mkrBlau.png";//mkrWo.png
                }
                else if(gruppe == "3" || gruppe == "5")
                {
                        bildName = "/img_marker/mkrGelb.png";//mkrGe.png
                }
                else if(gruppe == "4")
                {
                        bildName = "/img_marker/mkrGruen.png";//mkrGr.png
                }

                var ikonka = new GIcon(G_DEFAULT_ICON);
                ikonka.image = bildName;
                markerOptions = { icon:ikonka };

                marker = new GMarker(punkt, markerOptions);
                map.addOverlay(marker);
        }

}