//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: 'cancel',
        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,id2,dur,trans)
{

    var imgover = $(id);
    var imgsurvol = $(id2);

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





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


}

///////////////////////////////////////////////////////////////////////////////

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


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

var enterFunction_hand_RED    = function() {this.start('.survol_Area_Color_Hand_RED');}
var enterFunction_hand_GREEN  = function() {this.start('.survol_Area_Color_Hand_GREEN');}
var enterFunction_hand_BLUE   = function() {this.start('.survol_Area_Color_Hand_BLUE');}
var enterFunction_hand_DARK = function() {this.start('.survol_Area_Color_Hand_DARK');}
var enterFunction_hand_YELLOW = function() {this.start('.survol_Area_Color_Hand_YELLOW');}
var enterFunction_hand_WHITE = function() {this.start('.survol_Area_Color_Hand_WHITE');}


var leaveFunction_hand = function() {
    this.start('.survol_Area_Color_Hand');

}


function img_over_color(img,color_surv,dur,trans)
{
    $('survol_'+img+'_Display_'+color_surv).set('opacity','0');
    var imgover = $('survol_'+img+'_Display_'+color_surv);

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

    $('survol_'+color_surv).addEvents({
        'mouseenter': enterFunction_over_color.bind(imgover),
        'mouseleave': leaveFunction_over_color.bind(imgover)
    });


    var quadIn = $('touch_hand');


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



    if(color_surv == 'RED')
    {
        $('survol_'+color_surv).addEvents({
            'mouseenter': enterFunction_hand_RED.bind(quadIn)
        });
    }

    if(color_surv == 'GREEN')
    {
        $('survol_'+color_surv).addEvents({
            'mouseenter': enterFunction_hand_GREEN.bind(quadIn)
        });
    }

    if(color_surv == 'BLUE')
    {
        $('survol_'+color_surv).addEvents({
            'mouseenter': enterFunction_hand_BLUE.bind(quadIn)
        });
    }

    if(color_surv == 'DARK')
    {
        $('survol_'+color_surv).addEvents({
            'mouseenter': enterFunction_hand_DARK.bind(quadIn)
        });
    }

    if(color_surv == 'YELLOW')
    {
        $('survol_'+color_surv).addEvents({
            'mouseenter': enterFunction_hand_YELLOW.bind(quadIn)
        });
    }

    if(color_surv == 'WHITE')
    {
        $('survol_'+color_surv).addEvents({
            'mouseenter': enterFunction_hand_WHITE.bind(quadIn)
        });
    }

    $('survol_color_button').addEvents({
            'mouseleave': leaveFunction_hand.bind(quadIn)
        });
}