var vertical = 0;
function alternaConteudo(api){
	api.onSeek(function(event, i) {
		switch(vertical)
		{
			case 0:
				var root = this.getRoot();
				var item = root.children(".items").children(".item:not(.cloned):eq("+i+")");
				
				var tituloTexto = item.children("p.tituloTexto").html();
				if(tituloTexto != null)
				{
					var textoAba = item.children("p.textoAba").html();
					
					$("h3#tituloTexto").html(tituloTexto);
					$("p#textoAba").html(textoAba);
				}
			break;
			case 1:
				$("h3#tituloTexto").html($("#tituloForno").html());
				$("p#textoAba").html($("#textoForno").html());
				break;
			case 2:
				$("h3#tituloTexto").html($("#tituloClientes").html());
				$("p#textoAba").html($("#textoClientes").html());
				break;
		}
		//console.info("current position is: " + vertical + ":" + this.getIndex())
	});
}

$(document).ready(function() {

	$("h3#tituloTexto").html($("p.tituloTexto:eq(0)").html());
	$("p#textoAba").html($("p.textoAba:eq(0)").html());
						
	$("#inputEmail, #inputUsuario, #inputSenha").focus(function(){
		$(this).val("");
	});
	
	$("#cdmOK").click(function(){
		alert("Dados incorretos!");
	});

	// main vertical scroll
	$("#main").scrollable({
		// basic settings
		vertical: true,
		// up/down keys will always control this scrollable
		keyboard: 'static',
		// assign left/right keys to the actively viewed scrollable
		onSeek: function(event, i) {
			horizontal.eq(i).data("scrollable").focus();
			vertical = i;
			
			alternaConteudo(horizontal.eq(i).data("scrollable"));
		}
	// main navigator (thumbnail images)
	}).navigator("#main_navi");

	// horizontal scrollables. each one is circular and has its own navigator instance
	var horizontal = $(".scrollable").scrollable({
													circular: true
												}).autoscroll(12000).navigator(".navi");

	// when page loads setup keyboard focus on the first horzontal scrollable
	horizontal.eq(0).data("scrollable").focus();
	
	var api = $(".scrollable").data("scrollable");
	alternaConteudo(api);
});