$(document).ready(function(){
    //this is for the pop up hover cloud
	var $popUp = $('#popUpList')
	$popUp.hide();
	$('#offeringLink').hover(function(){
							 $popUp.show(); },
							 function(){
							 $popUp.hide(); });
	//image hover code. changes out image.jpg src to imagehover.jpg
	//on mouse over to all images within specified area (#navbar)
	$('#navbar img')
	    .mouseover(function(){
			var src = $(this).attr("src").match(/[^\.]+/) + "hover.gif";
			$(this).attr("src", src);
							})
		.mouseout(function(){
			var src = $(this).attr("src").replace("hover", "");
			$(this).attr("src", src);
						   });
						   });
//preload the hover images so the user does not have to wait
	jQuery.preloadImages = function() {
      for(var i = 0; i<arguments.length; i++) {
         jQuery("<img>").attr("src", arguments[i]);
       }
    }
	$.preloadImages("../images/contactbuttonhover.gif", "../images/homebuttonhover.gif", "../images/portfoliobuttonhover.gif");