// JavaScript Class for hotelraio.fm

var hotelradio = {
		
	getInstance: function() {
		if (this._instance == null)
		{
			this._instance = this;
			this.index = 1;
		}
		return this._instance;
	},
	
	toggle: function(obj, tab) {
		this.setClassName(tab);
		var divObjects = tab.parentNode.parentNode.parentNode.getElementsByTagName('div');
			for (var i=1; i<divObjects.length; i++)
			{
				if (divObjects[i].className == 'tabBox' || divObjects[i].className == 'tabBox hidden') 
				{
					this.hide(divObjects[i].id);
				}
			}
		this.display(obj);
	},
	
	setClassName: function(tab) {
		var tabObjects = tab.parentNode.parentNode.getElementsByTagName('a');
			for (var i=0; i<tabObjects.length; i++)
			{
				tabObjects[i].className = '';	
			}
		tab.className = 'act';
	},
	
	setNavigation: function(index)
	{
		var nav = $('navigation');
		var items = nav.getElementsByTagName('a');
			for (var i=0; i<items.length; i++)
			{
				if (i == index)
				{
					items[i].className += ' active';
				}
			}
	},
	
	display: function(obj) {
		document.getElementById(obj).style.display = 'block';
	},
	
	hide: function(obj) {
		document.getElementById(obj).style.display = 'none';
	},
	
	checkSelectBox: function(sl, selection) {
		if (selection != '') 
		{
			selector = document.getElementById(sl);
			for (var s=0; s<selector.length; s++)
			{
				if (selector.options[s].value == selection)
				{
					selector.options[s].selected = true;
				}
			}
		}
	},
	
	checkMultipleBox: function(sl, selection)
	{
		if (selection != '') 
		{
			msIds = selection.split(',');
			mSelector = document.getElementById(sl);
			
			for (var ms=0; ms<mSelector.length; ms++)
			{
				for (var index=0; index<msIds.length; index++)
				{
					if (mSelector.options[ms].value == msIds[index])
					{
						mSelector.options[ms].selected = true;
					}
				}
			}
		}
	},
	
	checkCheckBox: function(cb, check) {
		if (check != '' && check != 0)
		{
			document.getElementById(cb).checked = true;	
		}
	},
	
	addObject: function(objname, container, copy) {
		this.objname = objname;
		if (document.getElementById(copy).style.display == 'none')
		{
			this.display(copy);
		} else {
			var cnt = document.getElementById(copy).innerHTML;
			var wrapper = '<div id="' + this.objname + 'wrp_' + this.index + '">';
				wrapper += cnt;
				wrapper += '</div>';
			document.getElementById(container).innerHTML += wrapper;
			
			var delhref = document.getElementById(container).getElementsByTagName('a');
			for (var a = 0; a<delhref.length; a++)
			{
				delhref[a].id = 'del_' + (a + 1);
				delhref[a].href = 'javascript:hrObj.deleteObject('+(a + 1)+')';
			}
			this.index++;
		}
	},
	
	deleteObject: function(index)
	{
		if (index != this.objname + '_del_0')
		{
			this.hide(this.objname + 'wrp_' + index);
		} else {
			this.hide(this.objname + '_copy');	
		}
	},
	
	deleteZones: function(container, copy)
	{
		this.hide(copy);
		document.getElementById(container).innerHTML = '';
	},
	
	deleteItem: function(container, id) {
  		var child = document.getElementById(id);
  	   	document.getElementById(container).removeChild(child);
	},
	
	showHideGroup: function(obj) {
		var group = document.getElementById(obj);
			if (group.style.display == 'none')
			{
				this.display(obj);
				atarget = group.parentNode.getElementsByTagName('a')[0];
				atarget.className = 'actGroup';
			} else {
				this.hide(obj);
				atarget = group.parentNode.getElementsByTagName('a')[0];
				atarget.className = '';
			}
		this.setCloudTagPos();
	},
	
	showHideGroupedChannels: function(obj) {
		var nextUl = $(obj).parentNode.next('ul');
		if (nextUl.style.display == 'none') {
			nextUl.show();
		} else {
			nextUl.hide();
		}
		$(obj).parentNode.toggleClassName('actGroup', '');
		return false;
	},
	
	setCloudTagPos: function() {
		h = $('channelGroupBox').getHeight();
		if (h <= 195)
		{
			$('cloudtag').removeClassName('right');
			$('cloudtag').removeClassName('left');
			$('cloudtag').addClassName('left');
		} else {
			$('cloudtag').removeClassName('right');
			$('cloudtag').removeClassName('left');
			$('cloudtag').addClassName('right');
		}
	}
};

