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

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

 Funktion positoniert den Rahmen

***********************************************************/
var mousex, mousey, aktiv, posFilmstreifen_x, posFilmstreifen_y, posMausRelativ,
    breiteFilmstreifen, hoeheFilmstreifen, tabellenpos, tabellenbreite;

function autoscrollGetWerte() {
	posFilmstreifen_x =
        document.getElementById('zentrierterContent').offsetLeft + 123;
    posFilmstreifen_y =
        document.getElementById('zentrierterContent').offsetTop + 330;
    breiteFilmstreifen =
        document.getElementById('filmstreifen').offsetWidth;
    hoeheFilmstreifen =
        document.getElementById('filmstreifen').offsetHeight;
    tabellenbreite =
        document.getElementById('thubnailtable').offsetWidth;
    verhaeltnis = (tabellenbreite-breiteFilmstreifen) / breiteFilmstreifen;
    //document.getElementById('werte').innerHTML = verhaeltnis;
}

function autoscroll(e) {
	mousex = (document.all) ? window.event.clientX + document.body.scrollLeft : e.pageX;
	mousey = (document.all) ? window.event.clientY + document.body.scrollTop  : e.pageY;

    //document.getElementById('ausgabe').innerHTML = 'VH: '+verhaeltnis;

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

        posMausRelativ = mousex-posFilmstreifen_x;

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