function swapon(event) {
    evt = event ? event: window.event; 
    target = evt.target ? evt.target : evt.srcElement;
    target.src = target.src.replace('_off','_on');  
}
function swapoff(event) {
    evt = event ? event: window.event; 
    target = evt.target ? evt.target : evt.srcElement;
    target.src = target.src.replace('_on','_off');  

}


function sauceshow(event)
{
    evt = event ? event: window.event; 
    target = evt.target ? evt.target : evt.srcElement;

    mi=document.createElement('img')

    new Effect.Parallel(
        [ new Effect.Fade('mainimagecontainer') ],
        { 
          afterFinish: function(effect) 
          { 
            mi.id='mainimage';
            mi.src='/img/'+target.id+'.jpg'
            $('mainimagecontainer').innerHTML='';
            $('mainimagecontainer').appendChild(mi);
    
            new Effect.Parallel(
                [ new Effect.Appear('mainimagecontainer') ],
                { queue:'end' } 
            )
   

          } 
        }
    )

}


function view_recipe(event) {
    evt = event ? event: window.event; 
    target = evt.target ? evt.target : evt.srcElement;
    url='/recipes/'+target.id+'.html'
/*
    new Effect.Parallel(
        [ new Effect.Fade('mainimagecontainer') ],
        { 
          afterFinish: function(effect) 
          { 
            new Ajax.Updater('mainimagecontainer',url,{'method':'get'})
            new Effect.Parallel(
                [ new Effect.Appear('mainimagecontainer') ],
                { queue:'end' } 
            )

          } 
        }
    )
*/

    new Effect.Parallel(
        [ new Effect.Fade('mainimagecontainer') ],
        { 
          afterFinish: function(effect) 
          { 
            new Ajax.Updater('mainimagecontainer',url,{'method':'get'})
            new Effect.Parallel(
                [ new Effect.Appear('mainimagecontainer') ],
                { queue:'end' } 
            )
            $('bannercontainer').scrollTo();
          } 
        }
    )
}


function emailto(obj) {
    pos = Position.cumulativeOffset(obj);
    email_div = document.createElement('div');
    email_div.id='emailform';


    if(!$('emailform'))
    {
        $('mainimagecontainer').appendChild(email_div);

        var page = obj.id.split('-');
        var url = '/psfmailer.py?page='  + page[1];


        new Ajax.Updater( 'emailform',url, {'method':'get'} );
        new Effect.Appear('emailform')
    }
}

function sendEmail() {

    var qs=Form.serialize($('emailform'));
    url='/psfmailer.py?'+qs
    new Ajax.Updater( 'emailform',url);
    return false;
}




function setswaps()
{
    swaps = document.getElementsByClassName('swap');
    for(i=0;i<swaps.length;i++)
    {
        swaps[i].parentNode.onclick= function(){return false};

        Event.observe(swaps[i],'mouseover',swapon)
        Event.observe(swaps[i],'mouseout',swapoff)
        Event.observe(swaps[i],'click',sauceshow)

    }

}


function setrecs()
{
    recs = document.getElementsByClassName('vr');
    for(i=0;i<recs.length;i++)
    {
        recs[i].href="javascript:void(0)";
        Event.observe(recs[i], 'click', view_recipe)
    }


}


Event.observe(window,'load',setswaps);
Event.observe(window,'load',setrecs);