var currentSDDiv = 0;
var maxSDDiv = 0;
var rotateTimer;
var sdInterval = 10 * 1000;
var sdPrefix = "FTenDiv";

function fadeImageIn (sddiv, fadeStep, fadeDelay) {
	
	var divObj = document.getElementById(sdPrefix + sddiv);
	
	divObj.opacity = 0;
	divObj.style.display="block";
	
	setFtenButton(sddiv, true);
	
	setOpacity(divObj, fadeStep, fadeDelay);
}

function fadeImageOut (sddiv, fadeStep, fadeDelay) {
	
	var divObj = document.getElementById(sdPrefix + sddiv);

	divObj.opacity = 100;
	divObj.voteDisabled = true;
	setFtenButton(sddiv, false);

	setOpacity(divObj, -1 * fadeStep, fadeDelay);
}

function setOpacity (obj, step, delay) {

	obj.opacity += step;

	if (typeof obj.style.opacity == "string") {
		obj.style.opacity = (obj.opacity/100);
	}
	else {
        //obj.style.filter = 'alpha(opacity = ' + obj.opacity + ')';
		obj.className = 'Opacity' + obj.opacity;            
	}

	if (step > 0 && obj.opacity < 100 || step < 0 && obj.opacity > 0) {
            setTimeout('setOpacity(document.getElementById("' + obj.id + '"), ' + step + ', ' + delay + ')', delay);
	}
	else if (obj.opacity >= 100) {
            obj.voteDisabled = false;
	}       
	else if (obj.opacity <= 0) {
            obj.style.display='none';
	}       
} 

function rotateFeatured(fade, continuous, sddiv) {
    
    stopFeaturedRotate();
    var fadeStep = (fade ? 10 : 100);
    var fadeDelay = 50;
    var nextSDDiv = (sddiv ? sddiv : (currentSDDiv == maxSDDiv ? 1 : currentSDDiv + 1));
    fadeImageOut(currentSDDiv, fadeStep, fadeDelay);
    fadeImageIn(nextSDDiv, fadeStep, fadeDelay);
    currentSDDiv = nextSDDiv;
    if (continuous) rotateTimer = setTimeout('rotateFeatured(' + fade + ', true)', sdInterval);  
}

function initFeatured(current, max) {

    currentSDDiv = current;
    maxSDDiv = max;

    var divObj = document.getElementById(sdPrefix + current);
    divObj.style.display="block";
    divObj.voteDisabled=false;

    if (max > 1) {
        rotateTimer = setTimeout('rotateFeatured(true, true)', sdInterval); 
        setFtenButton(current, true);
    }
}

function stopFeaturedRotate() {

	clearTimeout(rotateTimer);
}

function setFtenButton(sddiv, selected) {
	
	var divObjButton = document.getElementById("FTenButton" + sddiv);
	if (divObjButton && !selected) {
		divObjButton.className="FTenButton FTenNotSelected";
		divObjButton.onclick=function(){rotateFeatured(true, false, sddiv);};
        }
	else if (divObjButton && selected) {
		divObjButton.className="FTenButton FTenButtonSelected";
		divObjButton.onclick=null;
	}

}