var timerId;

function FeatureItem(img,imgAlt,title,summary,link){
	this.img=img;
	this.imgAlt=imgAlt;
	this.title = title;
	this.summary = summary;
	this.link = link;
	//preload image
	this.pic = new Image(306,190)
	this.pic.src=this.img;
}

function SetFeatureChanger(currItem, init, hover) {
	clearTimeout(timerId);
	items = FeatureItems.length
	for (i = 0; i < FeatureItems.length; i++) {
	   // $('Feature' + i).className = '';
	    $('Featurelink' + i).className = '';
	}
	//$('Feature' + currItem).className = 'active';
	$('Featurelink' + currItem).className = 'active';

	$('featureStoryImage').innerHTML = '<a href="' + FeatureItems[currItem].link + '"><img src="' + FeatureItems[currItem].img + '" alt="' + FeatureItems[currItem].imgAlt + '" class=\"left\" /></a>';
    //$('featureStoryImage').fx = $('featureStoryImage').set('tween', {duration: 500, transition: 'back:in'}).tween('opacity', 1, 1);

	$('featureStoryTitle').innerHTML = '<h2><a href="' + FeatureItems[currItem].link + '">' +  FeatureItems[currItem].imgAlt + '</a></h2>';
	$('featureStorySummary').innerHTML = '<p>' +  FeatureItems[currItem].summary + '</p>';
	if(!hover){
		startTimer(currItem);
	}
}

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