function changeStyle(ctlname, backgroundcolor, fontcolor, visible)
{
    var ctl = document.getElementById(ctlname);
    
    if(ctl == null)
        return;
    
        
    if(backgroundcolor != null && backgroundcolor != '')
    {
        ctl.style.backgroundColor = getValidHtmlColor(backgroundcolor);            
    }

    if(fontcolor != null && fontcolor != '')
    {
        ctl.style.color = getValidHtmlColor(fontcolor);            
    }
    
    //alert(ctl.style.display);

    if(visible != false)
    {
        ctl.style.display = '';            
    }
    else
    {
        ctl.style.display = 'none';
    }
}

function getValidHtmlColor(colorval)
{
    colorval = colorval.toLowerCase();
    
    colorval = colorval.replace('#', '');

    var hexchars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
    
    var colorvaltemp = colorval;

    for(var j = 0; j < hexchars.length; j++)
    {
        colorvaltemp = colorvaltemp.replace(hexchars[j].toString(), '');
        colorvaltemp = colorvaltemp.replace(hexchars[j].toString(), '');
        colorvaltemp = colorvaltemp.replace(hexchars[j].toString(), '');
        colorvaltemp = colorvaltemp.replace(hexchars[j].toString(), '');
        colorvaltemp = colorvaltemp.replace(hexchars[j].toString(), '');
        colorvaltemp = colorvaltemp.replace(hexchars[j].toString(), '');
    }
    
    var ishex = (colorvaltemp == ''); // ! isNaN(colorvaltemp);
    
    if(ishex)
        return '#' + colorval;
    else
        return colorval;
}

function changeStyles()
{
    var items = ["DesignHeader", "DesignSubHeader", "DesignLeftCell", "DesignRightCell", "DesignFooterCell"]
                 
    
    for(var i = 0; i < items.length; i++)
    {
        var item = items[i];
        
        var ctlnameprefix = 'ctl00_PageContents_';
        
        var ctlbackcolor = document.getElementById(ctlnameprefix + 'txt' + item + 'BackColor');
        var ctlfontcolor = document.getElementById(ctlnameprefix + 'txt' + item + 'FontColor');
        var ctlvisible = document.getElementById(ctlnameprefix + 'chk' + item + 'Visible');
        
        if(ctlbackcolor != null)
        {
            changeStyle(item, ctlbackcolor.value, '', null);
        }
        
        if(ctlfontcolor != null)
        {
            changeStyle(item, '', ctlfontcolor.value, null);
        }
        
        if(ctlvisible != null)
        {
            changeStyle(item, '', '', ctlvisible.checked);
        }
    }
    
    var companytitletextctl = document.getElementById('ctl00_PageContents_txtCompanyName');
    var companytitlectl = document.getElementById('DesignCompanyTitle');
    
    if(companytitlectl != null && companytitletextctl != null)
    {
        var companytitle = companytitletextctl.value;
        
        if(companytitle == '')
            companytitle = 'Your Company Name';
        
        companytitlectl.innerHTML = companytitle;
    }
}