$(document).ready(function() { 
  //console.log('inicial:'+$('#registerMail').val());
   var $tabs = $("#loginTabs").tabs();
   
   $('#mainMenu a').live('click',ajaxme);
   $('#mainMenu a#Intro').click();
   $('#btnIngresar').click(ingresar);
   $('#btnRegistrar').click(registrar);
	
   $("input[type='text']").hint();
   $("input[type='password']").hint();

   $('#lnkRegister').click(function() { // bind click event to link
		$tabs.tabs('select',1); // switch to third tab
    	return false;
	});
	$('#lnkIngresar').click(function() { // bind click event to link
		$tabs.tabs('select',0); // switch to third tab
    	return false;
	});
	$('#lnkDenied').click(function() { // bind click event to link
		$tabs.tabs('select',0); // switch to third tab
    	return false;
	});	
	$('#lnkRegisterDenied').click(function() { // bind click event to link
		$tabs.tabs('select',1); // switch to third tab
    	return false;
	});		
	$('#lnkForget').click(function() { // bind click event to link
		$tabs.tabs('select',6); // switch to third tab
    	return false;
	});
	
	$tabs.tabs('select',0);
	
	
   
});

function ajaxme(){
	var id = $(this).attr('id');
	var href = $(this).attr('target');
	$('#Info').html('<img src="../../img/web/ajax-wait.gif" />');
	$.ajax({ //Envio hacia el server
		type: "GET",
		url: href,
		cache: false,
		success: function(html){
			$('div#Info').removeClass().html(html).addClass(id);
			switch(id){
				case 'Roadmap':
				$('#loginTabs').hide();
				deleteMenu();//Eliminar anterior menu
				createMenu(id);
				break;
				
				case 'Update':
				$('#loginTabs').hide();
				deleteMenu();//Eliminar anterior menu
				createMenu(id);
				break;
				
				default:
				deleteMenu();
				$('#loginTabs').show(); 
			}
			return false;
		}
	});
	return false;	
}
function deleteMenu(){
	$('.jmenu').remove();
}
function createMenu(id){
	var titulos = $('div.panel').map(function(){
		var version = $(this).children('h2').attr('data');
		$(this).children('h2').before('<a name=a'+version+' ></a>');
		return version;
	})
	var DOM_TITLE = '<a href="#aInicio"><li>Inicio</li></a>';
	 for (var i = 0; i < titulos.length; i++){
		var DOM_TITLE = DOM_TITLE +'<a href="#a'+titulos[i]+'"><li>Version '+titulos[i]+'</li></a>';
	}
	var DOM = '<div  id="Div'+id+'" class="jmenu"><h2>Menu '+id+'</h2><ul id="Menu'+id+'">'+DOM_TITLE+'</ul></div>';
	$('#Secondary').append(DOM);
	//$('div#Div'+id).fixedPosition();
	
}

function ingresar(){
	var $tabs = $("#loginTabs");
	var name = $('#loginName').val();
	var pass = $('#loginPass').val();
	$.ajax({ //Envio hacia el server
		type: "POST",
		url: 'lib/ajaxLogin.php',
		cache: false,
		data:{name:name,pass:pass},
		success: function(json_raw){
			
			var json = json_parse(json_raw);
			if (typeof(json) == 'string') {//Si lo que devuelve JSON son errores de PHP
				$tabs.tabs('select', 2);
			}
			else {
				if (json['adquired'] == 'yes') {
					$tabs.tabs('select', 3);
				}
				else {
					$tabs.tabs('select', 4);
				}
			}
		},
		error:function(){
			
			$tabs.tabs('select',2);
		}
	});
}
function registrar(){
	var $tabs = $("#loginTabs");
	var name = $('#registerName').val();
	var pass = $('#registerPass').val();
	var pass2 = $('#registerPass2').val();
	var mail = $('#registerMail').val();
	$.ajax({ //Envio hacia el server
		type: "POST",
		url: 'lib/ajaxRegister.php',
		cache: false,
		data:{name:name,pass:pass,pass2:pass2,mail:mail},
		success: function(json_raw){
			var json = json_parse(json_raw);
			if (typeof(json) == 'string') {//Si lo que devuelve JSON son errores de PHP
				$tabs.tabs('select', 2);
			}
			else{
				if(json['registered']=='yes'){
				$tabs.tabs('select',3);
			}
				else{
					$tabs.tabs('select',5);
					$('#pError').text(json['error']);
				}
			}
			
		},
		error:function(){
			$tabs.tabs('select',2);
			
		}
	});
}