// DEPENDENCIES: util.js, videoplayer.js

var volumeTitleObj;
var currentVolLevel;

var selImg = '/images/site/live/volbar_A.png';
var unselImg = '/images/site/live/volbar_C.png';
var volImg = '/images/site/live/vol_A.png';

var selImg_hl = '/images/site/live/volbar_B.png';
var unselImg_hl = '/images/site/live/volbar_C.png';
var volImg_hl = '/images/site/live/vol_B.png';

var muteBarImg = '/images/site/live/volbar_C.png';
var muteVolImg = '/images/site/live/vol_C.png';

var muteBarImg_hl = '/images/site/live/volbar_C.png';
var muteVolImg_hl = '/images/site/live/vol_C.png';

preload(selImg);
preload(unselImg);
preload(volImg);

preload(selImg_hl);
preload(unselImg_hl);
preload(volImg_hl);

preload(muteBarImg);
preload(muteVolImg);

preload(muteBarImg_hl);
preload(muteVolImg_hl);

function genSetVolCallString(i) {
  return "'setVol(" + i + ")'";
}

function genSetVolCallFunc(i) {
  return function() {setVol(i);};
}


function setupVolume(volTitleDivId, volBarsDivId) {
  volumeTitleObj = new controlButton(volTitleDivId, true, volImg, volImg_hl, "mutePlayer()", muteVolImg, muteVolImg_hl, "unMutePlayer()");

  var innerHTML = "";
  var volBarsE = document.getElementById(volBarsDivId);
  volBarsE.onmouseover = hlVolBars;
  volBarsE.onmouseout = deHlVolBars;

  currentVolLevel = defaultVol * 10;

  for (var i = 1; i <= currentVolLevel; i++)
  {    
    innerHTML += "<input type='image' id='vol" + i +"' src=" + q(selImg) + " onclick=" + genSetVolCallString(i) + " />";
  }
  for (var i = (currentVolLevel + 1); i <= 10; i++)
  {
    innerHTML += "<input type='image' id='vol" + i +"' src=" + q(unselImg) + " onclick=" + genSetVolCallString(i) + " />";
  }

  volBarsE.innerHTML = innerHTML;
}

function hlVolBars() {
  if (!volumeTitleObj.state) return;

  for (var i = 1; i <= currentVolLevel; i++) {
    var volBarE = document.getElementById('vol' + i);
    volBarE.src = selImg_hl;    
  }
  for (var i = (currentVolLevel + 1); i <= 10; i++) {
    var volBarE = document.getElementById('vol' + i);
    volBarE.src = unselImg_hl;
  }
}

function deHlVolBars() {
  if (!volumeTitleObj.state) return;

  for (var i = 1; i <= currentVolLevel; i++) {
    var volBarE = document.getElementById('vol' + i);
    volBarE.src = selImg;    
  }
  for (var i = (currentVolLevel + 1); i <= 10; i++) {
    var volBarE = document.getElementById('vol' + i);
    volBarE.src = unselImg;
  }
}

function mutePlayer() {
  player.setMute(true);
  for (var i = 1; i <= 10; i++) {
    var volBarE = document.getElementById('vol' + i);
    volBarE.src = muteBarImg;
    volBarE.onclick = function(){};}
}

function unMutePlayer() {
  player.setMute(false);

  for (var i = 1; i <= currentVolLevel; i++) {
    var volBarE = document.getElementById('vol' + i);    
    volBarE.src = selImg;
    volBarE.onclick = genSetVolCallFunc(i);
  }
  for (var i = (currentVolLevel + 1); i <= 10; i++) {
    var volBarE = document.getElementById('vol' + i);    
    volBarE.src = unselImg;
    volBarE.onclick = genSetVolCallFunc(i);
  }
}

function setVol(level) {
  currentVolLevel = level;
  player.setVolume(level/10.0);
  for (var i = 1; i <= level; i++)
  {
    document.getElementById('vol' + i).src = selImg_hl;
  }
  for (var i = level + 1; i <= 10; i++)
  {
    document.getElementById('vol' + i).src = unselImg_hl;
  }    
}