// JScript File
Event.observe(window, 'load', function() {
    
    var menuitems = $$('.AspNet-Menu-Link');
    var portfolioitems = $$('.portfolioitemcontainer');
    
    //MenuItems
    for(var i=0; i<menuitems.length; i++)
    {
        if(!menuitems[i].hasClassName('AspNet-Menu-Selected'))
        {
            new Effect.Opacity(menuitems[i], {duration:1, from:1.0, to:0.5, queue: {position:'end', scope:menuitems[i].className, limit: 2}});
            Event.observe(menuitems[i], 'mouseover', menumouseover);
            Event.observe(menuitems[i], 'mouseout', menumouseout);
        }
    }
    
    /*
    //PortfolioItems
    for(var i=0; i<portfolioitems.length; i++)
    {
        if(!portfolioitems[i].hasClassName('Current'))
        {
            new Effect.Opacity(portfolioitems[i], {duration:1, from:1.0, to:0.8, queue: {position:'end', scope:portfolioitems[i].className, limit: 2}});
            Event.observe(portfolioitems[i], 'mouseover', portfoliomouseover);
            Event.observe(portfolioitems[i], 'mouseout', portfoliomouseout);
        }
    }
    */
});

function menumouseover(e)
{
   new Effect.Opacity(Event.element(e), {duration:0.2, from:0.5, to:1, queue: {position:'end', scope:Event.element(e).className}});   
}

function menumouseout(e)
{
   new Effect.Opacity(Event.element(e), {duration:1, from:1.0, to:0.5, queue: {position:'end', scope:Event.element(e).className}});
}

function portfoliomouseover(e)
{
   new Effect.Opacity(Event.element(e), {duration:0.2, from:0.8, to:1});   
}

function portfoliomouseout(e)
{
   new Effect.Opacity(Event.element(e), {duration:0.2, from:1.0, to:0.8});
}