$(document).ready(function(){
	
	//Eye of Sauron
	$("#EyeofSauron").hover(
		function () {
			$('.active').animate({"left": "-=1050px"}, 200);
			$('#mainNavigation').fadeOut("slow");
			$('#mainLogo').fadeOut("slow");
			$('#imageArea').animate({"left": "-=1400px"}, 500);
			$('#imageArea').delay(200).fadeOut("slow");
			$('#hideo').delay(200).fadeIn("slow");
			
		}, 
		function () {
			$('.active').animate({"left": "+=1050px"}, 1500);
			$('#mainNavigation').fadeIn("slow");
			$('#mainLogo').fadeIn("slow");
			$('#imageArea').animate({"left": "+=1400px"}, 500);
			$('#imageArea').fadeIn("slow");
			$('#hideo').delay(200).fadeOut("slow");
		}
	);

	//Global
	var iconsrc;
	var iconName;
	//Social	
	$(".socialImage").hover(
		function () {
			iconName = $(this).attr('id');
			iconsrc = '/wp-content/themes/hertzelle/images/' + iconName + 'On.png';
			$('#' + iconName).attr("src", iconsrc);
		}, 
		function () {
			iconsrc = '/wp-content/themes/hertzelle/images/' + iconName + 'Off.png';
			$('#' + iconName).attr("src", iconsrc);
		}
	);

	//Main Site Functions
	$('#post-1').addClass("active");
	$('#post-1').show();
	$('#post-1').delay(1000).animate({"left": "+=1050px"}, 1500);
	$('#mainNavigation').delay(2600).fadeIn("slow");

	
	$('.imageList').load('FlickH/index.cgi',{request_list: "yes"}, function() {
		var firstImage = $('.first').attr('id');
		var src = "http://hertzelle.com/FlickH/pictures/" + firstImage + ".jpg";
		$('#mainImage').attr("src", src);
	});
	
		$('#photoDumper').load('FlickH/index.cgi',{request_list: "photos"}, function() {
		});

	
	$('ul.imageList > li').live('click', function(e) {
			var idtag = $(e.target).attr('id');
			if (idtag)
			{
				$('#mainImage').fadeOut('slow', function() {
					$("#littleLoader").animate({"left": "+=50px"}, 200);
					$("#littleLoader").animate({"left": "-=50px"}, 200);
					$("#littleLoader").animate({"left": "+=50px"}, 200);
					var src = "http://hertzelle.com/FlickH/pictures/" + idtag + ".jpg";
					$('#mainImage').attr("src", src);
					$("#littleLoader").animate({"left": "-=50px"}, 1500, function() {
						$('#mainImage').fadeIn('slow');
					});
				});
			}
	});	
	
	$('#previous-post').live('click', function(e) {
		
		//Get the previous post!
		var classtag = $(e.target).attr('class');
		classtag = classtag.substr(4);
		var byeId = classtag - 1;
		$('#post-' + byeId).animate({"left": "-=1050px"}, 1000);
		$('#post-' + byeId).delay(1100).hide("slow");
		$('#post-' + byeId).removeClass('active');
		
		$('#post-' + classtag).addClass("active");		
		$('#post-' + classtag).show();		
		$('#post-' + classtag).delay(1100).animate({"left": "+=1050px"}, 1100);		
		
	});	 
	
	$('#newer-post').live('click', function(e) {
		
		//Get the next post!
		var classtagNew = $(e.target).attr('class');
		classtag = classtagNew.substr(4);
		if (classtag >= 1)
		{
			var byeId = classtag * 1;
			byeId = byeId + 1;
			$('#post-' + byeId).animate({"left": "-=1050px"}, 1000);
			$("#post-" + byeId).delay(1100).hide("slow");
			$('#post-' + byeId).removeClass('active');			
			
			$('#post-' + classtag).addClass("active");
			$('#post-' + classtag).show();		
			$('#post-' + classtag).delay(1100).animate({"left": "+=1050px"}, 1100);	
		}
		else
		{
			$('.' + classtagNew).fadeOut("slow");
			$('.' + classtagNew).delay(100).fadeIn("slow");
		}
		
	});	
	
	$('.homeButton').live('click', function(e) {
		$('.active').animate({"left": "-=1050px"}, 1000);
		$('.active').removeClass('active');
		
		$('#post-1').addClass("active");
		$('#post-1').show();
		$('#post-1').delay(1100).animate({"left": "+=1050px"}, 1000);
	});	
	
	$('.profileButton').live('click', function(e) {
		$('.active').animate({"left": "-=1050px"}, 1000);
		$('.active').removeClass('active');
		
		$('#profile').addClass("active");
		$('#profile').show();
		$('#profile').delay(1100).animate({"left": "+=1050px"}, 1000);
	});		
	
	$('.photosButton').live('click', function(e) {
		
		$('.active').animate({"left": "-=1050px"}, 1000);
		$('.active').removeClass('active');
		
		$('#photos').addClass("active");
		$('#photos').show();
		$('#photos').delay(1100).animate({"left": "+=1050px"}, 1000);
	});	
	
	$('.socialButton').live('click', function(e) {
		$('.active').animate({"left": "-=1050px"}, 1000);
		$('.active').removeClass('active');
		
		$('#social').addClass("active");
		$('#social').show();
		$('#social').delay(1100).animate({"left": "+=1050px"}, 1000);
	});	
		
		  
});