/**
 * setColor.js asigna un color de fondo al elemento html identificado por un ID
 */

//Ultimo div que se cambio el color
var lastId;
var color = "#FFFFFF";
var hoverColor = "#F7F7F7";
var activeColor = "#dff4ff";

/**
 * Script para cambiar el color de fondo de un div.
 *
 * @author		Pablo Veintimilla
 * @copyright   UNDERMEDIA S.A.
 * @version		1.0
 */

/**
 * Escribe las etiquetas HTML necesarias para cambiar el color
 *
 *
 * @author		Pablo Veintimilla
 * @copyright   UNDERMEDIA S.A.
 * @param		string		id		Identificador del div a cambiar el color de fondo
 * @return      output      Reproductor incrustado en pagina
 */

function setColor(id)
{	
	//Remuevo colores anteriores aplicados
 	if(lastId != '' && lastId != id){removeColor(lastId);}
  	lastId = id;
	//Cambio color
	var divId = document.getElementById(id);
	divId.style.background = activeColor;
	//Reestablesco handlers
	divId.onmouseover  = function(){}
	divId.onmouseout= function(){}
}

/**
 * Elimina el color setado.
 *
 *
 * @author		Pablo Veintimilla
 * @copyright   UNDERMEDIA S.A.
 * @param		string		id		Identificador del elemento a eliminar el color
 * @return      output       Estructura DOM eliminada
 */

function removeColor(id) {
	var d = document.getElementById(id);
	if(d != null)
	{
		d.style.background = "none"; 
		d.onmouseover  = function(){
			d.style.background = hoverColor;
		}
		d.onmouseout= function(){
			d.style.background = color;
		}
	}
}