// JavaScript Document

function showFeature(elem){
	httpRequest(elem.href,true);
	highlightMenu(elem);	
}

function httpRequest(theURL,stopSlideShow){
	if (stopSlideShow) clearInterval(featuredItemTimer);
	
	var effectObs = {onPostEffect:function(){productPanels.loadContent(theURL);}};
	var obs = {onPostUpdate:function(){openPanel.start();}};
	closePanel.start();
	closePanel.addObserver(effectObs);
	productPanels.addObserver(obs);
}
			
/** 
* rotateFeaturedItem() function:
* 1. retrieves the href from itemX.
* 2. if itemX is undefined, it resets X to 1. 
* 3. once having a valid href, it calls the spry method to rotate the display
**/
var finish=0;
var r=2;
function rotateFeaturedItem() {
	if (finish >= 3) {clearInterval(featuredItemTimer); return false;}
	
	if ((elem=document.getElementById('item'+r)) == undefined) {
		elem=document.getElementById('item'+(r=1));
		finish++;
	}
	highlightMenu(elem.childNodes[0]);
	url = elem.childNodes[0].href;
	httpRequest(url,false);
	r++;
}

function highlightMenu(elem) {
	for(p=1;(li=document.getElementById('item'+p))!=undefined;p++)					
		li.className = 'fItem';
	
	elem.parentNode.className = 'selectedItem';
	
	ulAnchor = findPosY(document.getElementById('fim'));
	newSpot = findPosY(elem)-ulAnchor;
	document.getElementById('pointer').style.top = newSpot+'px';
}

function findPosY(obj) {
	var curleft = curtop = 0;
	while (obj) {
		curleft += obj.offsetLeft
		curtop += obj.offsetTop
		obj = obj.offsetParent
	}
	return curtop
}