var nav_clicked = 0;
 var old_arrow = 'arrow_2';

    function hideOthers(keep)
    {
        var hl;
        var n;
        for(var i=1; i<=6;i++)
        {
            if(i!=keep)
            {
                hl='tc_'+i;
                n='t_'+i;
                $(hl).hide();
                $(n).show(); 
            }  
        }
    }
    function updateContent(request)
    {
        var action = '/menu/' + request;
        new Ajax.Updater('main_content', action, {asynchronous:true, evalScripts:true, 
        onComplete:function(request, json){
            new Effect.Opacity('main_content', { from: 0, to: 1.0, duration: 0.5, queue: 'end' });}, 
        onLoading:function(request, json){//$('indicator').style.display='block';
        new Effect.Opacity('main_content', { from: 1.0, to: 0, duration: 0.25 }); 
        setTimeout(function() {} , 250);
        return false;}});
        
       // new Ajax.Updater('editinnerbox', '/edit/details', {asynchronous:true, 
        //evalScripts:true, onComplete:function(request, json){$('indicator').hide();}, onLoading:function(request, json){showEditElements();$('indicator').show();return false;}, parameters:'ih=269'});; return false;
    }
    function showCategory(id, pg)
    {
        var part = id.split('_');
        params = 'cat='+ part[1];      //pass category
        if(pg!=null)
        {params+='&page='+pg;}
        nav_clicked = part[1];
        var arrow = 'arrow_'+ part[1];
        $(old_arrow).src = "/images/32.png";   
        $(arrow).src = "/images/32_mo.png";
        old_arrow = arrow;
        new Ajax.Updater('main_content', '/products/category', {asynchronous:true, evalScripts:true, onComplete:function(request, json){$('indicator').style.display='';$('main_content').show();}, onLoading:function(request, json){$('indicator').style.display='block';$('main_content').hide();return false;},parameters:params});    
        //$('t_2').hide();$('tc_2').style.display = 'block';hideOthers('2');
    }
    function viewProduct(p_id, pg)
    {
        params = 'p_id='+ p_id;      //pass product_id
        if(pg!=null)
        {params+='&pg='+pg;}  //pass pg if exists
        
        new Ajax.Updater('main_content', '/products/product', {asynchronous:true, evalScripts:true, onComplete:function(request, json){$('indicator').style.display='';$('main_content').show();}, onLoading:function(request, json){$('indicator').style.display='block';$('main_content').hide();return false;},parameters:params});      
    }
    function onclickSub(p_id, p_name, v_id, name)
    {   
        
           // new Effect.Opacity('image'+p_id, { from: 1.0, to: 0, duration: 0.25 });
            //setTimeout(function() {$('image'+p_id).src = '/sub_thumbs_large/'+v_id+'.jpg';
            
            
           //  setTimeout(function() { new Effect.Opacity('image'+p_id, { from: 0, to: 1.0, duration: 0.5, queue: 'end' });} , 125);   
           
            
          //  } , 250);
            
            $('image'+p_id).src = '/sub_thumbs_large/'+v_id+'.jpg';
            
            $('variant').innerHTML = name;
            //subSelected = 'sub_'+v_id;
            //$(subSelected).style.border = 'solid 1px #dbdbdb';
            $('item_number').value = p_id;
            $('item_name').value = p_name;
            $('os0').value = name;
            
            
    }
    function mouseoverSub(v_id)
    {

            $(v_id).style.border = 'solid 1px #dbdbdb';

    }
    function mouseoutSub(v_id)
    {
            $(v_id).style.border = 'solid 1px white';

    }
    function mouseoverNav(id)
    {
        var part = id.split('_');
        var arrow = 'arrow_'+ part[1]; 
        $(arrow).src = "/images/32_mo.png";

    }
    function mouseoutNav(id)
    {
        var part = id.split('_');
        if(nav_clicked!=part[1])
        {  
            var arrow = 'arrow_'+ part[1]; 
            $(arrow).src = "/images/32.png";
        }
    }
    function gotoProduct(p_id)
    {
        var num = parseInt(p_id);
        window.open('/product/'+num, '_self');    
    }
function signup()
{
        params = 'email='+ $('news_email').value;      //pass category
        new Ajax.Updater('news_container', '/msgs/newsletter', {asynchronous:true, evalScripts:true, 
        onComplete:function(request, json){
            //$('indicator').style.display='';
            $('news_container').show();}, 
            onLoading:function(request, json){
                //$('indicator').style.display='block';
                $('news_container').hide();return false;},parameters:params});      
}