var feat_data = new Array(
	new Array("/img/portfolio/bell.gif", "Bell", ""),
	new Array("/img/portfolio/telus.jpg", "Telus",""),
	new Array("/img/portfolio/travel_channel.jpg", "Travel Channel", ""),
	new Array("/img/portfolio/hsbc.jpg", "HSBC", ""),
	new Array("/img/portfolio/arthur_murray.jpg", "Arthur Murray", ""),
	new Array("/img/portfolio/protocol.jpg", "Protocol", ""),
	new Array("/img/portfolio/wirecard.jpg", "Wirecard", ""),
	new Array("/img/portfolio/sbc.jpg", "SBC", ""),
	new Array("/img/portfolio/paradigm.jpg", "paradigm", "")
);

var c_feat = -1;
var feat_interval = 0;
var lockImage = false;

function init_featured () {
	var images = new Array();
	var del = $('feat_desc');
	var sel = $('feat_sel');
	
	for ( var i = 0; i < feat_data.length; i++ ) {
		// preload images
		images[i] = new Image(10, 10);
		images[i].src = feat_data[i][0];
	}
	//sel.setStyle('width', (feat_data.length * 20 + 18) + 'px');
	sel.setStyle('width', (feat_data.length * 10 + 18) + 'px');
	c_feat = -1;
	change_feat(0);
}

womAdd('init_featured()');

function resetChangeTimer () {
	clearInterval(feat_interval);
	var ms = 5000;
	feat_interval = setInterval('next_feat()', ms);	
}

function next_feat () {
	change_feat(c_feat + 1);
}

function prev_feat () {	
	change_feat(c_feat - 1);
}

function change_feat (feat_i) {
	
	if (lockImage) return;
	
	if (feat_i < 0) feat_i = feat_data.length - 1;
	feat_i = feat_i % feat_data.length;
	
	if (c_feat == feat_i) return;
	c_feat = feat_i;
	
	resetChangeTimer();
	
	var fader = new Fx.Style('feat_img', 'opacity', { duration: 300 });
	
	fader.start(1, 0).chain( function () {
				
		var iel = $('feat_img');
		
		iel.src = feat_data[c_feat][0];
		iel.alt = feat_data[c_feat][1];
		fader.start(0, 1);		
	});
}