$(function() {
   
	$('#footer').css({
		backgroundPosition: 'center -'+$('#footer').offset().top+'px'
	});
	
	splash_change_timeout_function = function() {
		$('#splash .splash_navigation.right').click();
	}
	
	var splash_change_timeout = setTimeout(splash_change_timeout_function, 3000);
	
	var gallery = [];
	
	$('#minigallery li a img').each(function() {
		
		var filename  = $(this).attr('src').split('/').reverse()[0];
		var domain_id = $(this).attr('src').replace(BASE_DIR, '').split('/')[1];
		var title     = $(this).attr('alt');
		var url       = title.match(/\bwww.+/)[0];
		
		title = $.trim(title.replace(url, ''));
		
		gallery.push({
			filename: filename,
			title: title,
			url: url,
			domain_id: domain_id
		});
	});
	
	if(gallery.length > 0) {
		
		var current = 0;
		var item = gallery[current];
		var $img = $('<img />').attr('src', BASE_DIR+'media/'+item.domain_id+'/1/1/0/300/300/'+item.filename);
		$('#splash_image').html($img);
		$('#splash_text').html('<span>'+item.title+'</span><br /><span>'+item.url+'</span>');
		$('#splash_link').attr('href', 'http://'+item.url);
		
		$('#splash .splash_navigation').click(function() {
			
			clearTimeout(splash_change_timeout);
			splash_change_timeout = setTimeout(splash_change_timeout_function, 6000);
				
			if($(this).hasClass('left')) {
				current--;
			} else {
				current++;
			}
			
			if(current < 0) current = gallery.length - 1;
			if(current >= gallery.length) current = 0;
			
			item = gallery[current];
			
			var splash_change = function() {
				var $img = $('<img />').attr('src', BASE_DIR+'media/'+item.domain_id+'/1/1/0/300/300/'+item.filename);
				$img.load(function() {
					$('#splash_image').html($img);
					$('#splash_text').html('<span>'+item.title+'</span><br /><a href="http://'+item.url+'">'+item.url+'</a>');
					$('#splash_link').attr('href', 'http://'+item.url);
					
					$('#splash_scroller').animate({
						left: 0,
						top: 0
					}, 500, 'swing');
				});
			}
			
			if($(this).hasClass('left')) {
				$('#splash_scroller').animate({
					left: -800,
					top: 200
				}, 600, 'swing', function() {
					$(this).css({
						left: 200,
						top: 800
					});
					splash_change();
				});
			} else {
				$('#splash_scroller').animate({
					left: 200,
					top: 800
				}, 600, 'swing', function() {
					$(this).css({
						left: -800,
						top: 200
					});
					splash_change();
				});
			}
			
			return false;
		});
	}
});