var feat_data = new Array(
	new Array("/graphics/featured/featured23.jpg", "Global Map Atomic Clock", "http://www.klockit.com/products/dept-134__sku-global_map_atomic_radio_clock.html?source=homepage"),
	new Array("/graphics/featured/featured89.jpg", "Set of 12 Arabic Numerals", "http://www.klockit.com/products/product.aspx?sku=60045&q=60045&source=homepage"),
	new Array("/graphics/featured/featured90.jpg", "Aluminum Dials", "http://www.klockit.com/products/dept-20__sku-CCCYY.html?source=homepage"),
	new Array("/graphics/featured/featured91.jpg", "EZC Watch with Large Easy to Read Dial", "http://www.klockit.com/products/dept-383__sku-87152.html?source=homepage")
);

var c_feat = -1;
var feat_interval = 0;

function init_featured () {

	var images = new Array();
	
	var del = $('feat_desc');
	var sel = $('feat_sel');
	
	if (feat_data.length > 0) {
		
		var prev = $('prev_lnk');
		var next = $('next_lnk');
		
		prev.removeClass('hidden');
		next.removeClass('hidden');
		
		prev.setProperty('href', 'javascript:void(0)');
		next.setProperty('href', 'javascript:void(0)');
		prev.addEvent('click', function () {
			prev_feat();
		});
		next.addEvent('click', function () {
			next_feat();
		});
	}
	
	for ( var i = 0; i < feat_data.length; i++ ) {
		
		// preload images
		images[i] = new Image(10, 10);
		images[i].src = feat_data[i][0];
		
		var nlnk = $('feat_lnk_' + i);
		
		nlnk.removeClass('hidden');		
		nlnk.setProperty('href', 'javascript:void(0)');
		nlnk.setProperty('title', feat_data[i][1]);
		nlnk.setProperty('feat_num', i)
		
		nlnk.addEvent('click', function () {
			change_feat(this.getProperty('feat_num'));
		});
		nlnk.addEvent('mouseover', function() {
			$$('#' + this.getProperty('id') + ' img').setProperty('src', '/graphics/featured/feature_select_current.gif');
			del.innerHTML = this.getProperty('title');
		});		
		nlnk.addEvent('mouseout', function() {
			if (this.getProperty('feat_num') != c_feat) {
				$$('#' + this.getProperty('id') + ' img').setProperty('src', '/graphics/featured/feature_select.gif');
			}
			del.innerHTML = "";			
		});		
	}
	sel.setStyle('width', (feat_data.length * 20 + 18) + 'px');
	
	c_feat = -1;
	change_feat(0);
}

womAdd('init_featured()');

function resetChangeTimer () {

	clearInterval(feat_interval);
	var ms = 7000;
	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 (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;
	
	
	var fader = new Fx.Style('feat_img', 'opacity', { duration: 300 });
	
	fader.start(1, 0).chain( function () {
				
		var iel = $('feat_img');
		var ael = $('feat_link');
		
		iel.src = feat_data[c_feat][0];
		iel.alt = feat_data[c_feat][1];
		ael.href = feat_data[c_feat][2];
		ael.title = feat_data[c_feat][1] + " - click for more info";
		
		resetChangeTimer();
		
		fader.start(0, 1);		
	});
	
	var nlnk;
	for ( var i = 0; i < feat_data.length; i++ ) {
		if (i == feat_i) continue;
		nlnk = $('feat_lnk_' + i);
		$$('#feat_lnk_' + i + ' img').setProperty('src', '/graphics/featured/feature_select.gif');
	}
	nlnk = $('feat_lnk_' + c_feat);
	$$('#feat_lnk_' + feat_i + ' img').setProperty('src', '/graphics/featured/feature_select_current.gif');
}