var base_url = "";
var feature_index = 1;
var features_array = new Array();

$(document).ready(function(){
	$("#feature-image").css('display','none');
	$("#navigation li:not(.current)").css( {backgroundPosition: "0px -100px", backgroundImage:"url("+base_url+"/media/images/common/navHighlight-trans.png)"})
	$("#navigation li:not(.current)").mouseover(function(){ $(this).stop().animate( {backgroundPosition:"0px 0px"},250)})
	$("#navigation li:not(.current)").mouseout(function(){ $(this).stop().animate( {backgroundPosition:"0px -100px"},250)})
				
});

function getFeatures(page)
{
	$("#feature-box").css('display','none');
	$("#feature-box-bg").css('display','none');
	$.post(base_url + '/ajax/features/'+page,{},function(data,textStatus)
		 {
			 $.each(data.images, function(i,item)
				  {
					  img = new Image(990,290);
					  img.src = item;
				  	  features_array.push(img);
				  });
			 $("#feature-box").fadeIn('fast');
			 $("#feature-box-bg").fadeIn('fast');
			 $("#feature-image").html(features_array[0]);
			 $("#feature-image img").load(function() { $('#feature-image').fadeIn('slow'); });
			 if(data.images.length > 1)
			 	setInterval('loadFeatureImage()',15000);
		 },"json");
}

function loadFeatureImage()
{
	$("#feature-image").css('display','none');
	$("#feature-image").html(features_array[feature_index]);
	$("#feature-image").fadeIn('slow');
	if(feature_index == features_array.length -1)
		feature_index = 0;
	else
		feature_index++;
}