var images = [ 'imagen16.jpg', 'imagen10.jpg', 'imagen15.jpg', 'imagen18.jpg', 'imagen20.jpg', 'IMG_2256.jpg', 'IMG_2261.jpg',
		'IMG_2264.jpg', 'imagen14.jpg', 'imagen16.jpg', 'imagen19.jpg', 'imagen23.jpg', 'IMG_2258.jpg', 'IMG_2263.jpg' ];

$(window).load(function() {
	// Deshabilita caché - Re-activar esto en la versión final
		$.ajaxSetup( {
			cache : false
		});

		recenterMain();

		var div;
		for ( var i = images.length; --i > 0;) {
			div = '<div style="display: none; position: absolute; left: 1%; top: 0px;" id="slide';
			div += i + '"><img class="slideImage" src="art/slides/';
			div += images[i] + '" alt=""/>' + '</div>';

			$('#slide').append(div);
		}
		$('#slide1').fadeIn();
		

		$('#logo').fadeIn(3000, function() {
			$('#tagline').show("pulsate");

			$('#slide').show("clip", {
				direction : "horizontal"
			}, 2000, function() {
				setInterval(fadeImages, 3500);
				$('#contact').fadeIn();
				$('#flags').fadeIn();
				$('#texts').fadeIn();
			});

		});

		$('#spanish').click(function() {
			$('#experience').html('Experiencia');
			$('#company').html('Empresa');
			$('#social').html('Social');

			$('#experience').attr('href', "../experience");
			$('#company').attr('href', "../company");
			$('#social').attr('href', "../social");
		});

		$('#english').click(function() {
			$('#experience').html('Experience');
			$('#company').html('Company');
			$('#social').html('Social');

			$('#experience').attr('href', "../experience?lang=en");
			$('#company').attr('href', "../company/lang/en");
			$('#social').attr('href', "../social");
		});
		
		//$('#spanish').click();

		$(window).resize(function() {
			recenterMain();
		});

	});

// Alternar imágenes de gas & oil
var currentImage = 1;
function fadeImages() {
	$('#slide' + currentImage).fadeOut(1000);
	if (++currentImage == images.length)
		currentImage = 1;
	$('#slide' + currentImage).fadeIn(1000);
}

function recenterMain() {
	var main = $('#main');
	main.css("top", ($(window).height() - main.outerHeight(true)) / 2 + $(window).scrollTop() + "px");
	main.css("left", ($(window).width() - main.outerWidth(true)) / 2 + $(window).scrollLeft() + "px");
	if (main.css("top").replace("px", "") <= 0) {
		main.css("top", "10px");
	}
	if (main.css("left").replace("px", "") <= 0) {
		main.css("left", "10px");
	}
}