﻿function initButtonFunctionality()
{
     // Play button
    $("#playButton").mouseover(function () {
        $(this).addClass("playButtonHover");
    });
    $("#playButton").mouseout(function () {
        $(this).removeClass("playButtonHover");
    });
    $("#playButton").mousedown(function () {
        play();
        $(this).removeClass("playButtonHover");
    });
    $("#playButton").mouseup(function () {
        $(this).addClass("playButtonHover");
    });
    // Pause button
    $("#pauseButton").mouseover(function () {
        $(this).addClass("pauseButtonHover");
    });
    $("#pauseButton").mouseout(function () {
        $(this).removeClass("pauseButtonHover");
    });
    $("#pauseButton").mousedown(function () {
        pause();
        $(this).removeClass("pauseButtonHover");
    });
    $("#pauseButton").mouseup(function () {
        $(this).addClass("pauseButtonHover");
    });
    // toStart button
    $("#toStartButton").mouseover(function () {
        $(this).addClass("toStartButtonHover");
    });
    $("#toStartButton").mouseout(function () {
        $(this).removeClass("toStartButtonHover");
    });
    $("#toStartButton").mousedown(function () {
        restart();
        $(this).removeClass("toStartButtonHover");
    });
    $("#toStartButton").mouseup(function () {
        $(this).addClass("toStartButtonHover");
    });
    // Mute/UnMute button
    var muted = false;
    $("#muteButton").mouseover(function () {
        if(muted){
            $(this).addClass("mutedButtonHover");
        }
        else{
            $(this).addClass("unMutedButtonHover");
        }            
    });
    $("#muteButton").mouseout(function () {
        if(muted){
            $(this).removeClass("mutedButtonHover");
        }
        else{
            $(this).removeClass("unMutedButtonHover");
        }            
    });
    $("#muteButton").mousedown(function () {
        if(muted){
            muted = false;
            setMuteState(muted);                
            $(this).removeClass("mutedButtonHover");
            $(this).removeClass("mutedButton");
            $(this).addClass("unMutedButton");                             
        }
        else{
            muted = true;                                
            setMuteState(muted);
            $(this).addClass("mutedButton");
            $(this).removeClass("unMutedButton");                
            $(this).removeClass("unMutedButtonHover");
        }            
    });
    $("#muteButton").mouseup(function () {
        if(muted){
            $(this).addClass("mutedButtonHover");
        }
        else{
            $(this).addClass("unMutedButtonHover");
        }            
    });
    
}


