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 <= 6; t++) {
        SetDisplayNone('ctl00_phlRightContent_ctl00_imgHoverFeature' + t);
        SetDisplayNone('ctl00_phlRightContent_ctl00_hypHoverFeature' + t);
    }
    var hypFeatureImageHover = document.getElementById('ctl00_phlRightContent_ctl00_hypHoverFeature' + elementID);
    hypFeatureImageHover.style.display = 'block';
    var imgFeatureImageHover = document.getElementById('ctl00_phlRightContent_ctl00_imgHoverFeature' + elementID);
    //imgFeatureImageHover.style.display = 'block';

    clearInterval(intervalID);
    clearInterval(elemwidthChangeMemIntFeature);
    changeOpacity(imgFeatureImageHover, elementID);

    var linkFeatureHeadingHoverPrevious = document.getElementById('FeatureHeadingLi' + intPreviousElementIDInLoop);
    linkFeatureHeadingHoverPrevious.style.backgroundColor = '#262626';
    linkFeatureHeadingHoverPrevious.style.backgroundImage = 'none';
    var linkFeatureHeadingHoverPreviousA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + intPreviousElementIDInLoop);
    linkFeatureHeadingHoverPreviousA.style.color = '#FFFFFF';

    linkFeatureHeadingHoverPrevious = document.getElementById('FeatureHeadingLi' + intPreviousElementID);
    linkFeatureHeadingHoverPrevious.style.backgroundColor = '#262626';
    linkFeatureHeadingHoverPrevious.style.backgroundImage = 'none';
    var linkFeatureHeadingHoverPreviousA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + intPreviousElementID);
    linkFeatureHeadingHoverPreviousA.style.color = '#FFFFFF';

    var linkFeatureHeadingHover = document.getElementById('FeatureHeadingLi' + elementID);
    linkFeatureHeadingHover.style.backgroundColor = '#414042';
    linkFeatureHeadingHover.style.backgroundImage = 'url(/Images/CustomerSpecific/FPItemHoverArrow.gif)';

    var linkFeatureHeadingHoverA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + elementID);
    linkFeatureHeadingHoverA.style.color = '#F6891F';

}
function OnMouseOverFeatureImage(elementID) {
    for (var t = 0; t <= 6; t++) {
        SetDisplayNone('ctl00_phlRightContent_ctl00_imgHoverFeature' + t);
        SetDisplayNone('ctl00_phlRightContent_ctl00_hypHoverFeature' + t);
    }
    var hypFeatureImageHover = document.getElementById('ctl00_phlRightContent_ctl00_hypHoverFeature' + elementID);
    hypFeatureImageHover.style.display = 'block';
    var imgFeatureImageHover = document.getElementById('ctl00_phlRightContent_ctl00_imgHoverFeature' + elementID);
    imgFeatureImageHover.style.display = 'block';

    clearInterval(intervalID);
    //clearInterval(elemwidthChangeMemIntFeature);
    //changeOpacity(imgFeatureImageHover, elementID);

    var linkFeatureHeadingHoverPrevious = document.getElementById('FeatureHeadingLi' + intPreviousElementIDInLoop);
    linkFeatureHeadingHoverPrevious.style.backgroundColor = '#262626';
    linkFeatureHeadingHoverPrevious.style.backgroundImage = 'none';
    var linkFeatureHeadingHoverPreviousA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + intPreviousElementIDInLoop);
    linkFeatureHeadingHoverPreviousA.style.color = '#FFFFFF';

    linkFeatureHeadingHoverPrevious = document.getElementById('FeatureHeadingLi' + intPreviousElementID);
    linkFeatureHeadingHoverPrevious.style.backgroundColor = '#262626';
    linkFeatureHeadingHoverPrevious.style.backgroundImage = 'none';
    var linkFeatureHeadingHoverPreviousA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + intPreviousElementID);
    linkFeatureHeadingHoverPreviousA.style.color = '#FFFFFF';

    var linkFeatureHeadingHover = document.getElementById('FeatureHeadingLi' + elementID);
    linkFeatureHeadingHover.style.backgroundColor = '#414042';
    linkFeatureHeadingHover.style.backgroundImage = 'url(/Images/CustomerSpecific/FPItemHoverArrow.gif)';

    var linkFeatureHeadingHoverA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + elementID);
    linkFeatureHeadingHoverA.style.color = '#F6891F';

}
function OnMouseOverFeatureLoop(elementID) {

    intPreviousElementID = elementID;
    intPreviousElementID--;
    if (intPreviousElementID == 0) {
        intPreviousElementID = intNumberOfItems;
    }

    if (intNumberOfItems != 1) {
        var linkFeatureHeadingHoverPrevious = document.getElementById('FeatureHeadingLi' + intPreviousElementID);
        linkFeatureHeadingHoverPrevious.style.backgroundColor = '#262626';
        linkFeatureHeadingHoverPrevious.style.backgroundImage = 'none';
        var linkFeatureHeadingHoverPreviousA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + intPreviousElementID);
        linkFeatureHeadingHoverPreviousA.style.color = '#FFFFFF';

    }
    for (var t = 0; t <= 6; t++) {
        SetDisplayNone('ctl00_phlRightContent_ctl00_imgHoverFeature' + t);
        SetDisplayNone('ctl00_phlRightContent_ctl00_hypHoverFeature' + t);

    }
    var hypFeatureImageHover = document.getElementById('ctl00_phlRightContent_ctl00_hypHoverFeature' + elementID);
    hypFeatureImageHover.style.display = 'block';
    var imgFeatureImageHover = document.getElementById('ctl00_phlRightContent_ctl00_imgHoverFeature' + elementID);
    //imgFeatureImageHover.style.display = 'block';
    changeOpacity(imgFeatureImageHover, elementID);
//    //Transition effect for text
//    var imgFeatureImageTextHover = document.getElementById('litTextOverTheImage' + elementID);
//    //imgFeatureImageHover.style.display = 'block';
//    changeOpacityText(imgFeatureImageTextHover);

    var linkFeatureHeadingHover = document.getElementById('FeatureHeadingLi' + elementID);
    linkFeatureHeadingHover.style.backgroundColor = '#414042';
    linkFeatureHeadingHover.style.backgroundImage = 'url(/Images/CustomerSpecific/FPItemHoverArrow.gif)';

    var linkFeatureHeadingHoverA = document.getElementById('ctl00_phlRightContent_ctl00_LinkButton' + elementID);
    linkFeatureHeadingHoverA.style.color = '#F6891F';

    intPreviousElementIDInLoop = elementID;

    for (var t = 6; t > intNumberOfItems; t--) {
        SetDisplayNone('FeatureHeadingLi' + t);
    }
}
function OnMouseOutFeature(elementID) {
    intPreviousElementID = elementID;
    if (intPreviousElementID == 0) {
        intPreviousElementID = intNumberOfItems;
    }
    if (intervalID) {
        clearInterval(intervalID);
    }
    foo(elementID);

}
function foo(i) {
    var linkFeatureHeadingHover = document.getElementById('FeatureHeadingLi' + intNumberOfItems);
    linkFeatureHeadingHover.style.border = 'none';
    i++;
    j = i;

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

    function bar() {

        OnMouseOverFeatureLoop(j);

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

        j = j + 1;
    }

    intervalID = setInterval(bar, 5000);
}
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 #000000';
    }
}
/* example of fade in - out */
function changeOpacity(elementIDForOpcity,t) {
    window.clearInterval(elemwidthChangeMemIntFeature)
    var thisElement = elementIDForOpcity;
    thisElement.style.filter = 'alpha(opacity=' + 21 + ')';
    thisElement.style.opacity = '.' + 21 + '';
    thisElement.style.display = 'block';

    var thisElement2 = document.getElementById('litTextOverTheImage' + t);
    thisElement2.style.filter = 'alpha(opacity=' + 21 + ')';
    thisElement2.style.opacity = '.' + 21 + '';
    thisElement2.style.color = 'rgb(100 ,100, 100)';

    var actStep = 0;
    var intOpacityIncrement = 21;
    var intColorOpcityIncrement = 100;



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

	    thisElement.style.filter = 'alpha(opacity=' + intOpacityIncrement + ')';
	    thisElement.style.opacity = '.' + intOpacityIncrement + '';

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

}