$(document).ready(function () {
    "use strict";

	function animation1(callback) {
	    $(".logo-1").delay(1000).fadeIn(function () {
		    $(".logo-2").delay(500).fadeIn(function () {
			    $(".logo-3").delay(500).fadeIn(function () {
				    $(".logo-4").delay(500).fadeIn(function () {
					    $(".logo-animation").delay(2000).fadeOut(function () {
						    callback();
					    });
				    });
			    });
		    });
	    });
    }

	function animation2(callback) {
		$(".a5").delay(1500).slideDown(900, function () {
			$(".a1").delay(700).fadeIn(1200, function () {
				$(".a3").delay(400).fadeIn(1200, function () {
					$(".a2").delay(400).fadeIn(1200, function () {
						$(".a4").delay(400).fadeIn(1200, function () {
							$(".a1").delay(2200).animate({ left: "-=500" }, 700);
							$(".a2,.a3").delay(2200).animate({ top: "-=500" }, 700);
							$(".a4").delay(2200).animate({ right: "-=500" }, 700);
							$(".a5").delay(2200).animate({ bottom: "-=500" }, 700, function () {
								callback();
							});
						});
					});
				});
			});
		});
	}

	function animation3(callback) {
		$(".b5").delay(1000).slideDown(900, function () {
			$(".b1").delay(700).fadeIn(1200, function () {
				$(".b4").delay(400).fadeIn(1200, function () {
					$(".b2").delay(400).fadeIn(1200, function () {
						$(".b3").delay(400).fadeIn(1200, function () {
							$(".b1").delay(2200).animate({ left: "-=500" }, 700);
							$(".b2").delay(2200).animate({ top: "-=500" }, 700);
							$(".b4, .b5").delay(2200).animate({ right: "-=500" }, 700);
							$(".b3").delay(2200).animate({ bottom: "-=500" }, 700, function () {
								callback();
							});
						});
					});
				});
			});
		});
	}

    $(window).load(function () {

	// fade body in on window load
		$(".js body").animate({
			opacity: 1
		});

		// run homepage animation on window load
		if ($("body.home").length) {
			animation1(function () {
				animation2(function () {
					animation3(function () {
					    $(".home-animation").fadeOut(function () {
						    $(".slider-wrap").delay(500).fadeIn().cycle({
					            timeout: 4000
				            });
					    });
					});
				});
			});
		}

		// run homepage animation without the logo animation on window load
		if ($("body.no-animation").length) {
		    animation2(function () {
				animation3(function () {
				    $(".home-animation").fadeOut(function () {
					    $(".slider-wrap").delay(500).fadeIn().cycle({
				            timeout: 4000
				        });
				    });
				});
			});
		}
		
	});

	// Remove the non-semantic BORDER attr from the Business Catalyst Web app, add an ALT tag to them
	$("img").removeAttr('border');
	$(".press-list img").attr('alt', 'Vanillawood Press');

	// Gallery cycle setup
	$(".gallery-list").cycle({
	    timeout: 4000,
	    pager:  ".cycle-nav",
	    pagerAnchorBuilder: function (idx, slide) {
			return '<li><a href="#"><img src="' + slide.src + '" /></a></li>';
		}
	});

	if ($(".project-gallery")) {
		$(".thumbs-list,.gallery-list").delay(300).animate({
			opacity: 1
		});

	}

	// On PROJECT CREDITS click list display hidden credit
	$(".credits-link").live('click', function () {
		$(".thumbs-list, .credits-link, .pause").fadeOut(400, function () {
			$(".hide").fadeIn(200);
		});
	});

	// On CLOSE click list display hidden credit
	$(".close-link").live('click', function () {
		$(".hide").fadeOut(400, function () {
			$(".thumbs-list, .credits-link, .pause").fadeIn(200);
		});
	});

	// START - STOP functionality for slideshow
	$(".pause").toggle(function () {
		$(".stop").fadeOut(function () {
			$(".start").fadeIn("fast");
			$(".gallery-list").cycle("pause");
		});
	}, function () {
		$(".start").fadeOut(function () {
			$(".stop").fadeIn("fast");
			$(".gallery-list").cycle("resume");
		});
	});
	
	$(".gallery-nav ul").jcarousel();
	
	// Scrollbar setup
	if ($("#scroll")) {
	    $("#scroll").tinyscrollbar();
	}

	// Add Selected class to main nav on gallery and service pages
	if (/\/gallery\//.test(window.location)) {
	    $(".gallery-link").addClass("selected");
	}

	if (/\/interior-design-studio\//.test(window.location)) {
	    $(".services-link").addClass("selected");
	}


});
