// JavaScript Document
var playButtonState = "playing";
var cookieState = "yes";
var numberOfDays = 7;
var imagePath = "http://www.v-moda.com/flash/images/";

function GetImagePath(imgfile) {
  return imagePath + imgfile;
}

//playing means music is playing; notPlaying means music is not playing (button image is pause for playing, play for notPlaying)
function getCookie(c_name) {  
  if (document.cookie.length > 0) {
    c_start = document.cookie.indexOf(c_name + "=")    
    if (c_start != -1) {
      c_start = c_start + c_name.length + 1
      c_end = document.cookie.indexOf(";", c_start)
      if (c_end == -1) c_end = document.cookie.length
      return unescape(document.cookie.substring(c_start, c_end))
    }
  }
  return "yes";
}

function setCookie(c_name, value, expiredays) {  
  var exdate = new Date()
  exdate.setDate(exdate.getDate() + expiredays)
  document.cookie = c_name + "=" + escape(value) + ";path=/;" +
((expiredays == null) ? "" : ";expires=" + exdate.toGMTString())
}

/* this functionality is merely useful for debugging */
function CookieStatus() {
  alert(getCookie("musicOn"));
}

$(function() {
  cookieState = getCookie("musicOn");
  
  if (cookieState == "yes") {
    playButtonState = "playing";
    $("#play").attr("src", GetImagePath("pause.jpg"));
    $("#play").attr("title", "pause music");
  }
  else {
    playButtonState = "notPlaying";
    $("#play").attr("src", GetImagePath("play.jpg"));
    $("#play").attr("title", "play music");
  }




  /***** play button *****/
  $("#play").bind('mousedown', function(event) {
  $("#play").attr("src", GetImagePath("playDown.jpg"));
    if (playButtonState == "playing") {
      playButtonState = "notPlaying";
    }
    else {
      playButtonState = "playing";
    }
    setCookie("musicOn", "yes", numberOfDays);
  }
	  );

  $("#play").bind('mouseup', function(event) {
    
    if (playButtonState == "playing") {
      $("#play").attr("src", GetImagePath("pause.jpg"));
      $("#play").attr("title", "pause music");
      EP_play('ep_player')
    }
    else if (playButtonState == "notPlaying") {
      $("#play").attr("src", GetImagePath("play.jpg"));
      $("#play").attr("title", "play music");
      EP_pause('ep_player')
    }
  });

  $("#play").bind('mouseout', function(event) {
    if (playButtonState == "playing") {
      $("#play").attr("src", GetImagePath("pause.jpg"));
    }
    else {
      $("#play").attr("src", GetImagePath("play.jpg"));
    }
  });

  /***** stop button ******/
  $("#stop").bind('mousedown', function(event) {
  $("#stop").attr("src", GetImagePath("stopdown.jpg"));
  });

  $("#stop").bind('mouseup', function(event) {
    $("#stop").attr("src", GetImagePath("stop.jpg"));
    $("#play").attr("src", GetImagePath("play.jpg"));
    playButtonState = "notPlaying";
    setCookie("musicOn", "no", numberOfDays);
    EP_stop('ep_player')
  });

  $("#stop").bind('mouseout', function(event) {
    $("#stop").attr("src", GetImagePath("stop.jpg"));
  });

  /***** prev button ******/
  $("#prev").bind('mousedown', function(event) {
    $("#prev").attr("src", GetImagePath("prevdown.jpg"));
  });

  $("#prev").bind('mouseup', function(event) {
    $("#prev").attr("src", GetImagePath("prev.jpg"));
    $("#play").attr("src", GetImagePath("pause.jpg"));
    playButtonState = "playing";
    setCookie("musicOn", "yes", numberOfDays);
    EP_prev('ep_player')
  });

  $("#prev").bind('mouseout', function(event) {
    $("#prev").attr("src", GetImagePath("prev.jpg"));
  });


  /***** next button *****/
  $("#next").bind('mouseup', function(event) {
    $("#next").attr("src", GetImagePath("next.jpg"));
    $("#play").attr("src", GetImagePath("pause.jpg"));
    playButtonState = "playing";
    setCookie("musicOn", "yes", numberOfDays);
    EP_next('ep_player')
  });

  $("#next").bind('mousedown', function(event) {
    $("#next").attr("src", GetImagePath("nextdown.jpg"));
  });

  $("#next").bind('mouseout', function(event) {
  $("#next").attr("src", GetImagePath("next.jpg"));
  });


});