//------------------------------------------------------
// sg.js                                   (24112005bbl)
// -----
//------------------------------------------------------

//------------------------------------------------------
function sgInit()
{
 //----- Bilder laden
 PreLdImg();
 //----- "Skank" - Gif anzeigen
 ChVis('Skank');
 //----- Iframe laden
 LdIFr('IFCONT','home.html');
 //----- Navi-Bar init
 Navi(null, null, null, 'T_Home');
 //----- Crossfade Header starten
 initXFade();
}

//------------------------------------------------------
var G_lastTitle = null;
function Navi
(
 picElmID,     // I: Menu-Pic
 frameElmID,   // I: ID IFrame
 frameUrl,     // I: Url fuer IFrame
 titleElmID    // I: Title
)
{
 if (picElmID != null) { ChVis(picElmID); }
 if (frameElmID != null) { LdIFr(frameElmID, frameUrl); }

//alert("G_lastTitle = |" + G_lastTitle + "|");
//alert("titleElmID = |" + titleElmID + "|");

 //----- zuletzt selektiertes Menu unsichtbar machen
 if (G_lastTitle != null)
 {
    G_lastTitle.style.visibility = "hidden";
    G_lastTitle = null;
 }

 //----- Zugriff auf betr. Element
 if (titleElmID)
 {
    var elm = document.getElementById(titleElmID);
    if (elm)
    {
       elm.style.visibility = "visible";
       G_lastTitle = elm;
    }
 }
}

//======================================================
//----- Slide-Show mit Crossfade
var curPicID = 0;
var nxtPicID = 1;

var curOpac = new Array();

var imgArr = new Array(
                       "data/pix/band/xfade1.gif",
                       "data/pix/band/xfade2.gif",
                       "data/pix/band/xfade3.gif",
                       "data/pix/band/xfade4.gif",
                       "data/pix/band/xfade5.gif",
                       "data/pix/band/xfade6.gif",
                       "data/pix/band/xfade7.gif",
                       "data/pix/band/xfade8.gif",
                       "data/pix/band/xfade9.gif"
                      );

//----- Millisekunden bis Ausfuehrung
var D_FADE_INTERVAL = 30;
//----- Schrittweiter fuer Opacity
var D_OPACITY_STEP = 2;
//----- Millisekunden Pause zwischen den einzelnen Crossfades
var D_CROSSFADE_PAUSE = 10000;
//----- IDs der DIVs
var D_XFADEDIV = "XFadeDiv_";

var pause = false;

//------------------------------------------------------
//----- onload -> Init Crossfade Slideshow
function initXFade()
{
 //----- opac 1. Bild init, restl. Bilder auf 0 setzen
 curOpac[0] = 99;
 for (i = 1; i < imgArr.length; i++) { curOpac[i] = 0; }

 //----- HTML dyn. zusammenbauen
 var mHTML = "";

 for (i = 0; i < imgArr.length; i++)
 {
    var divID = D_XFADEDIV + i;
    mHTML += "<div class=\"XFadeDiv\" id=\"" + divID + "\"><img src=\"" + imgArr[i]  +"\"></div>";
 }
 //alert("mHTML=|" + mHTML + "|");

 //----- Zugriff auf XFade - Container
 var XCont = document.getElementById("XFadeCont")
 if (XCont)
 {
    //----- HTML mit Pic-Divs dynamisch laden
    XCont.innerHTML = mHTML;

    var divID = D_XFADEDIV + curPicID;
    var xdiv = document.getElementById(divID);

    if (xdiv)
    {
       if (document.all)
       {
          //----- IE
          xdiv.style.filter = "alpha(opacity=100)";
       }
       else
       {
          //----- Mozilla
          xdiv.style.MozOpacity = .99;
       }
    }

    //----- Sub alle "D_FADE_INTERVAL" Millisekunden ausfuehren
    var tmp = setInterval("crossFade()", D_FADE_INTERVAL);
 }
}

//------------------------------------------------------
//----- Crossfade ausfuehren
function crossFade()
{
 if (pause) { return; }

 //----- Opacity des aktuellen/folgenden Pix um Schrittweite reduzieren/erhoehen
 curOpac[curPicID] -= D_OPACITY_STEP;
 curOpac[nxtPicID] += D_OPACITY_STEP;

 //----- Opacity-Eigenschaften der beiden aufeinanderfolgenden Pix setzen
 var divID = D_XFADEDIV + curPicID;
 var curXDiv = document.getElementById(divID);
 divID = D_XFADEDIV + nxtPicID;
 var nxtXDiv = document.getElementById(divID);

 if (curXDiv && nxtXDiv)
 {
    if (document.all)
    {
       //----- IE
       curXDiv.style.filter = "alpha(opacity=" + curOpac[curPicID] + ")";
       nxtXDiv.style.filter = "alpha(opacity=" + curOpac[nxtPicID] + ")";
    }
    else
    {
       //----- Mozilla
       curXDiv.style.MozOpacity = curOpac[curPicID] / 100;
       nxtXDiv.style.MozOpacity = curOpac[nxtPicID] / 100;
    }
 }

 //----- ist naechstes Pic voll sichtbar?
 if (curOpac[nxtPicID] / 100 >= .98)
 {
    curPicID = nxtPicID;
    nxtPicID++;
    if (nxtPicID == imgArr.length) { nxtPicID = 0; }

    pause = true;
    xInterval = setTimeout("pause=false", D_CROSSFADE_PAUSE);
 }
}

//------------------------------------------------------
//----- neues Fenster zentriert ausgeben
function Win
(
 mypage,    // URL anzuzeigende Seite
 myname,    // Name des Fensters
 w,         // Breite des Fensters
 h,         // Hoehe des Fensters
 features   // Params fuer "window.open"
)
{
 //confirm("mypage=|" + mypage + "|,myname=|" + myname + "|");
 //confirm("w=|" + w + "|,h=|" + h + "|,features=|" + features + "|");

 //----- Defaults setzen
 if (!w) { w = 800; }
 if (!h) { h = 600; }

 //----- Ausmasse + linke obere Ecke des neuen Fensters ermitteln
 var winl = 0;
 var wint = 0;
 if (screen.width)
 {
    winl = (screen.width - w) / 2;
    wint = (screen.height - h) / 2;
 }
 if (winl < 0) { winl = 0; }
 if (wint < 0) { wint = 0; }

 var settings = 'height=' + h + ',';
 settings += 'width=' + w + ',';
 settings += 'top=' + wint + ',';
 settings += 'left=' + winl + ',';

 if (features) { settings += ',' + features; }
 else { settings += ',resizable=no,scrollbar=no'; }
 //confirm("settings=|" + settings + "|");

 //----- URL mit Parameter "Zeitstempel" versehen
 //----- -> Seite wird neu und nicht aus dem Cache geladen!

 //----- sind bei dem URL Aufruf - Parameter angegeben?
 //----- <url>?<parms>
 var query = mypage.split("?");
 //confirm("query.length = |" + query.length + "|");

 var tstamp = (new Date()).getTime();

 if (query.length == 2)
 {
    //----- es sind Parameter angegeben!
    //----- -> Zeitstempel einflicken
    //confirm("belegt: query[1] = |" + query[1] + "|");
    var urltstamp = query[0] + '?' + tstamp + '&' + query[1];
 }
 else
 {
    //confirm("query leer");
    var urltstamp = mypage + '?' + tstamp;
 }

 //confirm("urltstamp = |" + urltstamp + "|");

 var win = window.open(urltstamp, myname, settings);

 //----- und Focus auf das neue Fenster setzen
 win.window.focus();
}

//------------------------------------------------------
// show/hide Image
function CtrlImg
(
 mode,
 elmID
)
{
 //----- Zugriff auf betr. Element
 if (elmID)
 {
    var elm = document.getElementById(elmID);
    if (elm)
    {
       if (mode == "show") { elm.style.visibility = "visible"; }
       else { elm.style.visibility = "hidden"; }
    }
 }
}

//------------------------------------------------------
//----- Image in Gallerie anzeigen
function ShowImg
(
 img
)
{
 if (!img) { return; }

 var elm = parent.document.getElementsByName('FOCUS')[0];
 if (elm) { elm.src = img; }
}

//------------------------------------------------------
// Load IFrame
//------------------------------------------------------
function LdIFr
(
 frameID,   // I: ID des Ziel-IFRAMEs
 url        // I: URL der zu ladenden Seite
)
{
 if (!frameID) { return; }
 if (!url) { return; }

 var elm = document.getElementById(frameID);
 if (elm) { elm.src = url; }
}

//------------------------------------------------------
// ChVis
//------------------------------------------------------
var G_lastSubMenu = null;
function ChVis
(
 elmID
)
{
 //----- zuletzt selektiertes Menu unsichtbar machen
 if (G_lastSubMenu != null)
 {
    G_lastSubMenu.style.visibility = "hidden";
    G_lastSubMenu = null;
 }

 //----- Zugriff auf betr. Element
 if (elmID)
 {
    var elm = document.getElementById(elmID);
    if (elm)
    {
       elm.style.visibility = "visible";
       G_lastSubMenu = elm;
    }
 }
}

//------------------------------------------------------
function NewImage
(
 img
)
{
 if (document.images)
 {
    res = new Image();
    res.src = img;
    return res;
 }
}

//------------------------------------------------------
function LdImg
(
 elmID,
 url
)
{
 if (!elmID) { return; }
 if (!url) { return; }

 var elm = document.getElementById(elmID);

 if (elm)
 {
    elm.style.visibility = "hidden";
    elm.src = url;
    elm.style.visibility = "visible";
 }
}

//------------------------------------------------------
var preloadFlag = false;

function PreLdImg()
{
 if (document.images && (preloadFlag == false) )
 {
    myImg05  = NewImage("WebElms/base.gif");

    //myImg05  = NewImage("WebElms/Links.gif");
    //myImg03  = NewImage("WebElms/Home.gif");
    //myImg06  = NewImage("WebElms/Live.gif");
    //myImg01  = NewImage("WebElms/Band.gif");
    //myImg07  = NewImage("WebElms/Media.gif");
    //myImg04  = NewImage("WebElms/Info.gif");
    //myImg08  = NewImage("WebElms/Shop.gif");
    //myImg02  = NewImage("WebElms/Guests.gif");

    myImg01o = NewImage("WebElms/oBand.gif");
    myImg02o = NewImage("WebElms/oGuests.gif");
    myImg03o = NewImage("WebElms/oHome.gif");
    myImg04o = NewImage("WebElms/oInfo.gif");
    myImg05o = NewImage("WebElms/oLinks.gif");
    myImg06o = NewImage("WebElms/oLive.gif");
    myImg07o = NewImage("WebElms/oMedia.gif");
    myImg08o = NewImage("WebElms/oShop.gif");

//    myImg8  = NewImage("WebElms/SubMenu_Band.gif");
//    myImg9  = NewImage("SubBand_Band.gif");
    myImg10 = NewImage("WebElms/oSubBand_Band.gif");
//    myImg11 = NewImage("SubBand_Bio.gif");
    myImg12 = NewImage("WebElms/oSubBand_Bio.gif");

//    myImg13 = NewImage("WebElms/SubMenu_Live.gif");
//    myImg14 = NewImage("SubLive_Termine.gif");
    myImg15 = NewImage("WebElms/oSubLive_Termine.gif");
//    myImg16 = NewImage("SubLive_Reviews.gif");
    myImg17 = NewImage("WebElms/oSubLive_Reviews.gif");

//    myImg18 = NewImage("WebElms/SubMenu_Media.gif");
//    myImg19 = NewImage("SubMedia_MP3.gif");
    myImg20 = NewImage("WebElms/oSubMedia_MP3.gif");
//    myImg21 = NewImage("SubMedia_Lyrics.gif");
    myImg22 = NewImage("WebElms/oSubMedia_Lyrics.gif");
//    myImg23 = NewImage("SubMedia_Pix.gif");
    myImg24 = NewImage("WebElms/oSubMedia_Pix.gif");
//    myImg25 = NewImage("SubMedia_Download.gif");
    myImg26 = NewImage("WebElms/oSubMedia_Download.gif");

//    myImg27 = NewImage("WebElms/SubMenu_Info.gif");
//    myImg28 = NewImage("SubInfo_Contact.gif");
    myImg29 = NewImage("WebElms/oSubInfo_Contact.gif");
//    myImg30 = NewImage("SubInfo_Booking.gif");
    myImg31 = NewImage("WebElms/oSubInfo_Booking.gif");
//    myImg32 = NewImage("SubInfo_Newsletter.gif");
    myImg33 = NewImage("WebElms/oSubInfo_Newsletter.gif");
//    myImg34 = NewImage("SubInfo_Impressum.gif");
    myImg35 = NewImage("WebElms/oSubInfo_Impressum.gif");

//    myImg36 = NewImage("WebElms/SubMenu_Links.gif");
//    myImg37 = NewImage("SubLinks_Bands.gif");
    myImg38 = NewImage("WebElms/oSubLinks_Bands.gif");
//    myImg39 = NewImage("SubLinks_Misc.gif");
    myImg40 = NewImage("WebElms/oSubLinks_Misc.gif");

    myImg41  = NewImage("data/pix/band/bbl.gif");
    myImg42  = NewImage("data/pix/band/dude.gif");
    myImg43  = NewImage("data/pix/band/gossa.gif");
    myImg44  = NewImage("data/pix/band/mags.gif");
    myImg45  = NewImage("data/pix/band/pille.gif");
    myImg46  = NewImage("data/pix/band/reed.gif");
    myImg47  = NewImage("data/pix/band/rocco.gif");
    myImg48  = NewImage("data/pix/band/sglogo.gif");
    myImg49  = NewImage("data/pix/band/sglogotxt.gif");
    myImg50  = NewImage("data/pix/band/steve.gif");

    myImgH1  = NewImage("data/pix/band/xfade1.gif");
    myImgH2  = NewImage("data/pix/band/xfade2.gif");
    myImgH3  = NewImage("data/pix/band/xfade3.gif");
    myImgH4  = NewImage("data/pix/band/xfade4.gif");
    myImgH5  = NewImage("data/pix/band/xfade5.gif");
    myImgH6  = NewImage("data/pix/band/xfade6.gif");
    myImgH7  = NewImage("data/pix/band/xfade7.gif");
    myImgH8  = NewImage("data/pix/band/xfade8.gif");
    myImgH9  = NewImage("data/pix/band/xfade9.gif");

    //----- Title-Gifs
    myImgT1  = NewImage("WebElms/T_Home.gif");
    myImgT2  = NewImage("WebElms/T_Bio.gif");
    myImgT3  = NewImage("WebElms/T_Band.gif");
    myImgT4  = NewImage("WebElms/T_Termine.gif");
    myImgT5  = NewImage("WebElms/T_Reviews.gif");
    myImgT6  = NewImage("WebElms/T_MP3.gif");
    myImgT7  = NewImage("WebElms/T_Lyrcis.gif");
    myImgT8  = NewImage("WebElms/T_Pix.gif");
    myImgT9  = NewImage("WebElms/T_Download.gif");
    myImgT10 = NewImage("WebElms/T_Contact.gif");
    myImgT11 = NewImage("WebElms/T_Booking.gif");
    myImgT12 = NewImage("WebElms/T_Newsletter.gif");
    myImgT13 = NewImage("WebElms/T_Impressum.gif");

    preloadFlag = true;
 }
}

//------------------------------------------------------
function ChImg()
{
 if (document.images && (preloadFlag == true))
 {
    for (var i = 0; i < ChImg.arguments.length; i += 2)
    {
       document[ChImg.arguments[i]].src = ChImg.arguments[i+1];
    }
 }
}

//------------------------------------------------------
function Debug()
{
//var divs = document.getElementsByTagName('div');
//alert("divs=|" + divs + "|, length=|" + divs.length + "|");
//for (i = 0; i < divs.length; i++)
//{
//   name = divs[i].getAttribute('name');
//   if (name) { alert("i.name=|" + name + "|"); }
//}
//var xdivs = XCont.getElementsByTagName('div')
//alert("xdivs=|" + xdivs + "|, length=|" + xdivs.length + "|");
//for (i = 0; i < xdivs.length; i++)
//{
//   name = xdivs[i].getAttribute('name');
//   if (name) { alert("i.name=|" + name + "|"); }
//}

//var divName = "XFadeDiv_" + curPicID;
//alert("1 divName=|" + divName + "|");
//var xdivpic = XCont.getElementsByName(divName);
//alert("xdivpic=|" + xdivpic + "|, length=|" + xdivpic.length + "|");

//var divID = "XFadeDiv_" + curPicID;
//var xdiv = document.getElementById(divID);
//alert("xdiv=|" + xdiv + "|");
}