//Function to show controls on click of "Add or Edit or Cancel"
function ShowStyleInStyleMaster(mode)
{
    if (mode=="show")
    {   
        formget(document.getElementById('frmStyleMaster'),"./styleload.php","divStyleAjax");
    }
    else if (mode=="add")
    {
        //Clear Message
        document.getElementById("divItemDisplayMessage").innerText="";     //For IE Browser
        document.getElementById("divItemDisplayMessage").textContent="";   //For FireFox Browser
        //Hide And Show Controls        
        document.getElementById("divStyleInput").style.display="inline";
        document.getElementById("divStyleSaveImage").style.display="inline";
        document.getElementById("divStyleUpdateImage").style.display="none";
        document.getElementById("divStyleCancelImage").style.display="inline";
        document.getElementById("divLblStyle").style.display="none";
		document.getElementById("divDDLStyle").style.display="none";
        document.getElementById("divStyleAddEditDelete").style.display="none";
        document.getElementById("ddlSettingStyle").disabled=false;
        //Fix "A" For Add Style        
        document.getElementById("hidDecideStyle").value="A";
        document.getElementById("txtStyleName").value="";
		document.getElementById("txtStyleDescInput").value="";
        document.getElementById("hidStyleId").value="";
        //Focus
        document.getElementById("txtStyleName").focus();
    }
    else if (mode=="edit")
    {
        var sIndex=document.getElementById("ddlSettingStyle").selectedIndex;
        //Clear Message
        document.getElementById("divItemDisplayMessage").innerText="";     //For IE Browser
        document.getElementById("divItemDisplayMessage").textContent="";   //For FireFox Browser        
        if (sIndex >= 0)
        {
            /* Get Value */
            var ddlValue=document.getElementById("ddlSettingStyle").options[sIndex].value; 
			var titlevar=document.getElementById("ddlSettingStyle").options[sIndex].title;
            /* Find Out Index of ":" */
            stringIndex=ddlValue.indexOf(":");
            /* Split SId from ddlValue */
            bValue=ddlValue.substring(0,stringIndex);
            /* Split StyleName from ddlvalue */
            sText=ddlValue.substring(stringIndex+1);
            /* Store SId here */
            document.getElementById("hidStyleId").value=bValue;
            /* Split pId from bValue */
            /*pId=bValue.substring(0,7);*/
            document.getElementById("txtStyleName").value=sText;
			document.getElementById("txtStyleDescInput").value=titlevar;
            //Hide And Show Controls            
            document.getElementById("divStyleInput").style.display="inline";
            document.getElementById("divStyleSaveImage").style.display="none";
            document.getElementById("divStyleUpdateImage").style.display="inline";
            document.getElementById("divStyleCancelImage").style.display="inline";
            document.getElementById("divStyleAddEditDelete").style.display="none";
            document.getElementById("ddlSettingStyle").disabled=true;
            //Fix "E" For Edit Style
            document.getElementById("hidDecideStyle").value="E";        
            //Focus
            document.getElementById("txtStyleName").focus();
        }
        else
        {
            alert("Please select style");
            document.getElementById("ddlSettingStyle").disabled=false;
            document.getElementById("ddlSettingStyle").focus();
        }               
    }
    else if (mode=="delete")
    {
        //Clear Message
        document.getElementById("divItemDisplayMessage").innerText="";     //For IE Bowser
        document.getElementById("divItemDisplayMessage").textContent="";   //For FireFox Browser     
        var sIndex=document.getElementById("ddlSettingStyle").selectedIndex;        
        if (sIndex >=0)
        {   
            /* Get Value */
            var ddlValue=document.getElementById("ddlSettingStyle").options[sIndex].value;
            /* Find Out Index of ":" */
            stringIndex=ddlValue.indexOf(":");
            /* Split SId from ddlValue */
            bValue=ddlValue.substring(0,stringIndex);
            /* Store SId here */
            document.getElementById("hidStyleId").value=bValue;
            /* Fix "D" For Delete */
            document.getElementById("hidDecideStyle").value="D";
            formget(document.getElementById('frmStyleMaster'),"./styleload.php","divStyleAjax");            
            document.getElementById("hidDecideStyle").value="";
            document.getElementById("txtStyleNames").value="";
			document.getElementById("txtStyleDesc").value="";
            document.getElementById("hidStyleId").value="";
        }
        else
        {
            alert("Please select style");
            document.getElementById("ddlSettingStyle").disabled=false;
            document.getElementById("ddlSettingStyle").focus();
        }
    }
    else if (mode=="save")
    {
        //Clear Message
        document.getElementById("divItemDisplayMessage").innerText="";    //For IE Bowser
        document.getElementById("divItemDisplayMessage").textContent="";  //For FireFox Browser
        document.getElementById("txtStyleName").value=document.getElementById("txtStyleName").value;
		document.getElementById("txtStyleDescInput").value=document.getElementById("txtStyleDescInput").value;
        //Validation        
        if (document.getElementById("txtStyleName").value == "")
        {
            alert("Please give style name");
            document.getElementById("txtStyleName").focus();
        }
		/* if (document.getElementById("txtStyleDescInput").value == "")
        {
            alert("Please give style description");
            document.getElementById("txtStyleDescInput").focus();
        }*/
        else
        {            
            /* Store Style Name Here */ 
            document.getElementById("txtStyleNames").value=document.getElementById("txtStyleName").value;
			document.getElementById("txtStyleDesc").value=document.getElementById("txtStyleDescInput").value;
            formget(document.getElementById('frmStyleMaster'),"./styleload.php","divStyleAjax");            
            document.getElementById("hidDecideStyle").value="";
            document.getElementById("txtStyleNames").value="";
			document.getElementById("txtStyleDesc").value="";
            document.getElementById("hidStyleId").value="";
        }
    }
    else if (mode=="update")
    {
        //Clear Message
        document.getElementById("divItemDisplayMessage").innerText="";      //For IE Browser
        document.getElementById("divItemDisplayMessage").textContent="";    //For FireBox Browser
        document.getElementById("txtStyleName").value=document.getElementById("txtStyleName").value;
        //Validation
        if (document.getElementById("ddlSettingStyle").selectedIndex == -1)
        {
            alert("Please select style");
            document.getElementById("ddlSettingStyle").focus();
        }        
        else if (document.getElementById("txtStyleName").value == "")
        {
            alert("Please give style name");
            document.getElementById("txtStyleName").focus();
        }
        else
        {
            /* Store Style Name Here */ 
            document.getElementById("txtStyleNames").value=document.getElementById("txtStyleName").value;
			document.getElementById("txtStyleDesc").value=document.getElementById("txtStyleDescInput").value;
            formget(document.getElementById('frmStyleMaster'),"./styleload.php","divStyleAjax");            
            document.getElementById("hidDecideStyle").value="";
            document.getElementById("txtStyleNames").value="";
			document.getElementById("txtStyleDesc").value="";
            document.getElementById("hidStyleId").value="";            
        }
    }
    else if (mode=="cancel")
    {
        //Clear Message
        document.getElementById("divItemDisplayMessage").innerText="";     //For IE Browser
        document.getElementById("divItemDisplayMessage").textContent="";   //For FireFox Browser
        //Hide And Show Controls
        document.getElementById("divStyleInput").style.display="none";
        document.getElementById("divStyleSaveImage").style.display="none";
        document.getElementById("divStyleUpdateImage").style.display="none";
        document.getElementById("divStyleCancelImage").style.display="none";
        document.getElementById("divLblStyle").style.display="inline";
		document.getElementById("divDDLStyle").style.display="inline";
        document.getElementById("divStyleAddEditDelete").style.display="inline";
        //Clear Form Values
        document.getElementById("hidDecideStyle").value="";
        document.getElementById("txtStyleNames").value="";
		document.getElementById("txtStyleDesc").value="";
        document.getElementById("hidStyleId").value="";
        //Focus
        document.getElementById("ddlSettingStyle").disabled=false;
        document.getElementById("ddlSettingStyle").focus();
    }
    else if (mode=="back")
    {
        //Redirection
        window.location.href="./setup.php";
    }
}