// PERSONALIZA PORTADA
/////////////////////////////

var uiCook = getItems('customtabs');
var cArr = uiCook.split('|');
var uiTArr = cArr[0];
if (!cArr[3]) {
	uiTArr = uiRedoCookie(uiTArr, cArr[1], cArr[2]);
}
var uArr = eval('[' + uiTArr + ']');
var uiReq = null;
var uiTimer;
var uiPause = parseInt(cArr[1]);
var uiUser = uArr;
//var uiUser = uArr.sort(sortNumber);
var uiLen = uiUser.length;
var uiCurr = uiUser[0];
var uiIsPlaying = (uiPause < 30) ? true : false;
if (mand != null) {
	var uiUsertmp = uiUser;
	uiUser = [];
	for (var i = 0; i < uiUsertmp.length; i++) {
		if (uiUsertmp[i] == mand) {
			continue;
		} else {
			uiUser.push(uiUsertmp[i]);
		}
	}
	uiUser.unshift(mand);
	uiCurr = mand;
	uiIsPlaying = false;
}
function sortNumber(a, b) { return a - b; }
function uiRedoCookie(arr, pause, ref) {
	var a = arr.split(',');
	a.pop();
	a.unshift('28');
	var value = a.join(',') + '|' + pause + '|' + ref + '|1';
	uiSaveCookie(value, ref);
	return a;
}
function loadUILegacy(s) {
	var o = document.getElementById('ui_top_legacy');
	if (!o) return;
	o.style.display = s;
}
function loadUITop() {
	for (var i = 0; i < uiLen; i++) {
		createNavElm(uiUser[i]);
	}
	var obj = document.getElementById('ui_top_btn' + uiCurr);
	if (!obj) return; 
	obj.className = 'on';
	doUITopData(uiCurr);
	if (/*mand == null ||*/ uiIsPlaying == true) playUITop();
	loadUILegacy('none');
}
function createNavElm(o) {
	var obj = document.getElementById('ui_top_btns');
	if (!obj) return; 
	var ref = document.createElement('a');   
	ref.setAttribute('href', '#');    
	ref.onclick = function() {
		showUITop(o);
		stopUITop();
		return false;
	}
	ref.appendChild(document.createTextNode(uiText[o]));
	var listitem = document.createElement('li');     
	listitem.setAttribute('id', 'ui_top_btn' + o);  
	listitem.appendChild(ref);
	if (document.all && document.getElementById) {
		listitem.onmouseover = function() {
			this.className += " over";
		}
		listitem.onmouseout = function() {
			this.className = this.className.replace(" over", "");
		}
	}
	obj.appendChild(listitem);
}
function showUITop(o) {
	showUITopBtn(o);
	doUITopData(o);
}
function showUITopBtn(o) {
	var oldbtn = document.getElementById('ui_top_btn' + uiCurr);
	if (!oldbtn) return;
	oldbtn.className = '';
	var btn = document.getElementById('ui_top_btn' + o);
	if (!btn) return;
	btn.className = 'on';
	uiCurr = o;
}
function showUITopData(o) {
	var obj = document.getElementById('ui_top_data');
	if (!obj) return;
	obj.innerHTML = o;  
}
function doUITopData() {
	uiLoadRequest(uiRef[uiCurr], 'showUITopData');
}
function getCurrUITop() {
	var btn = uiCurr;
	for (var i = 0; i < uiLen; i++) {
		if (uiUser[i] == uiCurr) {
			btn = i;
		}
	}
	return btn;
}
function nextUITop() {
	var oldbtn = getCurrUITop();
	newbtn = oldbtn + 1;
	if (newbtn >= uiLen) {
		newbtn = 0;
	}
	showUITop(uiUser[newbtn]);
}
function prevUITop() {
	var oldbtn = getCurrUITop();
	newbtn = oldbtn - 1;
	if (newbtn < 0) {
		newbtn = uiLen - 1;
	}
	showUITop(uiUser[newbtn]);
	stopUITop();
}
function toggleUITop() {
	var obj = document.getElementById('ui_top_play2');
	if (!obj) return;
	if (obj.className == 'on') {
		stopUITop();
	} else {
		playUITop();
	}
}
function refreshUITop() {
	setTimeout('doRefreshUITop()', 20000);
}
function doRefreshUITop() {
	var r = Math.random() * 999;
	uiLoadRequest(uiRef[uiCurr] + '?r=' + r, 'showUITopData');
}
function startUITop() {
	clearInterval(uiTimer);
	if (uiIsPlaying == true) {
		var p = (uiPause == 100) ? 15 : uiPause;
		uiTimer = setInterval('nextUITop()', (p * 1000));
	}
}
function playUITop() {
	var obj = document.getElementById('ui_top_play2');
	if (!obj) return;
	obj.className = 'on';
	uiIsPlaying = true;
	startUITop();
}
function stopUITop() {
	var obj = document.getElementById('ui_top_play2');
	if (!obj) return;
	obj.className = '';
	clearInterval(uiTimer);
	uiIsPlaying = false;
}
function loadCustomize() {
	stopUITop();
	uiLoadRequest('/?template=personaliza', 'initCustomization');
}
function initCustomization(str) {
	showUITopData(str);
	showUITopBtn(-1);
	loadItems('customtabs');
}
function uiLoadRequest(url, method) {
	if (window.XMLHttpRequest) {
		uiReq = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		uiReq = new ActiveXObject('Microsoft.XMLHTTP');
	}
	if (uiReq) {
		uiReq.onreadystatechange = function() {
			uiGetRequest(method);
		};
		uiReq.open('GET', url, true);
		uiReq.send(null);
	} else {
		return;
	}
}
function uiGetRequest(method) {
    if (uiReq.readyState == 4) {
        if (uiReq.status == 200) {
			var m = eval(method);
			m(uiReq.responseText);
		    urchinTracker("/miPA"); 
        } else {
			//alert('There was a problem retrieving your request. ' + uiReq.statusText);
        }
    }
}

function loadSpecialTab(s) {
	var elm = document.getElementById('ui_top');
	if (!elm) return;
	elm.className = s;
	//startUITop();
}

/////////////////////////////

function hasOptions(obj) {
	if (obj != null && obj.options != null) { return true; }
	return false;
}

function moveSelectedOptions(from,to,action) {
	// Unselect matching options, if required
	document.getElementById("message").innerHTML = '';
	if ((action == 'add' && to.options.length < 5) || action == 'remove') {
		// Move them over
		if (!hasOptions(from)) { return; }
		for (var i = 0; i < from.options.length; i++) {
			var o = from.options[i];
			if (o.selected) {
				if (!hasOptions(to)) {
					var index = 0;
				} else {
					var index = to.options.length;
				}
				to.options[index] = new Option(o.text, o.value, false, false);
			}
		}
		// Delete them from original
		for (var i = (from.options.length - 1); i >= 0; i--) {
			var o = from.options[i];
			if (o.selected) {
				from.options[i] = null;
			}
		}
		from.selectedIndex = -1;
		to.selectedIndex = -1;
	} else {
		document.getElementById("message").innerHTML = 'Ya tiene 5 areas, para agregar una, elimine otra.';
		document.getElementById("message").className = 'err';
	}
}
	
function swapOptions(obj, i, j) {
	var o = obj.options;
	var i_selected = o[i].selected;
	var j_selected = o[j].selected;
	var temp = new Option(o[i].text, o[i].value, o[i].defaultSelected, o[i].selected);
	var temp2= new Option(o[j].text, o[j].value, o[j].defaultSelected, o[j].selected);
	o[i] = temp2;
	o[j] = temp;
	o[i].selected = j_selected;
	o[j].selected = i_selected;
}
	
function moveOptionUp(obj) {
	if (!hasOptions(obj)) { return; }
	for (var i = 0; i < obj.options.length; i++) {
		if (obj.options[i].selected) {
			if (i != 0 && !obj.options[i - 1].selected) {
				swapOptions(obj, i, i - 1);
				obj.options[i - 1].selected = true;
			}
		}
	}
}

function moveOptionDown(obj) {
	if (!hasOptions(obj)) { return; }
	for (var i = obj.options.length-1; i >= 0; i--) {
		if (obj.options[i].selected) {
			if (i != (obj.options.length-1) && ! obj.options[i + 1].selected) {
				swapOptions(obj, i, i + 1);
				obj.options[i+1].selected = true;
			}
		}
	}
}

function checkElements(form) {
	var message;
	var error;
	if (form.updownlist.options.length == 5) {
		message = 'Por favor espere...Guardamos sus preferencias.';
		error = 0;
	} else {
		message = 'Debe seleccionar 5 areas.';
		error = 1;
	}
	document.getElementById("message").innerHTML = message;
	if (error == 1) {
		document.getElementById("message").className = 'err';
	} else {
		document.getElementById("message").className = '';
	}
	return error;
}

function SaveItems(form) {
	var error = checkElements(form);
	if (error == 0) {
		var cookieArray = new Array();
		for (var i = 0; i <= form.updownlist.options.length-1; i++) {
			cookieArray[i] = form.updownlist.options[i].value;
		}
		var seconds = parseInt(Math.floor(form.seconds.value));
		if (isNaN(seconds) || seconds == 0) {
			seconds = '15';
		}
		var play = form.play.checked;
		if (play == false) {
			seconds = '100';
		}
		var lasttab = parseInt(Math.floor(form.lasttab.value));
		if (isNaN(lasttab)) {
			lasttab = '1';
		}
		var isNew = 1;
		var value = cookieArray.join(",") + '|' + seconds + '|' + lasttab + '|' + isNew;
		uiSaveCookie(value, uiRef[cookieArray[0]]);
		var loc = window.location.href;
		setTimeout("tabRefresh('" + loc + "')", 500);
	}
}

function uiSaveCookie(value, ref) {
	var expire = new Date();
  	expire.setTime(expire.getTime() + (365 * 24 * 3600 * 1000));
	document.cookie = "customtabs=" + value + '; path=/; expires=' + expire;
	document.cookie = "customtabs_ref=" + ref + '; path=/; expires=' + expire;
}

function tabRefresh(u) {
    window.location.href = u;
}

function getItems(name) {
	var tArr = document.cookie.split(";");
	var str = uiTabSettings;
	if (tArr) {
		for (var i = 0; i < tArr.length; i++) {
			if (tArr[i].indexOf(name + "=") > -1) {
				str = tArr[i].substring((tArr[i].indexOf("=") + 1), tArr[i].length);
			}
		}
	}
	return str;
}

function loadItems(name) {
	var f = document.customtabs;
	var str = getItems(name);
	var strArray = new Array();
	strArray = str.split("|");
	var tabsArray = new Array();
	tabsArray = strArray['0'].split(",");
	// ASSIGN SECONDS VALUE
	if (strArray['1'] == '100') {
		f.seconds.value = '';
		f.play.checked = false;
	} else {
		f.seconds.value = strArray['1'];
		f.play.checked = true;
	}
	// ASSIGN LAST TAB VALUE
	f.lasttab.value = strArray['2'];
	// LOOP THROUGH SELECT BOX	
	var updown = 0;
	var unused = 0;	
	var used = new Array();
	for (var i = 0; i <= uiText.length-1; i++) {
		if (tabsArray[i]) {
			f.updownlist.options[updown] = new Option(uiText[tabsArray[i]], tabsArray[i]);
			used[uiText[tabsArray[i]]] = '1';
			updown++;
		}
	}
	for (var i = 0; i <= uiText.length-1; i++) {
		if (!used[uiText[i]]) {
			f.unusedlist.options[unused] = new Option(uiText[i], i); 
			unused++;
		}
	}
}