//JavaScript Document
//Place functions within this document
//Call functions within the dom ready in the html page
//look for the functions within the external javascript file


var enterFunction = function() {
    this.start('.menu_over');

    }


var leaveFunction = function() {
    this.start('.menu');

}


var enterFunction_over = function() {
    this.start({
        'opacity': 0
    });
    }


var leaveFunction_over = function() {
    this.start({
        'opacity': 1
    });
    }



function quad(id)
{

    var quadIn = $(id);


    quadIn = new Fx.Morph(quadIn, {
        link: 'chain',
        duration : '250',
        transition: Fx.Transitions.Sine.easeIn,
        onStart: function(boo){
        },
        onComplete: function(boo){
        },
        onCancel: function(boo){
        }
        
    });



    //QUAD  
    $(id).addEvents({
        'mouseenter': enterFunction.bind(quadIn),
        'mouseleave': leaveFunction.bind(quadIn)
    });


}



function img_over(id)
{

    var imgover = $(id);

    imgover = new Fx.Morph(imgover, {
        link: 'cancel',
        duration : '350',
        transition: Fx.Transitions.Sine.easeIn,
        onStart: function(boo){
        },
        onComplete: function(boo){
        },
        onCancel: function(boo){
        }
        
    });





    $(id).addEvents({
        'mouseenter': enterFunction_over.bind(imgover),
        'mouseleave': leaveFunction_over.bind(imgover)
    });


}