// Home page captions (JQuery)
$(function(){
	$('img.captify').captify({

		// 'fade', 'slide', 'always-on'
		animation: 'always-on',		
		// text/html to be placed at the beginning of every caption
		opacity: '0.7',						
		// position of the caption (top or bottom)
		position: 'bottom',
		// caption span % of the image
		spanWidth: '100%'
		
	});
});

// Automatic home slider
var featurenumber = 1;
	
var homeplayer = setInterval("autohomepanels()", 5000);

function stophomeplaying() {

	clearInterval(homeplayer);

}

function autohomepanels() {

	var newpanel = featurenumber + 1;
	
	if(newpanel > 4) {
	
		newpanel = 1;
	
	}
	
	var key = newpanel - 1;
	
	//alert('Auto ' + newpanel + ' - ' + key)
	
	featurenumber = homefeature(newpanel, 4, homeids[key], hometitles[key], homedates[key], homedescriptions[key], homelinks[key]);
	
}

function homefeature(number, total, homeid, hometitle, homedate, homedescription, homelink) {

	// Update HTML
	document.getElementById('homefeaturetitle').innerHTML = '<a class="white" href="' + homelink + '">' + hometitle + '</a>';
	document.getElementById('homefeaturelink3').innerHTML = homedate;
	document.getElementById('homefeaturedescription').innerHTML = homedescription;
	document.getElementById('homefeaturelink1').href = homelink;
	//document.getElementById('homefeaturelink2').href = homelink;
	document.getElementById('homefeaturelink3').href = homelink;
	document.getElementById('homefeaturelink4').href = homelink;
	
	// Unhighlight all tabs
	for(var counter = 1; counter <= total; counter ++) {
	
		document.getElementById('homefeatureimg' + counter).style.backgroundColor = 'transparent';
		document.getElementById('homefeatureimg' + counter).style.border = 'none';
		document.getElementById('homefeatureimg' + counter).style.padding = '10px';
	
	}
	
	// Update highlighted thumb
	document.getElementById('homefeatureimg' + number).style.backgroundColor = '#666666';
	document.getElementById('homefeatureimg' + number).style.borderTop = '1px solid #7B7B7B';
	document.getElementById('homefeatureimg' + number).style.borderBottom = '1px solid #7B7B7B';
	document.getElementById('homefeatureimg' + number).style.padding = '11px 10px 9px 10px';
	
	// Update main image
	document.getElementById('homefeaturemainimage').src = '/images/cms/' + homeid + '-featuredlarge.jpg';
	
	$('img#homefeaturemainimage').hide();
	$('img#homefeaturemainimage').fadeIn(400, function() {});
	
	return number;

}