$(function() {
	if(jQuery.browser.msie && parseInt(jQuery.browser.version) < 7) {
		$('#listado>ul>li').click(function(e) {
			document.location = $(this).find('a').attr('href');
		});
	} else {
		$('body').append($('<div id="cargador"></div>').hide());
		$('body').append($('<img src="/resources/nuevo/ajax-loader.gif" id="loading" />').hide());
		var ul = $('#listado ul:first');
		while(ul.find('li').length > 0) {
			var listaNueva = $('<ul></ul>');

			$('#listado').append(listaNueva);

			listaNueva.append(ul.find('li:lt(3)').remove());
		}
		ul.remove();

		$('#listado>ul>li').click(function(e) {
			despliega($(this), e);
		});

		$('#listado .nombre a').click(function(e) {
			despliega($(this.parentNode.parentNode), e);
			e.stopPropagation();
			e.preventDefault();
		});
	}

	$('#listado>ul>li').hover(
		function() {
			$(this).addClass('over');
		},
		function() {
			$(this).removeClass('over');
		}
	);

});

function despliega(li, e) {
	$('#loading').show().css('left', e.pageX).css('top', e.pageY).css('position', 'absolute');

	$('#cargador').load(li.find('a').attr('href').replace(/ /g, '%20') + '&ajax=1', function() {
		$('#loading').hide();

		$('.bordeSuperior').remove();

		var detalle = $('#cargador #detalle').addClass('enListado');
		detalle.find('h2, h3').remove();
		detalle.find('.fotos').hide();

		var posicion = li.prevAll().length;

		switch(posicion % 3) {
			case 0:
				detalle.prepend('<img src="/resources/nuevo/restaurantes/izq.gif" style="position:absolute" id="izq" />');
				break;
			case 1:
				detalle.prepend('<img src="/resources/nuevo/restaurantes/cen.gif" style="position:absolute" id="cen" />');
				break;
			case 2:
				detalle.prepend('<img src="/resources/nuevo/restaurantes/der.gif" style="position:absolute" id="der" />');
				break;
		}
		li.append(detalle);

		detalle.wrap($('<div class="bordeSuperior"></div>').css('margin-left', -199 * (posicion % 3) - 5));

		$('#listado li').removeClass('activa');
		li.addClass('activa');
	});
}