var hideTimeout = null;

$(window).load(function(){
	jQuery.each(features, function(){
		var img = new Image();
		img.src = "/images/content/home/"+this[0];
	});
});

$(document).ready(function(){
	var featureLength = 0;
	for (var fi in features) {
		featureLength++;
	}
	
	$('<div class="infobar"><p style="left: '+((featureLength * 30) + 15)+'px">&nbsp;<'+'/p><'+'/div>').insertBefore('#feature ul').hide().css('opacity','0.5');
	$('#feature ul').show().find('a').hover(function(){
		if (!$(this).is('.current')) {
			clearTimeout(hideTimeout);
			$(this).addClass("current").find('img.dot').attr('src','/images/icons/orangeDot.png');
			$(this).parent().siblings().find('a').removeClass('current').find('img.dot').attr('src','/images/icons/brownDot.png');
			$(this).siblings('img.thumb').show().parent().siblings().find('img.thumb').hide();
			$('#feature .infobar p').html($(this).attr('title')).parent().show();
			
			//$('#featureImage').attr('src',"/images/content/home/"+features[$(this).attr('rel')][0]);
		}
	}, function(){
		var link = $(this);
		hideTimeout = setTimeout(function(){
			$('#feature .infobar').hide().find('p').html("");
			$('#feature a').removeClass("current").filter('[rel='+selectedFeature+']').addClass("current").find('img.dot').attr('src','/images/icons/orangeDot.png').parent().parent().siblings().find('img.dot').attr('src','/images/icons/brownDot.png');
			link.siblings('img.thumb').hide();
		}, 250);
	}).click(function(){
		clearTimeout(hideTimeout);
		var rel = $(this).attr('rel');
		selectedFeature = rel;
		$('#featureImage').attr('src',"/images/content/home/"+features[rel][0])
			.attr('alt',features[rel][2])
			.parent().attr('href','http://www.dewpoint.com/'+features[rel][1]);
		return false;
	});
	
});