//////////////////////////////////// Slider Script Version 1.1.0.1. vom 02.12.2010 ///////////////////////
//////////////////////////////////// KeySeven - Blatt, Garling GbR                ///////////////////////
//////////////////////////////////// www.keyseven.de                ///////////////////////


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

// Umbau für einen Ticker von unten nach oben (0) oder oben nach unten (1) mit einer kurzen Pause. 
// Die Grundfunktion ist gleich, die Variablen sind nicht umbenannt, obwohl statt theImageWitdh eigentlich theImageHeight rein müsste ... (einfach im Kopf um 90° kippen)
// Die Richtung wird als Wert 0 (links nach rechts) oder 1 (rechts nach links) an die Init Funktion übergeben

// *** Schalter ***
var isSliderStopAble; // Kann der Slider gestoppt werden? Kann in einzelnen Seiten gesetzt werden
var glSpeed = 50; // 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 = 25;
var theImageWidth = "";

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 K7InitializeSlide(direction)
{
elementAccessImage1 = document.getElementById(imgId1).style;
elementAccessImage2 = document.getElementById(imgId2).style;


/* Ticker je nach Anzahl der Elemente dimensionieren */


K7SubEvalMenu()


//document.getElementById("theSlider").style.width= theSliderWidth+"px";

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

function K7SubEvalMenu()
{
var K7TickerContainerDiv = document.getElementById("theImage1");
var K7TickerEntries = K7TickerContainerDiv.getElementsByTagName("DIV").length;
theImageWidth = eval(K7TickerEntries*25);
document.getElementById("theImage1").style.height = theImageWidth+"px";
document.getElementById("theImage2").style.height = theImageWidth+"px";

}


function K7WaitSlide()
{
window.clearTimeout(K7Slide);
K7SlideAgain = window.setTimeout("K7RestartSlide()",2000)

}

function K7PauseSlide()
{window.clearTimeout(K7Slide);}

function K7RestartSlide()
{K7DoSlide(0);}


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



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

counter+= glSteps;

		if(counter<=theImageWidth)
		{
			if(counter/theSliderWidth == Math.floor(counter/theSliderWidth)){K7WaitSlide(0);}
			else {K7DoSlide(0);}		
		}
		else
		{
		elementAccessImage1.top = theImageOnePosition+"px";
		elementAccessImage2.top = theImageTwoPosition+"px";
		counter=theImageOnePosition;
		K7DoSlide(0)
	
		}
	
}

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

counter-= glSteps;

		if(counter>=(theImageWidth*-1))
		{
			if(counter/theSliderWidth == Math.floor(counter/theSliderWidth)){K7WaitSlide(0);}
			else {K7DoSlide(0);}	
		}
		else
		{
		elementAccessImage1.top = theImageOnePosition+"px";
		elementAccessImage2.top = theImageTwoPosition+"px";
		counter=theImageOnePosition;
		K7DoSlide(1)
	
		}
	
}