var timerId;
var imageWidth = 166;
var imageHeight = 116;
var oldImagePos = imageHeight + 3;
var offerLink = "specialoffers_details.asp?id=";

function OfferItem(img,imgAlt,offerID){
	this.img=img;
	this.imgAlt=imgAlt;
	//preload image
	this.pic = new Image(imageWidth,imageHeight)
	this.pic.src=this.img;
	this.offerID=offerID;
}

function SetOfferChanger(currItem,init,hover){
	clearTimeout(timerId);
	items = OfferItems.length
	
	for(i=0;i<OfferItems.length;i++){
		$('offer_' + i).className='';
	}
	$('offer_' + currItem).className='active';
	$('offerSelectedText').innerHTML='<a href="' + offerLink + OfferItems[currItem].offerID + '">' + OfferItems[currItem].imgAlt + ' &raquo;</a>';
	
	if (init){
		$('offerStoryImage').innerHTML='<img src="' + OfferItems[currItem].img + '" alt="' + OfferItems[currItem].imgAlt + '" style="position:relative;top:0;left:0;height:' + imageHeight + 'px;width:' + imageWidth + 'px;" id="oldImage" />';
	}else{
		$('offerStoryImage').innerHTML='<img src="' + OfferItems[currItem].img + '" alt="' + OfferItems[currItem].imgAlt + '" style="position:relative;top:0;left:0;z-index:1;height:' + imageHeight + 'px;width:' + imageWidth + 'px;" id="oldImage" /> <img src="' + $('oldImage').src + '" style="position:relative;top:-' + oldImagePos + ';left:0;z-index:2;height:' + imageHeight + 'px;width:' + imageWidth + 'px;" id="fadeImage" />';
		$('fadeImage').fade('out');
	}
	if(!hover){
		startTimer(currItem);
	}
}

function startTimer(currItem){
	
	if(currItem < OfferItems.length - 1){
		nextItem = currItem + 1
	}else{
		nextItem = 0
	}
	timerId = setTimeout("SetOfferChanger(nextItem,false,false)", 6000);
}