var slideState = 1; // allow scroll
var slideDir = "left"; // scroll left/right
var slideSpeed = 2; // change left +/- [slideSpeed] px
var slideTime = 40; // every [slideTime] milliSeconds
var slideLogoWidth = 100;
var slideMaxLeft = 0;
var myTimeouts = new Array();
var timeoutCounter = 0;

newTimeout = function(myTime){
	if(myTime != ""){
		myTime = myTime;
	}else{
		myTime = slideTime;
	}
	myTimeouts[timeoutCounter] = setTimeout("slideMe();",myTime);
	//console.log("LENGHT = "+myTimeouts.length);
	timeoutCounter ++;
}

clearTimeouts = function(){
   	for(key in myTimeouts ){  
    	clearTimeout(myTimeouts[key]); 
		timeoutCounter = 0;
  	} 
}

slideMe = function(){
		//alert(document.getElementById("motiongallery").style.left);
		old_left = parseFloat(document.getElementById("motiongallery").style.left);
		if(slideState == 1){
			if(slideDir == "left"){
				document.getElementById("motiongallery").style.left = (old_left - slideSpeed) + "px";
				if(parseFloat(document.getElementById("motiongallery").style.left) == -slideMaxLeft + 440){
					slideChangeDir();
				}
			}else{
				document.getElementById("motiongallery").style.left = (old_left + slideSpeed) + "px";
				if(parseFloat(document.getElementById("motiongallery").style.left) == 0){
					slideChangeDir();
				}
			}
			setTimeout("slideMe();",slideTime);
			//console.log(document.getElementById("motiongallery").style.left);
		}
	var myTimeout = false;
}

slideChangeDir = function(){
	if(slideDir == "left"){
		slideDir = "right";
	}else{
		slideDir = "left";
	}
}

initSlider = function(){
	gallery = document.getElementById("motiongallery");

	gallery.onmouseover = function(e){
		slideState = 0;
		clearTimeouts();
	}
	gallery.onmouseout = function(e){
		if(slideState == 0){
			slideState = 1;
			newTimeout();
		}
	}
	newTimeout(1000);
	slideMaxLeft = counterLogos * slideLogoWidth;
}

initSlider();