var intervalID;
var intPreviousElementIDInLoop = 0;
var elemwidthChangeMemIntFeature = 0;
var intPreviousElementID = 0;
var j = 1;
var intNumberOfItems = 0;
function OnMouseOverFeature(elementID) {

    for (var t = 0; t <= intNumberOfItems; t++) {
        SetDisplayNone('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_imgHoverFeature' + t);
        SetDisplayNone('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_hypFPBannerImage' + t);
    }
    var hypFeatureImageHover = document.getElementById('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_hypFPBannerImage' + elementID);
    hypFeatureImageHover.style.display = 'block';
    var imgFeatureImageHover = document.getElementById('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_imgHoverFeature' + elementID);
    imgFeatureImageHover.style.display = 'block';

    clearInterval(intervalID);


}
function OnMouseOverFeatureLoop(elementID) {
    //    alert('elementID = ' + elementID);
    //    alert('iprevious = ' + intPreviousElementID);
    intPreviousElementID = elementID;
    intPreviousElementID--;
    if (intPreviousElementID == 0) {
        intPreviousElementID = intNumberOfItems;
    }

    if (intNumberOfItems != 1) {

    }
    for (var t = 0; t <= intNumberOfItems; t++) {
        SetDisplayNone('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_imgHoverFeature' + t);
        SetDisplayNone('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_hypFPBannerImage' + t);

    }
    var hypFeatureImageHover = document.getElementById('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_hypFPBannerImage' + elementID);
    hypFeatureImageHover.style.display = 'block';
    var imgFeatureImageHover = document.getElementById('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_imgHoverFeature' + elementID);
    
    changeOpacity(imgFeatureImageHover);

    
    for (var t = 1; t < intNumberOfItems + 1; t++) {
        SetDisplayNone('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_LinkButton' + t);
    }
    
    var linkFeatureHeadingHoverA = document.getElementById('ctl00_phlFeatureProjects_ctrFeatureProjectBanner_LinkButton' + elementID);
    linkFeatureHeadingHoverA.style.display = 'block';

    intPreviousElementIDInLoop = elementID;


}
function OnMouseOutFeature(elementID) {
    intPreviousElementID = elementID;
    if (intPreviousElementID == 0) {
        intPreviousElementID = intNumberOfItems;
    }

    clearInterval(intervalID);
    foo(elementID);

}
function foo(i) {
    i++;
    j = i;

    if (j == (intNumberOfItems + 1)) {
        j = 1;
    }

    function bar() {

        OnMouseOverFeatureLoop(j);

        if (j == intNumberOfItems) {
            j = 0;
        }

        j = j + 1;
    }

    intervalID = setInterval(bar, 10000);
}
function SetDisplayNone(strElementID) {
    if (document.getElementById(strElementID))
        document.getElementById(strElementID).style.display = 'none';
}
function GetNumberOfItems(strElementID) {
    if (document.getElementById(strElementID)) {
        intNumberOfItems++;
//        var liStyle = document.getElementById('FeatureHeadingLi' + intNumberOfItems);
//        liStyle.style.borderBottom = '1px solid #999999';
    }
}
/* example of fade in - out */
function changeOpacity(elementIDForOpcity) {
    window.clearInterval(elemwidthChangeMemIntFeature)
    var thisElement = elementIDForOpcity;
    thisElement.style.filter = 'alpha(opacity=' + 21 + ')';
    thisElement.style.opacity = '.' + 21 + '';
    thisElement.style.display = 'block';
    var actStep = 0;
    var intOpacityIncrement = 21;

    elemwidthChangeMemIntFeature = window.setInterval(
	function () {
	    intOpacityIncrement = intOpacityIncrement + 3;

	    thisElement.style.filter = 'alpha(opacity=' + intOpacityIncrement + ')';
	    thisElement.style.opacity = '.' + intOpacityIncrement + '';
	    actStep++;
	    if (actStep > 25) window.clearInterval(elemwidthChangeMemIntFeature);
	}
	, 40)

}