//------------------------------------------------------------------------------------------------
//constants
//------------------------------------------------------------------------------------------------
//rotation interval object
 var _rotateInt;
 //incr current featured item
 var _currentFeatureItem = -1;
 //array holding items and messages
 var _featureItemsArr = new Array();
 	 _featureItemsArr.push({item:"f_youthDev",message:"f_youthDevMsg"});
	 _featureItemsArr.push({item:"f_healthyLiving",message:"f_healthyLivingMsg"});
	 _featureItemsArr.push({item:"f_socialResp",message:"f_socialRespMsg"});
 
//------------------------------------------------------------------------------------------------
//user defined
//------------------------------------------------------------------------------------------------
//how quickly items rotate
var _rotateTime = 6000;


//------------------------------------------------------------------------------------------------
//on page load
//------------------------------------------------------------------------------------------------
$(document).ready(function(){
	//item and message mouse event binding
   $(".featureItem").live("mouseover",function () {
        $(this).css("backgroundPosition","-280px 0px");
		$("#" + $(this).attr("rel")).css("visibility","visible");
		interruptRotate($(this));
    });
	$(".featureItem").live("mouseout",function () {
		$(this).css("backgroundPosition","0px 0px");
		$("#" + $(this).attr("rel")).css("visibility","hidden");
		restartRotate();
    });
	$(".f_message").live("mouseover",function () {
		$("#"+$(this).attr("id").toString().split("Msg")[0]).css("backgroundPosition","-280px 0px");
		$(this).css("visibility","visible");
		interruptRotate($(this));
    });
	$(".f_message").live("mouseout",function () {
		$("#"+$(this).attr("id").toString().split("Msg")[0]).css("backgroundPosition","0px 0px");
		$(this).css("visibility","hidden");
		restartRotate();
    });
	//begin rotation timer
	restartRotate();
 });
 
//------------------------------------------------------------------------------------------------
//interrupt when a user passes over an item or message
//------------------------------------------------------------------------------------------------ 
function interruptRotate(item){
	var id = item.attr("id").toLowerCase();
	if(id.indexOf("youth") > -1){
		_currentFeatureItem = 0;
	}else if(id.indexOf("healthy") > -1){
		_currentFeatureItem = 1;
	}else if(id.indexOf("social") > -1){
		_currentFeatureItem = 2;
	}
	
	//hide other items
	hideOthers();
	//clear timer
 	clearInterval(_rotateInt);
 }
 
//------------------------------------------------------------------------------------------------
//change the item on rotation
//------------------------------------------------------------------------------------------------
function changeFeatureItem(initLoad){
	hideOthers();
	//show active
	var itemObj = "#"+_featureItemsArr[_currentFeatureItem].item;
	var msgObj = "#"+_featureItemsArr[_currentFeatureItem].message;
		//item
		$(itemObj).css("backgroundPosition","-280px 0px");
		//message
		$(msgObj).css("visibility","visible");
		incrCurrentItem();
}
//------------------------------------------------------------------------------------------------
//restart rotation
//------------------------------------------------------------------------------------------------
function restartRotate(){
	incrCurrentItem();
	_rotateInt = setInterval(changeFeatureItem,_rotateTime);
}
//------------------------------------------------------------------------------------------------
//hide other items that are not active
//------------------------------------------------------------------------------------------------
function hideOthers(){
	//hide others
	var h_itemObj;
	var h_msgObj;
	for(i=0;i<_featureItemsArr.length;i++){
		h_itemObj = "#"+_featureItemsArr[i].item;
		h_msgObj = "#"+_featureItemsArr[i].message;
		if(i != _currentFeatureItem){
			//item
			$(h_itemObj).css("backgroundPosition","0px 0px");
			//message
			$(h_msgObj).css("visibility","hidden");	
		}
	} 
}
//------------------------------------------------------------------------------------------------
//incr the current item num
//------------------------------------------------------------------------------------------------
function incrCurrentItem(){
	if(_currentFeatureItem+1 < _featureItemsArr.length){
	 	_currentFeatureItem++;
	}else{
		_currentFeatureItem = 0;
	} 
}