/* Javascript Document
 *
 * Created by fire.crow@firecrow.com 2009
 */

window.onload = function()
{
    var _ = com.firecrow;
    function node(name)
    {
        return document.getElementById(name);
    }
        
    var normalColor = new _.Color(54,0,191);
    var activeColor = new _.Color(255,255,255);
    
    var bgNormalColor = new _.Color(255,255,255);
    var bgActiveColor = new _.Color(54,0,191);

    /*
    var debugBox = new _.DebugBox();
    debugBox.node.style.marginTop='50px';
    var alert = function(message)
    {
        debugBox.log(message);
    }
    com.firecrow.alert = alert;
    */

    function _setValue_OverrideLastHalf(value)
    {
        var val = 0;
        if(value >= 30)
            val = (value - 30) * (1 / 0.7);
        
        this.setColor(val);
    }
    
    function setUp(node,prop,color)
    {
        var anim = prop + 'Anim'; 
        if(node[anim] && node[anim].stop) node[anim].stop();
        node[anim] = new _.ColorAnim(node, prop, color);
        if(prop == 'color')
            node[anim]._setValue = _setValue_OverrideLastHalf;
        node[anim].start(0.5,0.05); 
    }

    function setUpColorMenu(parentNode)
    {
        for(var i = 0; i < parentNode.childNodes.length; i++)
        {
            (function(item){ 
                var navItem = parentNode.childNodes[item];
                if(navItem.className && navItem.className.indexOf('active') != -1) return;
                 
                navItem.style.color = normalColor.toString();
                navItem.style.backgroundColor = bgNormalColor.toString();
                
                navItem.onmouseover = function()
                {
                    var node = navItem;
                    setUp(node,'color',activeColor.values.get()); 
                    setUp(node,'backgroundColor',bgActiveColor.values.get()); 
                }
                navItem.onmouseout = function()
                {
                    var node = navItem;
                    setUp(node,'color',normalColor.values.get()); 
                    setUp(node,'backgroundColor',bgNormalColor.values.get()); 
                }
            })(i); 
        }
    }

    var navParent = node('root-nav');
    setUpColorMenu(navParent);
    
    var sideNavParent = node('gen-menu-cont');
    if(sideNavParent)
        setUpColorMenu(sideNavParent);
}