var _globalStepId = "step1";

//This will preload the images.
var _objDiag = new Image();
var _objAnalysis = new Image();
var _objDesign = new Image();
var _objDevelop = new Image();
var _objDeploy = new Image();
var _objOperate = new Image();

_objDiag.src = "../Template/images/diag_hover.png";
_objAnalysis.src = "../Template/images/analysis_hover.png";
_objDesign.src = "../Template/images/design_hover.png";
_objDevelop.src = "../Template/images/develop_hover.png";
_objDeploy.src = "../Template/images/deploy_hover.png";
_objOperate.src = "../Template/images/operate_hover.png";

//End here
var _activeButton = "";
//This function is responsible for changing menu images when mouse hover and mouse out
function changeImage(_id, _image, acn) {

    if (_activeButton != "") {
        var _str = _activeButton + "Text";
        document.getElementById(_str).className = 'hide';
    }
    _activeButton = _id;
    var _objId = document.getElementById(_id);
    var _activeStr = _activeButton + "Text";
    if (acn == 1) {
        document.getElementById(_activeStr).className = 'hovertext';
    }
    else {
        document.getElementById(_activeStr).className = 'hide';
    }
    _objId.src = "../Template/images/" + _image;        
}
//End here

function ShowStepRoleWise() 
{    
    var _obj = document.getElementById("ddlRole");
    var _selectedValue = _obj.options[_obj.selectedIndex].value;
    _valText = _selectedValue + "_content";

    var _valPreText = _globalStepId + "_content";
    //alert(_globalStepId);
    document.getElementById(_valPreText).className = "hide";
    document.getElementById(_globalStepId).className = "hide";

    _globalStepId = _selectedValue;
    
    document.getElementById(_valText).className = "show";
    document.getElementById(_selectedValue).className = "show";

}

function SelectOption()
{
    try
    {
       var _myurl = window.location.href;   
       //alert(_myurl) 
       var temp = new Array();
       temp = _myurl.split("=");
       
       var _steps = temp[1];
       
       _valText = _steps + "_content";

       var _valPreText = _globalStepId + "_content";
    
       document.getElementById(_valPreText).className = "hide";
       document.getElementById(_globalStepId).className = "hide";

       _globalStepId = _steps;
       document.getElementById(_valText).className = "show";
       document.getElementById(_steps).className = "show";
       
       var _obj = document.getElementById("ddlRole");
       
       //alert(_obj.options[_obj.selectedIndex].value);
       for(i=0; i<_obj.length; i++)
       {
            if(_obj[i].value == _steps)
            {
               _obj[i].selected = true; 
            }
       }
       //_obj.options[_obj.selectedIndex].value = _steps;
       
       //alert(temp[1]);
    }
    catch (err)
    {
        document.getElementById("step1_content").className = 'show';
        document.getElementById("step1").className = 'show';
        _globalStepId = "step1";
    }    
}