// preload rollovers
pic1= new Image(); 
pic1.src="img/icons_text_cart_ro.gif"; 
pic2= new Image(); 
pic2.src="img/icons_text_lock_ro.gif"; 
pic3= new Image(); 
pic3.src="img/icons_text_chart_ro.gif"; 

var firstEl = false;	
var total = 0;
var els = new Array();
var pointer = 0;
var nextPointer = 0;
var prevPointer = 0;
var hideEl;
var showEl;
var pause = 0;
var advanceInterval;

Event.observe(window,'load',initBillboard);

function advanceBillboard() {

		if (pause == 0 && total > 1) {
			pause = 1;
			prevPointer = pointer;
			pointer = nextPointer;
			nextPointer = (pointer + 1) % total;
			hideEl = els[prevPointer];
			showEl = els[pointer];
			Effect.Fade(hideEl);
			Effect.Appear(showEl);
			pause = 0;
		}
		
		window.clearInterval(advanceInterval);
		advanceInterval = window.setInterval(advanceBillboard,10000);	 
}

function initBillboard() {	
	els = $$('.billboard_image_wrap');	
	
	els.each(function(el) {
		Event.observe(el,'mouseover',function() { pause = 1 } );
		Event.observe(el,'mouseout',function() { pause = 0 } );
		total++;
	});
	if(total > 1) {
		prevPointer = total - 1;
		nextPointer = 1;
		advanceInterval = window.setInterval(advanceBillboard,10000);	 	
	}
		
}

function retreatBillboard() {
	if (pause == 0 && total > 1) {
		pause = 1;
		nextPointer = pointer;
		pointer = prevPointer;
		if(prevPointer == 0) {
			prevPointer = total - 1;
		} else {
			prevPointer--;
		}
		hideEl = els[nextPointer];
		showEl = els[pointer];
		Effect.Fade(hideEl);
		Effect.Appear(showEl);
		pause = 0;
	}
	window.clearInterval(advanceInterval);
	advanceInterval = window.setInterval(advanceBillboard,10000);
}