// Continuous Image Marquee
// copyright 24th July 2008 by Stephen Chapman
// http://javascript.about.com
// permission to use this Javascript on your web page is granted
// provided that all of the code below in this script (including these
// comments) is used without any alteration

function start() {
	   mqr1.push(new mq('mq1',mqAry1,200, 'left'));
	   mqr2.push(new mq('mq2',mqAry2,200, 'right'));// repeat for as many fields as required
	   mqRotateLeft(mqr1); // must come last
	   mqRotateRight(mqr2); // must come last
	   
	}

function mq(id,ary,wid, dir){
	this.mqo=document.getElementById(id); 
	var heit = this.mqo.style.height; 
	
	this.mqo.onmouseout=function() {mqRotateLeft(mqr1); mqRotateRight(mqr2);}; 
	this.mqo.onmouseover=function() {clearTimeout(mqr1[0].TO); clearTimeout(mqr2[0].TO);}; 
	
	this.mqo.ary=[]; 
	var maxw = ary.length; 
	for (var i=0;i<maxw;i++){
		//this.mqo.ary[i]=document.createElement('img'); 
		this.mqo.ary[i] = document.createElement('div');

//		newContent = "<a href='javascript:displayCarInfo("+ary[i][1]+");'><img src='"+ary[i][0]+"' border='0'></a>";
		newContent = "<img src='"+ary[i][0]+"' border='0'>";
		mqo.ary[i].innerHTML = newContent;
		
		
		//this.mqo.ary[i].src=ary[i][0];
		
		this.mqo.ary[i].style.position = 'absolute'; 
		if (dir == 'left') {
			this.mqo.ary[i].style.left = (wid*i)+'px'; 
		} else {
			this.mqo.ary[i].style.right = (wid*i)+'px';
		}
		this.mqo.ary[i].style.width = wid+'px'; 
		this.mqo.ary[i].style.height = heit; 
		
		this.mqo.appendChild(this.mqo.ary[i]);
	} 
	return this.mqo;
	
} 

function mqRotateLeft(mqr){
	
	var curVis = document.getElementById('hideShow').style.visibility;

	if (curVis == 'hidden')	 {
		
	if (!mqr) return; 
		
	// Loop through all elements inside div:
	var imgArr = mqr.getElementsByTagName("img");
	for (var i=0; i<imgArr.length; i++) {
		var x = imgArr[i].style;  
		x.left=(parseInt(x.left,10)-2)+'px';
		
		// Now shift if necessary back to beginning:
		if (parseInt(x.left) + parseInt(x.width) < 0) {
			x.left = (parseInt(x.left) + parseInt(x.width)*imgArr.length) + 'px';
		}
	}
		
	mqr.TO=setTimeout('mqRotateLeft(document.getElementById("mq1"))',10);
	}
	
}

function mqRotateRight(mqr){
	var curVis = document.getElementById('hideShow').style.visibility;

	if (curVis == 'hidden')	 {

	if (!mqr) return; 
	
	// Loop through all elements inside div:
	var imgArr = mqr.getElementsByTagName("img");
	for (var i=0; i<imgArr.length; i++) {
		var x = imgArr[i].style;  
		x.right=(parseInt(x.right,10)-2)+'px';
		
		// Now shift if necessary back to beginning:
		if (parseInt(x.right) + parseInt(x.width) < 0) {
			x.right = (parseInt(x.right) + parseInt(x.width)*imgArr.length) + 'px';
		}
	}
		
	mqr.TO=setTimeout('mqRotateRight(document.getElementById("mq2"))',10);
	}
}