var topmargin = 0;

function findPosY(obj) {
	var posTop = 0;
	while (obj.offsetParent) {posTop += obj.offsetTop; obj = obj.offsetParent;}
	return posTop;
}

function selectType(_x)
{
	$('#valVehicle').hide('fast');
	$('#valYear').hide('fast');
	$('#valModel').hide('fast');
	$('#valMotor').hide('fast');
	$('#valExtras').hide('fast');
	$('#valValuo').hide('fast');

	$.getJSON('valuos.php?a=vehicles&x='+_x, function(json){
		var html = '<h2>Marca</h2><ul>';
		var listsize = json.length;

		for(var i = 0; i < listsize; i++)
		{
			html += '<li><a href="javascript:selectVehicle(\''
				+ json[i].name + '\');">' + json[i].name + '</a></li>';
		}

		html += '</ul>';

		$('#valVehicle').html(html).show('slow');

		$('#valVehicle ul li a').click(function(){
			$('#valVehicle ul li a').removeClass('selected');
			$(this).addClass('selected');

			topmargin = findPosY(this) - 240;
			if(topmargin < 0) topmargin = 0;

			$('#valYear').css('margin-top', topmargin + 'px');
			$('#valModel').css('margin-top', topmargin + 'px');
			$('#valMotor').css('margin-top', topmargin + 'px');
			$('#valExtras').css('margin-top', topmargin + 'px');
		});
	});
}

function selectVehicle(_x)
{

	$('#valYear').hide('fast');
	$('#valModel').hide('fast');
	$('#valMotor').hide('fast');
	$('#valExtras').hide('fast');
	$('#valValuo').hide('fast');

	$.getJSON('valuos.php?a=years&x='+_x, function(json){
		var html = '<h2>A&ntilde;o</h2><ul>';
		var listsize = json.length;

		for(var i = 0; i < listsize; i++)
		{
			html += '<li><a href="javascript:selectYear(\''
				+ json[i].name + '\');">' + json[i].name + '</a></li>';
		}

		html += '</ul>';

		$('#valYear').html(html).show('slow');

		$('#valYear ul li a').click(function(){
			$('#valYear ul li a').removeClass('selected');
			$(this).addClass('selected');
		});
	});
}

function selectYear(_x)
{

	$('#valModel').hide('fast');
	$('#valMotor').hide('fast');
	$('#valExtras').hide('fast');
	$('#valValuo').hide('fast');

	$.getJSON('valuos.php?a=models&x='+_x, function(json){
		var html = '<h2>Modelo</h2><ul>';
		var listsize = json.length;

		for(var i = 0; i < listsize; i++)
		{
			html += '<li><a href="javascript:selectModel(\''
				+ json[i].name + '\');">' + json[i].name + '</a></li>';
		}

		html += '</ul>';

		$('#valModel').html(html).show('slow');

		$('#valModel ul li a').click(function(){
			$('#valModel ul li a').removeClass('selected');
			$(this).addClass('selected');
		});
	});
}

function selectModel(_x)
{
	$('#valMotor').hide('fast');
	$('#valExtras').hide('fast');
	$('#valValuo').hide('fast');

	$.getJSON('valuos.php?a=motors&x='+_x.replace('+','%2B'), function(json){
		var html = '<h2>Motor</h2><ul>';
		var listsize = json.length;

		for(var i = 0; i < listsize; i++)
		{
			html += '<li><a href="javascript:selectMotor(\''
				+ json[i].name + '\');">' + json[i].name + '</a></li>';
		}

		html += '</ul>';

		$('#valMotor').html(html).show('slow');

		$('#valMotor ul li a').click(function(){
			$('#valMotor ul li a').removeClass('selected');
			$(this).addClass('selected');
		});
	});
}

function selectMotor(_x)
{
	$('#valExtras').hide('fast');
	$('#valValuo').hide('fast');

	$.getJSON('valuos.php?a=extras&x='+_x, function(json){
		var html = '<h2>Extras</h2><ul>';
		var listsize = json.length;

		for(var i = 0; i < listsize; i++)
		{
			html += '<li><a href="javascript:selectExtras(\''
				+ json[i].name + '\');">' + json[i].name + '</a></li>';
		}

		html += '</ul>';

		$('#valExtras').html(html).show('slow');

		$('#valExtras ul li a').click(function(){
			$('#valExtras ul li a').removeClass('selected');
			$(this).addClass('selected');
		});
	});
}

function selectExtras(_x)
{
	document.body.style.cursor = "wait";
	$('#valValuo').hide('fast');

/*
	$.getJSON('valuos.php?a=valuos&x='+_x, function(json){
		//var html = '$ ' + addCommas(parseInt(json[0].name).toFixed(2));
		var html = '<a href="javascript:realizarValuo();">Realizar Valuo</a>';
		$('#valValuo').html(html).show('slow');
	});
*/

	$.getJSON('valuos.php?a=valuos&x='+_x, function(json){ });
	realizarValuo();
	document.body.style.cursor = "default";
}

function realizarValuo()
{
	$.getJSON('realizar.php', function(valuo){
		var html = '<p align="right"><a href="print.php" target="_printframe">formato imprimible</a> &nbsp; | &nbsp; <a href="javascript:hideValuo();">cerrar</a></p>' + valuo.text;

		$('#dlgValuo').html(html).jqmShow();
	});
}

function hideValuo()
{
	$('#dlgValuo').jqmHide();
}

function main()
{
	// create toggle for valType
	$('#valType ul li a').click(function(){
		$('#valType ul li a').removeClass('selected');
		$(this).addClass('selected');
	});

	// initialize dialog
	$('#dlgValuo').jqm({
		modal: true,
		onShow: function(h) {
			h.w.slideDown();
		},
		onHide: function(h) {
			h.w.slideUp('slow', function() { if(h.o) h.o.remove(); });
		}
	});
}

$(document).ready(main);