/***********************************************************
 Funktion zum Automatischen Scrollen

 !!!!
 autoscrollGetWerte() beim Laden der Seite aufrufen
 autoscroll() bei Mausbewegung aufrufen (document.onmousemove = autoscroll;)
 !!!!

 Funktion positoniert den Rahmen

***********************************************************/
var mausX, mausY, scrollerAktiv, posFilmstreifen_x, posFilmstreifen_y, posMausRelativ,
    breiteFilmstreifen, hoeheFilmstreifen, tabellenpos, tabellenbreite, zielpos;

/*********
* wichtige Werte ermitteln
*********/
function autoscrollGetWerte() {
	posFilmstreifen_x =
        document.getElementById('screenshotsBand').offsetLeft;
    posFilmstreifen_y =
        document.getElementById('screenshotsBand').offsetTop;
    breiteFilmstreifen =
        document.getElementById('screenshotsBand').offsetWidth;
    hoeheFilmstreifen =
        document.getElementById('screenshotsBand').offsetHeight;
    tabellenbreite =
        document.getElementById('screenshotstable').offsetWidth;
    verhaeltnis = (tabellenbreite-breiteFilmstreifen) / breiteFilmstreifen;
    //document.getElementById('werte').innerHTML = verhaeltnis;
    
    if (!scrollerAktiv)
        scrollerAktiv = window.setInterval("scroller('screenshotstable', 200)", 40);
}


/********
* Zielposition berechnen und ändern falls Mauszeiger sich im Bereich befindet
********/
function autoscroll(e) {
    // Daten wie Mausposition ermitteln
    getData(e);
    //document.getElementById('werte').innerHTML = mausX;


	// Wenn der Mauszeiger über dem Feld liegt
	if ( (mausX > posFilmstreifen_x) && (mausX < posFilmstreifen_x+breiteFilmstreifen)
        && (mausY > posFilmstreifen_y) && (mausY < posFilmstreifen_y+hoeheFilmstreifen
        && (verhaeltnis>0.1)) ) {

        posMausRelativ = mausX+posFilmstreifen_x;

        // Scrolle
        zielpos = 0- ((posMausRelativ*verhaeltnis));
        //document.getElementById("screenshotstable").style.left = zielpos + "px";
    }
    
}


/********
* Bewegt den angegebenen Inhalt an die in der glob. Variable zielpos gespeicherte Position
********/
function scroller(elementID, schrittweite) {
    
    // Ermittle aktuelle Position
    if ( !aktuellePos )
        var aktuellePos = document.getElementById("screenshotstable").offsetLeft; 
    
    // Wenn die aktuelle Position mehr als den Wert der Schrittweite
    // entspricht bewege den den Layer um die Schrittweite
    if ( aktuellePos-schrittweite > zielpos ) {
        neuePos = aktuellePos - schrittweite;
    } else if ( aktuellePos+schrittweite < zielpos ) {
        neuePos = aktuellePos + schrittweite;
    } else {
        neuePos = zielpos;
    }
    
    if ( zielpos )
        document.getElementById(elementID).style.left = neuePos + "px";
}















/*********
* Wechselt die Karteikarten in der Kundenlogin-Box
*********/
function boxKundenloginKartei(layerId) {
    var loginlayer = new Array('loginWebmail', 'loginWebmanager');
    
    if (layerId == 'loginWebmail') {
        document.getElementById('boxKundenloginWebmailButton').style.backgroundColor="#999999";
        document.getElementById('boxKundenloginWebmanagerButton').style.backgroundColor="transparent";
        document.getElementById('loginWebmanager').style.display="none";
        document.getElementById('loginWebmail').style.display="block";
    } else if (layerId == 'loginWebmanager') {
        document.getElementById('boxKundenloginWebmanagerButton').style.backgroundColor="#999999";
        document.getElementById('boxKundenloginWebmailButton').style.backgroundColor="transparent";
        document.getElementById('loginWebmail').style.display="none";
        document.getElementById('loginWebmanager').style.display="block";
    }
    return false;
}