//Function to show controls on click of "Add or Edit or Cancel"
function ShowSizeInSizeMaster(mode)
{
    if (mode=="show")
    {   
        formget(document.getElementById('frmSizeMaster'),"./sizeload.php","divSizeAjax");
    }
    else if (mode=="add")
    {   
        document.getElementById("divItemDisplayMessage").innerText="";
        document.getElementById("divItemDisplayMessage").textContent="";
        document.getElementById("divColorInput").style.display="inline";        
        document.getElementById("divColorSaveImage").style.display="inline";
        document.getElementById("divColorCancelImage").style.display="inline";
        document.getElementById("divColorUpdateImage").style.display="none";
        document.getElementById("divLblSize").style.display="none";
        document.getElementById("divDDLSize").style.display="none";
        document.getElementById("divColorAddEditDelete").style.display="none";
        document.getElementById("ddlSettingSize").disabled=false;
        document.getElementById("hidDecideSize").value="A";
        document.getElementById("txtColorName").value="";
        document.getElementById("txtColorName").focus();
    }
    else if (mode=="edit")
    {
        document.getElementById("divItemDisplayMessage").innerText="";
        document.getElementById("divItemDisplayMessage").textContent="";
        var cIndex=document.getElementById("ddlSettingSize").selectedIndex;
        if (cIndex >=0)
        {
            var cText=document.getElementById("ddlSettingSize").options[cIndex].text;        
            var cValue=document.getElementById("ddlSettingSize").options[cIndex].value;            
            document.getElementById("txtColorName").value=cText;
            document.getElementById("hidSizeId").value=cValue;
            document.getElementById("ddlSettingSize").disabled=true;
            document.getElementById("divColorInput").style.display="inline";
            document.getElementById("divColorAddEditDelete").style.display="none";
            document.getElementById("divColorSaveImage").style.display="none";
            document.getElementById("divColorCancelImage").style.display="inline";
            document.getElementById("divColorUpdateImage").style.display="inline";
            document.getElementById("hidDecideSize").value="E";
            document.getElementById("txtColorName").focus();
        }
        else
        {
            alert("Please select size");
            document.getElementById("ddlSettingSize").focus();
        }
    }
    else if (mode=="delete")
    {
        document.getElementById("divItemDisplayMessage").innerText="";
        document.getElementById("divItemDisplayMessage").textContent="";
        var cIndex=document.getElementById("ddlSettingSize").selectedIndex;
        if (cIndex >=0)
        {
            var cValue=document.getElementById("ddlSettingSize").options[cIndex].value;            
            document.getElementById("hidSizeId").value=cValue;
            document.getElementById("hidDecideSize").value="D";            
            formget(document.getElementById('frmSizeMaster'),"./sizeload.php","divSizeAjax");
            document.getElementById("hidDecideSize").value="";
            document.getElementById("hidSizeId").value="";
            document.getElementById("txtSizeNames").value="";            
        }
        else
        {
            alert("Please select size");
            document.getElementById("ddlSettingSize").focus();
        }
    }
    else if (mode=="save")
    {
        document.getElementById("txtColorName").value=Trim(document.getElementById("txtColorName").value,'');
        if (document.getElementById("txtColorName").value == "")
        {
            alert("Please give size name");
            document.getElementById("txtColorName").focus();
        }
        else if(document.getElementById("txtColorName").value<1 || document.getElementById("txtColorName").value>=100)
        {
			alert("Size name range should be greater than 0 and less than 100");
            document.getElementById("txtColorName").focus();	
		}
        else
        {
            document.getElementById("txtSizeNames").value=document.getElementById("txtColorName").value;
            document.getElementById("divColorInput").style.display="none";
            document.getElementById("divColorAddEditDelete").style.display="inline";
            formget(document.getElementById('frmSizeMaster'),"./sizeload.php","divSizeAjax");
            document.getElementById("hidDecideSize").value="";
            document.getElementById("hidSizeId").value="";
            document.getElementById("txtSizeNames").value="";            
        }        
    }
    else if (mode=="update")
    {
        document.getElementById("txtColorName").value=Trim(document.getElementById("txtColorName").value,'');
        if (document.getElementById("txtColorName").value == "")
        {
            alert("Please give size name");
            document.getElementById("txtColorName").focus();
        }
        else if(document.getElementById("txtColorName").value<1 || document.getElementById("txtColorName").value>=100)
        {
			alert("Size name range should be greater than 0 and less than 100");
            document.getElementById("txtColorName").focus();	
		}
        else
        {
            document.getElementById("txtSizeNames").value=document.getElementById("txtColorName").value;
            document.getElementById("divColorInput").style.display="none";
            document.getElementById("divColorAddEditDelete").style.display="inline";
            formget(document.getElementById('frmSizeMaster'),"./sizeload.php","divSizeAjax");
            document.getElementById("hidDecideSize").value="";
            document.getElementById("hidSizeId").value="";
            document.getElementById("txtSizeNames").value="";            
        }        
    }
    else if (mode=="cancel")
    {
     	document.getElementById("ddlSettingSize").disabled=false;
        document.getElementById("divColorInput").style.display="none";
        document.getElementById("divLblSize").style.display="inline";
        document.getElementById("divDDLSize").style.display="inline";
        document.getElementById("divColorAddEditDelete").style.display="inline";
        document.getElementById("ddlSettingSize").focus();
    }
    else if (mode=="back")
    {
        window.location.href="./setup.php";
    }
}