/*
Instructions:
Minimum 5 items inside the scroller otherwise it will not work as expected.
Images width is less than 130px
item[0]=["images path","text under image","link","link target"];
*/
  var item = new Array();

  item[0] = ["redbullicon.jpg","<b>Red Bull Crashed Ice Qualifier<br />February 10<br />","02102012.html","_self"];
  item[1] = ["synchroicon.gif","<b>Synchronized Skating Championships<br />February 23-25<br />","02232012.html","_self"];
  item[2] = ["hedleyicon.jpg","<b>Hedley<br />Sat. Mar. 3 - 7pm<br />","03032012.html","_self"];
  item[3] = ["internationalicon.jpg","<b>2012 Skate Canada International<br />October 25-28, 2012<br />","10262012.html","_self"];
  item[4] = ["wfcuicon.jpg","<b>Windsor Spitfires<br />Suite Rentals<br />","luxury_suite_availability.html","_self"];
  item[5] = ["images/spitfiresicon.jpg","<b>Windsor Spitfires<br />Season Tickets<br>Waiting List","http://www.windsorspitfires2.com/season_tickets.php"];


  var totalitem = item.length;
  var div1length = totalitem * 140;

  var o = -700;
  var m=0;
  var n=700;
  var speed=55;
  var timer, timerleft, timerright;
  var move ="left";

function div0item(){
	var items="";
	for(var i=5;i>0;i--){
		items+='<div class="eventitem"><a href="'+item[totalitem-i][2]+'" target="'+item[totalitem-i][3]+'"><p><img src="'+item[totalitem-i][0]+'" alt="" height="70px" /></p>'+item[totalitem-i][1]+'</a></div>';
	}
	document.getElementById('div0').innerHTML=items;
}
function div1item(){
	var items="";
	for(var i=0;i<totalitem;i++){
		items+='<div class="eventitem"><a href="' +item[i][2]+ '" target="'+item[i][3]+'"><p><img src="'+item[i][0]+'" alt="" height="70px" /></p>'+item[i][1]+'</a></div>';
	}
	document.getElementById('div1').innerHTML=items;
}
function div2item(){
	var items="";
	for(var i=0;i<5;i++){
		items+='<div class="eventitem"><a href="' +item[i][2]+ '" target="'+item[i][3]+'"><p><img src="'+item[i][0]+'" alt="" height="70px" /></p>'+item[i][1]+'</a></div>';
	}
	document.getElementById('div2').innerHTML=items;
}
function scrollPics() {
	  /* style */
	document.getElementById('div1').style.width = div1length + 'px';
	if (move=="left"){
		document.getElementById('div0').style.left=o+'px';
		document.getElementById('div1').style.left=m+'px';
		document.getElementById('div2').style.left=n+'px';
		m--;
		
		if (o!=-700){
			o--;
		}
		//if(m==-div1length) {
		//	alert(m);
		//	m=0;
		//}
		if ((div1length+m)<=700){
			n--;
		}
		if(n==-700) {
			n=700;
		}
		else if(n==0){
			n=700;
			m=0;
		}
		timerleft = setTimeout('scrollPics()',speed);
	}//end if left
	else if (move=="right"){
		document.getElementById('div0').style.left=o+'px';
		document.getElementById('div1').style.left=m+'px';
		document.getElementById('div2').style.left=n+'px';
		m++;
		n++;
		if(n>=700){
			n=700;
		}
		if(m>=0){
			if(m==0){
				o=-700;
			}
			o++;
		}
		if(m==700) {
			m=-700;
		}
		if(o==0) {
			o=-700;
			m = (-div1length + 700);
		}
		timerright = setTimeout('scrollPics()',speed);
	}//end if right
 }
 function moveleft(){
	clearTimeout(timerleft);
	clearTimeout(timerright);
	move = "left";
	speed = 5;
	scrollPics();
 }
 function moveright(){
	clearTimeout(timerleft);
	clearTimeout(timerright);
	move = "right";
	speed = 5;
	scrollPics();
 }
 function movenormal(){
	clearTimeout(timerleft);
	clearTimeout(timerright);
	speed = 35;
	scrollPics();
 }