var promo_imgPath = "/bus/b25/s9/contentpages/assets/homepage/PromoPics/" // the location of where the images are
var promo_baseURL = "http://fulldaylearning.scholarschoice.ca/products/" // the base url for where the links are going to point to
var promo_myUrls = "Copernicus-Educational-Products-1714,Wood-Designs-1936".split(",") // the last part of the url in the same order as the images
var promo_myImages = "2.jpg,4.jpg".split(",") // these are the image names - IMPORTANT name the images like this

var promo_imagePointer = 0
var promo_delay = 5000 // three seconds.
var promo_imgWidth = '400px'
var promo_imgHeight = '260px'
var promo_timer

function flipPromo() {		

	
	$('promoTemp').innerHTML='<a href="'+promo_baseURL+promo_myUrls[promo_imagePointer]+'"><img src="'+promo_imgPath+promo_myImages[promo_imagePointer]+'" border="0" /></a>'			
	new Effect.Fade('promo',{duration:.8})
	new Effect.Appear('promoTemp',{duration:.8,afterFinish:function(){resetFlipPromo()}})
	promo_imagePointer++
	if(promo_imagePointer==promo_myImages.length) {
		promo_imagePointer=0
	}
	promoTimer = window.setTimeout("flipPromo()",promo_delay)
}

function resetFlipPromo() {
	$('promo').innerHTML=$('promoTemp').innerHTML;
	$('promoTemp').hide()
	$('promo').show()
	
}

function flipPromoInit() {
	if($('PromoArea')) {
		$('PromoArea').select('img').each(function(element) {
			element.observe("click", gotoPromo)											   
	})
	}
	if(!$('promo')) {
		$('promoHolder').insert(new Element('div',{id:'promo',style:'width:'+promo_imgWidth+';height:'+promo_imgHeight}))
		$('promoHolder').insert(new Element('div',{id:'promoTemp',style:'display:none;position:absolute;top:0px;left:0px;width:'+promo_imgWidth+';height:'+promo_imgHeight}))
	}
	$('promo').innerHTML='<a href="'+promo_baseURL+promo_myUrls[promo_imagePointer]+'"><img src="'+promo_imgPath+promo_myImages[promo_imagePointer]+'" border="0" /></a>'	
	promo_imagePointer++
	promoTimer = window.setTimeout("flipPromo()",promo_delay)

}

function gotoPromo(evt) {
	var element = Event.element(evt);
	clearTimeout(promoTimer)
    var myUrl = promo_baseURL+promo_myUrls[parseInt(element.id.replace('L',''))]

	var mySRC = element.src.replace("_sm","")
	$('promo').down('img').src=mySRC
    $('promo').down('a').href=myUrl

	promo_imagePointer++
	if(promo_imagePointer==promo_myImages.length) {
		promo_imagePointer=0
	}
	promoTimer = window.setTimeout("flipPromo()",promo_delay*1.5)
}

window.setTimeout("flipPromoInit()",100)