function page_Init()
{
    $('main_nav').on('click', 'a', navigateSite.bindAsEventListener());
    $('products').on('click', 'a', navigateSite.bindAsEventListener());
    
    var hash = document.location.hash;
    var item = 0;
    
    if(hash != '')
    {
        try
        {
            hash = hash.substring(1);
            
            var anchorID = "anchor_" + hash;
            var anchor = $(anchorID);
            
            if($(anchor) != null)
            {
                item = anchor.readAttribute('value');
                navigateSite(item);
            }
        }
        catch(e) { }
    }
    
    if($('admin_form'))
        $('admin_form').focusFirstElement();
    
}

function navHover(item)
{
    var selectText = 'ul li.li_' + item;
    var classText = 'li_' + item + 'hover';
    
    var li = $('navigation').select(selectText)[0];
    li.addClassName(classText);
}
function navClear(type)
{
    var selectText = 'ul li';
    
    $('navigation').select('ul').each(function(ul) {
        ul.select('li').each(function(l)
        {
            var item = l.readAttribute('data-item');
            var classText = 'li_' + item + type;
            l.removeClassName(classText);
        });
    });

}
function navigateSite(e)
{
    var elm = e.findElement('li');
    var item = elm.readAttribute('data-item');
    var ul = elm.up('ul');
    
    $('content').select('div.dynamic').invoke('hide');
    $('content').hide();
    navClear('select');

    if(item == 0) {
        $('site_container').removeClassName('inside_content');
        return;
    }

    $('site_container').addClassName('inside_content');       
    var classText = 'li_' + item + 'select';

    var li = ul.down('li.li_' + item);
    li.addClassName(classText);
    
    var itemText = 'item_' + item;
    $(itemText).show();
    $('footer').show();
    
    
    //move logo above selected
    var aLeft = [-810+180,-630+180,-450+180,-270+180,-90+180];
    var left = aLeft[item - 1] + 'px';
        
// this is problomatic - removing for now
//    $('matrix_logo').clonePosition(li, {offsetTop:-91, setHeight: false, setWidth: false, setLeft: false});
//    $('matrix_logo').setStyle( { 'margin-left': left } );
    $('content').show();
}

function saveContentDocument()
{
    var form = $('content_form');
    var pars = form.serialize();
    var url = "ajax.ContentEditor.aspx";
    
     var ajax_request = new Ajax.Request(
            url,
            {
                method: 'POST',
                parameters: pars,
                onComplete: function() { saveContentDocumentResponse(); }
            });

    return false;
}

function saveContentDocumentResponse()
{
    // refresh the page
    location.href = "/default.aspx";
    
    return false;
}

function showUpdateLayer(item)
{
    var form = $('content_form');
    form['item'].value = item;

    var layername = "item_" + item;
    form['title'].value = $(layername).select('h3.title')[0].innerHTML;
    
    var pars = "ax=read_content&item=" + item;
    pars += "&noCache=" + Math.random();
    
    var url = "ajax.ContentEditor.aspx";
    
     var ajax_request = new Ajax.Request(
            url,
            {
                method: 'POST',
                parameters: pars,
                onComplete: function(request) { showUpdateLayerResponse(request); }
            });

    return false;

}

function showUpdateLayerResponse(request)
{
    data = request.responseText;
    
    var form = $('content_form');
    var txt_input = form['txt_content'];
    
    // reformat data for textbox
    data = data.gsub(/\n\r/,'\n');          // carriage return for new lines
    data = data.gsub(/\t/,'   ');           // tabs for triple space

    txt_input.value = data;
    
    var c = $('content_updater');
    c.absolutize();
    c.clonePosition('content');
    $(txt_input).clonePosition('content', '{offsetTop: 25, offsetHeight: -50}');
    c.show();
    
}

function cancelEdit()
{
    $('content_updater').hide();
    return false;
}