//////////////////////////////////// Slider Script Version 1.1.0.0. vom 15.6.2010 ///////////////////////
//////////////////////////////////// KeySeven - Blatt, Garling GbR                ///////////////////////
//////////////////////////////////// www.keyseven.de                ///////////////////////


//////////////////////////////////// Settings ////////////////////////////

// Die Richtung wird als Wert 0 (links nach rechts) oder 1 (rechts nach links) an die Init Funktion übergeben

// *** Schalter ***
var glK7Overlay = false;
var isSliderStopAble; // Kann der Slider gestoppt werden? Kann in einzelnen Seiten gesetzt werden
var glSpeed = 40; // Millisekunden pro Schritt
var glSteps = 1; // Schritte in PX pro Step

// *** Größen ***//
// Die Größenangaben sind wichtig, um die korrekten Positionen zu errechnen. Die Angaben werden NICHT dynamisch in die Elemente geschrieben,
// um eine grundlegende Funktionalität (nur-Banner) auch ohne Javscript zu ermöglichen. Daher müssen die Angaben im Script und im HTML überein stimmen.
var theSliderWidth = 988;
var theImageWidth = 1920; // Standardwert, abweichende Werte im Head der Date notieren

var theImageOnePosition = 0;
var theImageTwoPosition = theImageOnePosition;

// *** Definitionen ***
var elementAccessImage1 = "";
var elementAccessImage2 = "";
var counter = theImageOnePosition;
var counterImg = 0;
var imgId1 ="theImage1";
var imgId2 ="theImage2";
var K7Slide;

///////////////////////////////////////////////////////////////////////////////////////////////////

function K7ListenEventSlider() {    
     var theSliderEvent = document.getElementById("theSlider");    
     theSliderEvent.onmouseout = K7RestartSlide;
     theSliderEvent.onmousemove = K7PauseSlide;    
       }    



function K7RestartSlide()
	{
	K7DoSlide(1);
	}


function K7InitializeSlide(direction)
{
elementAccessImage1 = document.getElementById(imgId1).style;
elementAccessImage2 = document.getElementById(imgId2).style;
document.getElementById("theSlider").style.width= theSliderWidth+"px";

if(direction == 0) {K7DoSlide(0)};
if(direction == 1) {K7DoSlide(1)};
}


function K7PauseSlide()
{

//while(glSpeed<1000)
//{glSpeed+=1} 

window.clearTimeout(K7Slide);
}

                   
function K7DoSlide(direction)
{
if(direction == 0) {K7Slide = window.setTimeout("K7SlideRight()",glSpeed)};
if(direction == 1) {K7Slide = window.setTimeout("K7SlideLeft()",glSpeed)};		
}



function K7SlideRight()
{
elementAccessImage1.left = counter+"px";
elementAccessImage2.left = counter-theImageWidth+"px";

counter+= glSteps;

		if(counter<=theImageWidth)
		{
		K7DoSlide(0)		
		}
		else
		{
		elementAccessImage1.left = theImageOnePosition+"px";
		elementAccessImage2.left = theImageTwoPosition+"px";
		counter=theImageOnePosition;
		K7DoSlide(0)
	
		}
	
}

function K7SlideLeft()
{
elementAccessImage1.left = counter+"px";
elementAccessImage2.left = counter+theImageWidth+"px";

counter-= glSteps;

		if(counter>=(theImageWidth*-1))
		{
		K7DoSlide(1)		
		}
		else
		{
		elementAccessImage1.left = theImageOnePosition+"px";
		elementAccessImage2.left = theImageTwoPosition+"px";
		counter=theImageOnePosition;
		K7DoSlide(1)
	
		}
	
}