(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

$(document).ready(function() {
	
	jQuery.preLoadImages("images/publications.jpg", "images/about.jpg", "images/media.jpg", "images/websites.jpg",  "images/clients.jpg", "images/contact.jpg");
	
	var changing = true;
	var fresh = true;
	var color = new Array("#a35a28", "#7eb0f2", "#dd383e", "#c0e559", "#51473B", "#937960");
	var randValue = 0;
	var erel = "";
	var col = "";
	var ocol = "";
	var bo = "";
	randValue = Math.floor(Math.random() * color.length);
	$("page").css({backgroundColor: color[randValue]});
	var bgCol = $("body").css("background-color");
	
	var menuColor = {
	publications: "#cedf05",
	about: "#9cdbfc",
	media: "#687cbb",
	websites: "#b77541",
	clients: "#bbd363",
	contact: "#965d76",
	email: "#d95d45"
	};
	
	$("#page").append("<div id=\"bezels\"></div>");
	for (var i in menuColor) {
		$("#bezels").append("<div id=\"bezel-"+i+"\" class=\"bezel\" style=\"display: none;\"></div>");
	}
	$(".bezel").css({opacity: "0", display: "block"});
	
	function changeColor (fast) {
		var atime = 2900;
		if (fast) atime = 300;
		randValue = Math.floor(Math.random() * color.length);
		if (changing) $("body").stop().animate({backgroundColor: color[randValue]}, atime);
		//if (changing) $("body").stop().animate({backgroundColor: bgCol}, atime);
	}
	
	$("#content").everyTime(3000, function () { changeColor(false); });
	changeColor(false);
	
	$("ul a").hover(
		function () {
			if (fresh) { $("#alt").animate({opacity: "0"}, 300); fresh = false; }
			changing = false;
			erel = $(this).attr("rel");
			col = menuColor[erel];
			ocol = $(this).css("color");
			$("body").stop().animate({backgroundColor: col}, 300);
			$(this).stop().animate({color: col, paddingLeft: "10px"}, 300);
			bo = "#bezel-"+erel;
			$(bo).stop().animate({opacity: "1"}, 300);
		},
		function () {
			changing = true;
			$(bo).stop().animate({opacity: "0"}, 300);
			$(this).stop().animate({color: ocol, paddingLeft: "0px"}, 300);
			changeColor(true);
		}
	);
	
/*
	$("h1, h2").hover(
		function () {
			if (fresh) { $("#alt").animate({opacity: "0"}, 300); fresh = false; }
			changing = false;
			col = menuColor["photo"];
			$("body").stop().animate({backgroundColor: col}, 300);
			bo = "#bezel-photo";
			$(bo).stop().animate({opacity: "1"}, 300);
		},
		function () {
			changing = true;
			$(bo).stop().animate({opacity: "0"}, 300);
			changeColor(true);
		}
	);
*/
	
	//alert("ok");

});