var rnd = 0;

$(function() {
	var ul = $('<ul />');
	$('#webcams h2').each(function(i) {
		var li = $('<li>' + $(this).html() + '</li>');

		var imagen = $(this).next().find('div').css('background-image').substring(4);
		imagen = imagen.substring(0, imagen.length - 1);

		if(imagen.charAt(0) == '"') imagen = imagen.substring(1, imagen.length - 1);

		li.attr('imagen', imagen).click(function() {
			if(rnd != 0) {
				$('#webcams img').attr('src', $(this).attr('imagen') + '?rnd=' + rnd);
			} else {
				$('#webcams img').attr('src', $(this).attr('imagen'));
			}
			primeraVez = false;
			$('#webcams ul li').removeClass('activo');
			$(this).addClass('activo');

			setTimeout(actualizaWebcam, 60000 * 10);
		});

		if(i == 0) {
			li.addClass('primero').addClass('activo');
		} else {
			$(this).parent().remove();
		}

		ul.append(li);
	});

	ul.find('.altitud').remove();

	var titulo = $('<h2 />');

	titulo.prepend(ul);

	$('#webcams div').remove();

	$('#webcams').prepend(titulo).find('h2:gt(0)').remove().end().append('<img src="" width="800" />').find('li.activo').click();

//	actualizaWebcam();

	var tam = 1;
	var ul = $('#webcams ul');
	var lis = $('#webcams li');
	while(!todosColocados(lis) && tam > 0.5) {
		tam -= 0.01;
		ul.css('font-size', tam + 'em');
	}
});

function actualizaWebcam() {
	rnd = Math.random();
	$('#webcams li.activo').click();
}

function todosColocados(lis) {
	var posicion = 0, altura = 0;
	var correcto = true;
	lis.each(function(i) {
		if(i == 0) {
			posicion = $(this).position().top;
			altura = $(this).height();
		} else {
			correcto = correcto && ($(this).position().top == posicion) && ($(this).height() == altura);
		}
	});

	return correcto;
}