Event.observe(window, 'load', busqueda);
Event.observe(window, 'load', login);

// rel external -> target blank
Event.observe(window, 'load', function() {
    $$('a[rel="external"]').each(function(link){
        if(link.readAttribute('href') != '' && link.readAttribute('href') != '#'){
            link.writeAttribute('target','_blank');
        }
    });
});


function busqueda(){
	var text = 'Search…';
	$("searchBox").value = text;
	var color = $("searchBox").style.color;
	$("searchBox").style.color='#ccc';
	// if default text is there on focus, clear it out, otherwise leave it alone
	Event.observe("searchBox", 'focus', function(){if($("searchBox").value == text){$("searchBox").value = '';$("searchBox").style.color=color;}});
	// when leaving field, check if it's empty; put default text back
	Event.observe("searchBox", 'blur', function(){if($("searchBox").value == ''){$("searchBox").value = text;$("searchBox").style.color='#ccc';}});
}

function pasaPagina(actual, destino) {
	var divActual = $(actual);
	var divDestino = $(destino);
	Effect.Fade(divActual, {duration: 0.3, queue: 'front'});
	Effect.Appear(divDestino, {duration: 0.3, queue: 'end'});
}

function submitLogout(){
	if($('info').style.display != 'none'){
		Effect.Fade('info', {duration: 0.1, queue: 'front'});
	}
	$("info").update('Cerrando sesión…');
	$("info").removeClassName('ko');
	$("info").addClassName('ok');
	Effect.Appear('info', {duration: 0.1, queue: 'end'});
	new Ajax.Request('/ajax/logout.php', {
		onSuccess: function(transport) {
			if (transport.responseText.match(/OK/)){
				window.location.reload()
			}else{
				Effect.Fade('info', {duration: 0.1, queue: 'front'});
				$("info").update('Ocurrió un error');
				$("info").removeClassName('ok');
				$("info").addClassName('ko');
				Effect.Appear('info', {duration: 0.1, queue: 'end'});
			}
		}
	});
}

function submitLogin(){
	$("info").update('Iniciando sesión…');
	$("info").addClassName('ok');
	Effect.Fade('login', {duration: 0.1, queue: 'front'});
	Effect.Appear('info', {duration: 0.1, queue: 'end'});
	new Ajax.Request('/ajax/login.php', {
		method: 'post',
		parameters: { u: $F('loginUsuario'), p: $F('loginPass') },
		onSuccess: function(transport) {
			if (transport.responseText.match(/OK/)){
				window.location.reload()
			}else{
				$("loginUsuario").style.borderColor='#c33';
				$("loginUsuario").style.backgroundColor='#fcc';
				$("loginPass").style.borderColor='#c33';
				$("loginPass").style.backgroundColor='#fcc';
				Effect.Fade('info', {duration: 0.1, queue: 'front'});
				Effect.Appear('login', {duration: 0.1, queue: 'end'});
			}
		}
	});
}

function login(){
	var text = 'usuario';
	$("loginUsuario").value = text;
	$("loginPass").value = '123456';
	var color = $("loginUsuario").style.color;
	$("loginUsuario").style.color='#ccc';
	$("loginPass").style.color='#ccc';
	// if default text is there on focus, clear it out, otherwise leave it alone
	Event.observe("loginUsuario", 'focus', function(){if($("loginUsuario").value == text){$("loginUsuario").value = '';$("loginUsuario").style.color=color;}});
	Event.observe("loginPass", 'focus', function(){if($("loginPass").value == '123456'){$("loginPass").value = '';$("loginPass").style.color=color;}});
	// when leaving field, check if it's empty; put default text back
	Event.observe("loginUsuario", 'blur', function(){if($("loginUsuario").value == ''){$("loginUsuario").value = text;$("loginUsuario").style.color='#ccc';}});
	Event.observe("loginPass", 'blur', function(){if($("loginPass").value == ''){$("loginPass").value = '123456';$("loginPass").style.color='#ccc';}});
}

/*-----------------------------------------------------------
    Toggles element's display value
    Input: any number of element id's
    Output: none 
    ---------------------------------------------------------*/
function toggleDisp() {
    for (var i=0;i<arguments.length;i++){
        var d = $(arguments[i]);
        if (d.style.display == 'none')
            d.style.display = 'block';
        else
            d.style.display = 'none';
    }
}

/*-----------------------------------------------------------
    Toggles tabs - Closes any open tabs, and then opens current tab
    Input:	1.The number of the current tab
			2.The number of tabs
			3.(optional)Pass in true or false whether or not to animate the open/close of the tabs
	Output:	none 
    ---------------------------------------------------------*/
var numActive = 0;	
function toggleTab(num,numelems,animate) {
	for (var i=1;i<=numelems;i++){
		var temph = 'tabHeader'+i;
		var h = $(temph);
		if (!h){
			var h = $('tabHeaderActive');
			h.id = temph;
		}
		var tempc = 'tabContent'+i;
		var c = $(tempc);
		if(c.style.display != 'none'){
			if (animate || typeof animate == 'undefined')
				Effect.toggle(tempc,'blind',{duration:0.2, queue:{scope:'menus', limit: 3}});
			else
				toggleDisp(tempc);
		}
	}
	if (num != numActive){
		numActive = num;
        var h = $('tabHeader'+num);
        if (h)
            h.id = 'tabHeaderActive';
        h.blur();
        var c = $('tabContent'+num);
        if (animate || typeof animate == 'undefined'){
            Effect.toggle('tabContent'+num,'blind',{duration:0.2, queue:{scope:'menus', position:'end', limit: 3}});
        }else{
            toggleDisp('tabContent'+num);
        }
    }else{
		numActive = 0;
	}
}