function shadowsEtc() {
	// set height of wrapper to match the height of the shadows and background gradient
	var wrapperHeight = $("div.wrapper").height();
	if (wrapperHeight<650){
		$("div.wrapper").css({height:"650px"});
	}
	
	// add shadows and rounded bottom
	$("div.wrapper").append("<div class='shadow-left'></div><div class='shadow-right'></div><div class='rounded-bottom'></div>");
}

function shadowsEtc2() {
	// set height of wrapper to match the height of the shadows and background gradient
	var wrapperHeight = $("div.wrapper2").height();
	if (wrapperHeight<650){
		$("div.wrapper2").css({height:"650px"});
	}
	
	// add shadows and rounded bottom
	$("div.wrapper2").append("<div class='shadow-left'></div><div class='shadow-right'></div><div class='rounded-bottom'></div>");
}

function subnav(){
	
	$("div.nav ul.secondary li.parent").each(function(){
		$(this).append("<div class='arrow'></div>");
	});
	
	// manage borders of top sub nav items
	$("div.nav ul.secondary li:first-child a").css({borderTopWidth:"0"});
	$("div.nav ul.secondary li:first-child ul.tertiary li a").css({borderTopWidth:"1px"});
	$("div.nav ul.secondary li:first-child ul.tertiary li:first-child a").css({borderTopWidth:"0"});

	// manage borders of bottom sub nav items
	$("div.nav ul.secondary li:last-child a").css({borderBottomWidth:"0"});
	$("div.nav ul.secondary li:last-child ul.tertiary li a").css({borderBottomWidth:"1px"});
	$("div.nav ul.secondary li:last-child ul.tertiary li:first-child a").css({borderBottomWidth:"0"});
	
	// manage hide/reveal and rollovers
	$("div.nav ul.primary li").hover(
		function(){
			$(this).addClass("active");
			$(this).children("ul.secondary").slideDown(200);
		}, 
		function(){
			$(this).removeClass("active");
			$(this).children("ul.secondary").slideUp(50);
		}
	);
	$("div.nav ul.secondary li").hover(
		function(){
			$(this).addClass("active");
			$(this).children("ul.tertiary").slideDown(200);
		}, 
		function(){
			$(this).removeClass("active");
			$(this).children("ul.tertiary").slideUp(50);
		}
	);
}

function homepage(){
	$("body").prepend("<div class='hidden'><img src='./images/bg-banners-1.jpg' /><img src='./images/bg-banners-2.jpg' /><img src='./images/bg-banners-3.jpg' /><img src='./images/bg-banners-4.jpg' /><img src='./images/bg-banners-5.jpg' /><img src='./images/bg-banners-6.jpg' /><img src='./images/bg-banners-popup.png'</div>");
	
	// entire control areas clickable
	$("div.banners div.control div").click(function () {
		var url = $(this).find("a").attr('href');
		window.location = url;
	}); 

	// add aesthetic elements including arrows, bg images, etc.
	$("div.banners div.control").prepend("<div class='banners-control-bg'></div>");
	$("div.banners").prepend("<div class='popup-bg'></div>");
		
	$("div.banners div#displays h1").append("<img class='arrow' src='./images/arrow-blue.png' alt='' width='17' height='17' />");
	$("div.banners div#rentals h1").append("<img class='arrow' src='./images/arrow-gold.png' alt='' width='17' height='17' />");
	$("div.banners div#signs h1").append("<img class='arrow' src='./images/arrow-red.png' alt='' width='17' height='17' />");
		
	$("div.banners div#popup-displays").append("<img class='arrow' src='./images/arrow-blue-active.png' alt='' width='17' height='17' />");
	$("div.banners div#popup-rentals").append("<img class='arrow' src='./images/arrow-gold-active.png' alt='' width='17' height='17' />");
	$("div.banners div#popup-signs").append("<img class='arrow' src='./images/arrow-red-active.png' alt='' width='17' height='17' />");
	
	// face loader and random load a background image in banners | bg-banners-1.jpg
	$("div.banners div.banners-loading").fadeOut();
	var whichBanner = Math.floor(Math.random()*4);
	$("div.banners").prepend("<img class='banners-bg' src='./images/bg-banners-"+whichBanner+".jpg' width='800' height='427' alt='' />");
		
	// manage rollovers images
	var keepOn = "";
	$("div.banners div.control div#displays").hover(
		function(){
			$(this).css('backgroundPosition', '5px 19px');
			if (keepOn != "displays") {
				var whichDisplayBanner = Math.floor(Math.random()*2);
				$("div.banners img.banners-bg").attr({src:"./images/bg-banners-"+whichDisplayBanner+".jpg"});
				$("div.banners div.popup-bg").fadeIn(200);
				$("div.banners div.popup").fadeOut(200);
				$("div.banners div#popup-"+this.id).fadeIn(200);
			}
			keepOn = "displays";
		}, 
		function(){ $(this).css('backgroundPosition', '5px -9999px'); }
	);
	$("div.banners div#rentals").hover(
		function(){
			$(this).css('backgroundPosition', '5px 29px');
			if (keepOn != "rentals") {
				var whichRentalsBanner = Math.floor(Math.random()*2 + 2);
				$("div.banners img.banners-bg").attr({src:"./images/bg-banners-"+whichRentalsBanner+".jpg"});
				$("div.banners div.popup-bg").fadeIn(200);
				$("div.banners div.popup").fadeOut(200);
				$("div.banners div#popup-"+this.id).fadeIn(200);
			}
			keepOn = "rentals";
		}, 
		function(){ $(this).css('backgroundPosition', '5px -9999px'); }
	);
	$("div.banners div#signs").hover(
		function(){
			$(this).css('backgroundPosition', '5px 12px');
			if (keepOn != "signs") {
				var whichSignsBanner = Math.floor(Math.random()*2 + 4);
				$("div.banners img.banners-bg").attr({src:"./images/bg-banners-"+whichSignsBanner+".jpg"});
				$("div.banners div.popup-bg").fadeIn(200);
				$("div.banners div.popup").fadeOut(200);
				$("div.banners div#popup-"+this.id).fadeIn(200);
			}
			keepOn = "signs";
		}, 
		function(){ $(this).css('backgroundPosition', '5px -9999px'); }
	);
	
}

function productList(){
	$("div.products div.product:nth-child(1)").addClass("no-top-border");
	$("div.products div.product:nth-child(2)").addClass("no-top-border");
	$("div.products div.product:nth-child(3)").addClass("no-top-border");
	$("div.products div.product:nth-child(3n)").addClass("no-right-border");
	
	$("div.products div.product").hover(
		function(){ $(this).addClass("active"); }, 
		function(){ $(this).removeClass("active"); }
	);
	$("div.products div.product").click(function () {
		var url = $(this).find("a").attr('href');
		window.location = url;
	}); 
}

function detailsList(){
	$("ul.details li:last").addClass("last");	
	$("ul.details li:first").children("div").show();
	$("ul.details li a").click(function(){
		$("ul.details li div").hide();
		$(this).siblings("div").show();
	});
}

function gallery() {
	// clone and set up initial ul
	$("ul").clone().prependTo("div.wrapper");
	$("ul:first").addClass("thumb");
	$("ul:last").addClass("full");
	$("ul.thumb li:nth-child(5n)").css({marginRight:0});
	$("ul.thumb").css({visibility:"visible"});
	$("ul.full").css({visibility:"visible"});
	$("ul.full li:first").fadeIn();
	
	
	$("ul.thumb li").hover(
      function () { $(this).addClass("active"); }, 
      function () { $(this).removeClass("active"); }
    );
	
	var whichClicked = "1";
	$("ul.thumb li:first").addClass("clicked");
	$("ul.thumb li").click(function(){
		$(this).siblings().removeClass("clicked");
		$(this).addClass("clicked");
		$("ul.full li:nth-child("+whichClicked+")").hide();
		whichClicked = this.id;
		$("ul.full li:nth-child("+whichClicked+")").fadeIn();
	});
}