$(document).ready(function() {
		$.preloadImages("/images/logo-red.gif","/images/logo-blue.gif","/images/logo-green.gif","/images/logo-purple.gif");
		$.preloadImages("/images/arrow-red.gif","/images/arrow-blue.gif","/images/arrow-green.gif","/images/arrow-purple.gif");
		$("#1, .links").addClass("red");	
		$("#1").css("background-image","url(/images/arrow-red.gif)");

		if ($("#currentPage").attr("value")) {
			var id = $("#currentPage").attr("value");
			var color = $("#"+id).attr("color");
                        var upDown = id;
                        var currentColor = $("#currentColor").attr("value");
                        var currentThumbnail = $("#currentThumbnail").attr("value");
                        $("#currentColor").attr("value",color);
                        $("#currentThumbnail").attr("value",upDown);

                        var distance = (parseInt(upDown)*509)-509;
                        distance = "-"+distance;
 
                        $("#filmstrip").fadeOut("slow");
                        $("#filmstrip").animate({marginLeft: "0px"},"fast");
                        $("#filmstrip").animate({marginTop: distance},"fast");

                        if (currentColor != undefined) {
                                $("#logo").fadeOut("slow");
                                /*$("#thumbnails"+currentThumbnail).slideUp("slow",function() {*/
					$("#thumbnails"+currentThumbnail).css("display","none");
                                        $("#"+currentThumbnail).removeClass(currentColor);
                                        $("#"+currentThumbnail).addClass("grey");
                                        $("a").removeClass(currentColor);
                                        $("#"+currentThumbnail).css("background-image","url(/images/arrowClose.gif)");

                                        $("#"+upDown).css("background-image","url(/images/arrow-"+color+".gif)");
                                        $("a").addClass(color);
                                        $("#thumbnails"+upDown).slideDown("slow");
                                        $("#"+upDown).removeClass("grey");
                                        $("#"+upDown).addClass(color);
                                        $("#logo").css("background-image","url(/images/logo-"+color+".gif)");
                                        if ($("#imageContainer").css("display") == "none") {
                                                $(".content").fadeOut("slow");
                                                $("#imageContainer").css("display","block");
                                                $("#"+currentThumbnail).css("background-image","url(/images/arrowClose.gif)");
                                                $("#"+upDown).css("background-image","url(/images/arrow-"+color+".gif)");
                                        }

                                /*});*/
                        } else {
                                if ($("#imageContainer").css("display") == "none") {
                                        $(".content").fadeOut("slow");
                                        $("#imageContainer").css("display","block");
                                        $("#"+currentThumbnail).css("background-image","url(/images/arrowClose.gif)");
                                        $("#"+upDown).css("background-image","url(/images/arrow-"+color+".gif)");
                                }
                                $("a").removeClass("red");
                                $("a").removeClass("blue");
                                $("a").removeClass("purple");
                                $("a").removeClass("green");
                                $("a").addClass(color);
                                $("#logo").css("display","none");
                                $("#filmstrip").css("display","none");
                                $("#thumbnails"+upDown).slideDown("slow");
                                $("#"+currentThumbnail).removeClass("grey");
                                $("#"+upDown).addClass(color);
                                $("#logo").css("background-image","url(/images/logo-"+color+".gif)");
                        }

                        $("#logo").fadeIn("slow");
                        $("#filmstrip").fadeIn("slow");
		}

		if ($("#currentLink").attr("value")) {
                        var id = $("#currentLink").attr("value");
			var currentColor = $("#currentColor").attr("value");
                        var currentThumb = $("#currentThumbnail").attr("value");
                        $(".content").fadeOut("fast");
                        $(".thumbnails").slideUp("slow");
                        $("#"+currentThumb).removeClass(currentColor);
                        $(".thumbnails").removeClass("grey");
                        $(".thumbnails").addClass("grey");
                        $("#"+id).fadeIn("slow");
                        $("#currentThumb").attr("value","");
                        $("#"+currentThumb).css("background-image","url(/images/arrowClose.gif)");
                }				
				   
		$(".navLink").click(function() {
			var color = $(this).attr("color");
			var upDown = $(this).attr("id");
			var currentColor = $("#currentColor").attr("value");
			var currentThumbnail = $("#currentThumbnail").attr("value");
			$("#currentColor").attr("value",color);
			$("#currentThumbnail").attr("value",upDown);
			
			var distance = (parseInt(upDown)*509)-509;
			distance = "-"+distance;

			$("#filmstrip").fadeOut("slow");
			$("#filmstrip").animate({marginLeft: "0px"},"fast");
			$("#filmstrip").animate({marginTop: distance},"fast");
			
			if (currentColor != undefined) {
				$("#logo").fadeOut("slow");
				$("#thumbnails"+currentThumbnail).slideUp("slow",function() { 
					$("#"+currentThumbnail).removeClass(currentColor); 
					$("#"+currentThumbnail).addClass("grey"); 
					$("a").removeClass(currentColor);
					$("#"+currentThumbnail).css("background-image","url(/images/arrowClose.gif)");
					
					$("#"+upDown).css("background-image","url(/images/arrow-"+color+".gif)");
					$("a").addClass(color);
					$("#thumbnails"+upDown).slideDown("slow");		
					$("#"+upDown).removeClass("grey");
					$("#"+upDown).addClass(color);
					$("#logo").css("background-image","url(/images/logo-"+color+".gif)");
					if ($("#imageContainer").css("display") == "none") {
						$(".content").fadeOut("slow");
						$("#imageContainer").css("display","block");
						$("#"+currentThumbnail).css("background-image","url(/images/arrowClose.gif)");
						$("#"+upDown).css("background-image","url(/images/arrow-"+color+".gif)");
					}
					
				});	
			} else {
				if ($("#imageContainer").css("display") == "none") {
					$(".content").fadeOut("slow");
					$("#imageContainer").css("display","block");
					$("#"+currentThumbnail).css("background-image","url(/images/arrowClose.gif)");
					$("#"+upDown).css("background-image","url(/images/arrow-"+color+".gif)");
				}
				$("a").removeClass("red");
				$("a").removeClass("blue");
				$("a").removeClass("purple");
				$("a").removeClass("green");
				$("a").addClass(color);
				$("#logo").css("display","none");
				$("#filmstrip").css("display","none");
				$("#thumbnails"+upDown).slideDown("slow");		
				$("#"+currentThumbnail).removeClass("grey");
				$("#"+upDown).addClass(color);
				$("#logo").css("background-image","url(/images/logo-"+color+".gif)");
			}
			
			$("#logo").fadeIn("slow");
			$("#filmstrip").fadeIn("slow");
		});
		
		$(".thumbs").click(function() {
			var currentImage = $("#currentImage").attr("value");
			var id = $(this).attr("id");
			id = id.replace("thumbs","");
			if (id > currentImage) {
				var distance = (parseInt(id)*760)-760;
				distance = "-"+distance;
				$("#currentImage").attr("value",id);
			}
			if (currentImage > id) {
				var distance = (parseInt(id)*760)-760;
				distance = "-"+distance;
				$("#currentImage").attr("value",id);
			}
			$("#filmstrip").animate({marginLeft:distance+"px"},"slow");
		});
		
		$(".links").click(function() {
			var id = $(this).attr("id");
			var currentThumb = $("#currentThumb").attr("value");
			$(".content").fadeOut("fast");
			$(".thumbnails").slideUp("slow");
			$("#"+currentThumb).removeClass(currentThumb);
			$(".thumbnails").removeClass("grey");
			$(".thumbnails").addClass("grey");
			$("#"+id).fadeIn("slow");
			$("#currentThumb").attr("value","");
			$("#"+currentThumb).css("background-image","url(/images/arrowClose.gif)");
		});
		
		$("#action").click(function() {
				$("#action").attr("disabled","disabled");
				$.ajax({
                	type: 'POST',
                    url: '/signup.php',
	                data: {
        	        	'name': $("#name").attr("value"),
                		'email': $("#email").attr("value"),
                        'action': "Submit"
					},
                	success: function(data) {
						$(".content").fadeOut("fast");
						$("#thanks").fadeIn("slow");
	                }
				});
		});

	});