/***********************************************************
 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;

function autoscrollGetWerte() {
    if ( document.getElementById('thubnailtable') ) {
    	posFilmstreifen_x =
    	    document.getElementById('wrapperPage').offsetLeft; +
            document.getElementById('wrapperContent').offsetLeft+
            document.getElementById('contentUnten').offsetLeft;
        posFilmstreifen_y =
            document.getElementById('wrapperPage').offsetTop +
            document.getElementById('wrapperContent').offsetTop +
            document.getElementById('contentUnten').offsetTop;
        breiteFilmstreifen =
            document.getElementById('contentUnten').offsetWidth;
        hoeheFilmstreifen =
            document.getElementById('contentUnten').offsetHeight;
        tabellenbreite =
            document.getElementById('thubnailtable').offsetWidth;
        verhaeltnis = (tabellenbreite-breiteFilmstreifen) / breiteFilmstreifen;
        //document.getElementById('werte').innerHTML = verhaeltnis;
        
        
        if (!scrollerAktiv)
            scrollerAktiv = window.setInterval("scroller('thubnailtable', 100)", 40);
    }
}






/********
* Zielposition berechnen und ändern falls Mauszeiger sich im Bereich befindet
********/
function autoscroll(e) {
    // Daten wie Mausposition ermitteln
    getData(e);


	// 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('werte').innerHTML = "Maus: " + posMausRelativ;
        //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(elementID).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";
}