function ControlPanel(cpID,fg) {
	var me = this;
	me.fg = fg;
	me.cont = _gel(cpID);

	me.openBtn = _gel("control-panel-btn");
	me.closeBtn = _gel("control-panel-save");
	me.initBtn = _gel("inicio-link");
	me.configForm = _gel("control-panel-form-cont");
	me.selectTablon = _gel("select-tablon");
	me.selectProvincia = _gel("select-provincia");
	
	me.openBtn.onclick = Delegate.create(me,me.show);
	me.closeBtn.onclick = Delegate.create(me,me.save);
	me.initBtn.onclick = Delegate.create(me,me.show);
	
	me.selectTablon.onchange = Delegate.create(me,me.saveParametro);
	me.selectProvincia.onchange = Delegate.create(me,me.saveParametro);
	
}
 
ControlPanel.prototype.show = function() {
	var me = this;
	
	me.openBtn.style.display = "none";
	me.openBtn.style.visibility = "hidden";
	me.configForm.style.display = "block";
	me.configForm.style.visibility = "visible";
	_gel("slidecontent").style.display = "none";
	_gel("slidecontent").style.visibility = "hidden";

	me.updatePrefsList();
}

ControlPanel.prototype.save = function() {
	var me = this;

	me.configForm.style.display = "none";
	me.configForm.style.visibility = "hidden";
	me.openBtn.style.display = "block";
	me.openBtn.style.visibility = "visible";
	_gel("slidecontent").style.display = "block";
	_gel("slidecontent").style.visibility = "visible";
	_IG_AdjustIFrameHeight();
	me.fg.checkData_();
}


ControlPanel.prototype.updatePrefsList = function () {
	var me = this;
	
	var _array = me.getPrefsArray();
	if(me.checkPrefs("parametros")) {
		_gel("infodiv").innerHTML = "";
		for (var i=0; i<_array.length; i++) {
			me.infoListado(_array[i][0],_array[i][1],_array[i][2],_array[i][3]);
		};
	};
	_IG_AdjustIFrameHeight();
}

ControlPanel.prototype.infoListado = function (provid,tablonid, provtitulo, tablontitulo) {
	var me = this;
	var id=provid+tablonid;
	var _listacp=_gel("infodiv");
	if(_listacp.hasChildNodes())
	{
		for(i=0;i<_listacp.childNodes.length;i++)
		{
			_listacp.removeChild(_listacp.firstChild);
			
		}
		
	}
	
	var _linkID = "info-btn-"+ id;
	var _div = _gel("infodiv").appendChild(document.createElement("div"));
	_div.id = "info-"+ id;
	_div.innerHTML = "<span style=\"font-size:12px; line-height:16px;\"><a id=\""+_linkID+"\"><img src=\"http://www.tablondeanuncios.com/ig/fotoanuncios/images/delete.gif\" border=\"0\" alt=\"Eliminar este listado\" style=\"cursor:pointer\" align=\"bottom\"></a> Mostrar anuncios de <strong>"+tablontitulo+"</strong> en <strong>"+provtitulo+"</strong></span>";
	
	_link = _gel(_linkID);
	_link.onclick = Delegate.create(me,me.removeItem,[id]);
	_IG_AdjustIFrameHeight();
}

ControlPanel.prototype.getPrefsArray = function () {
	var me = this;
	var _a = me.getPrefs("parametros").split(";");
	var _r = new Array();
	for (var i = 0; i < _a.length; i++) {
		var _t = _a[i].split(",");
		_r.push(_t);
	};
	return _r;
}

ControlPanel.prototype.setListadoPrefs = function (_array) {
	var me = this;
	var _str = "";
	for (var i=0; i<_array.length; i++) {
		_str += (i!=0) ? ";" : "";
		_str += _array[i][0] + "," + _array[i][1] + "," + _array[i][2]+ "," + _array[i][3];
	};
	me.setPrefs("parametros",_str);
}

ControlPanel.prototype.getPrefs = function (prefsname) {
	var _prefs = new _IG_Prefs();
	return _prefs.getString(prefsname);
}

ControlPanel.prototype.setPrefs = function (prefsname,value) {
	var _prefs = new _IG_Prefs();
	_prefs.set(prefsname,value.replace(/,undefined,undefined;/, ""));
}

ControlPanel.prototype.checkPrefs = function (prefsname) {
	var _prefs = new _IG_Prefs();
	var check = _prefs.getString(prefsname);
	if (check == "") {
		return false;
	} else {
		return true;
	};
}

ControlPanel.prototype.saveParametro = function () {
	var me = this;
	var pref_str = me.getPrefs("parametros");
	var provinciaID = me.selectProvincia.options[me.selectProvincia.selectedIndex].value;
	var tablonID = me.selectTablon.options[me.selectTablon.selectedIndex].value;
	var provinciaTitulo = me.selectProvincia.options[me.selectProvincia.selectedIndex].text;
	var tablonTitulo = me.selectTablon.options[me.selectTablon.selectedIndex].text;
	var _a = new Array();
	_a.push([provinciaID,tablonID,provinciaTitulo,tablonTitulo]);
	me.setListadoPrefs(_a);
	me.infoListado(provinciaID,tablonID,provinciaTitulo,tablonTitulo);
	
}

ControlPanel.prototype.removeItem = function (id) {
	var me = this;
	var _array = me.getPrefsArray();
	for (var i=0; i<_array.length; i++) {
		if (_array[i][2] == id) {
			var _index = i;
		};
	};
	_array.splice(_index,1);
	me.setListadoPrefs(_array);
	var toRM = _gel("info-"+ id);
	_gel("infodiv").removeChild(toRM);
}


