var navClass = new Array();

function hover(over, link, num) {
	var sep1 = document.getElementById('sep-'+num);
	var sep2 = document.getElementById('sep-'+(num+1))
	
	if (over) {
		//save previous values
		if (navClass[num] == undefined) {
			navClass[num] = sep1.className;
		}
		
		if (navClass[num+1] == undefined) {
			navClass[num+1] = sep2.className;
		}
		
		// set to hover classes
		if (sep1.className == 'nav-sep1') {
			sep1.className = 'nav-sep3';
		} else {
			sep1.className = 'nav-sep2';
		}
		
		if (sep2.className == 'nav-sep2') {
			sep2.className = 'nav-sep3';
		} else {
			sep2.className = 'nav-sep1';
		}
		link.className='nav selected';
	} else {
		sep1.className = navClass[num];
		sep2.className = navClass[num+1];
		link.className = 'nav';
	}
}


// preload images

(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)

jQuery.preLoadImages(
    "images/nav-sep0.gif",
    "images/nav-sep1.gif",
    "images/nav-sep2.gif",
    "images/nav-sep3.gif",
    "images/middleman-bg.jpg",
    "images/rounded-submit-hover.gif",
    "images/rounded-submit-smaller-hover.gif"
);

/*if (document.images)
{
    imageObj = new Image();
    image_url = new Array();
    image_url[0] = "images/nav-sep0.gif";
    image_url[1] = "images/nav-sep1.gif";
    image_url[2] = "images/nav-sep2.gif";
    image_url[3] = "images/nav-sep3.gif";
    image_url[4] = "images/middleman-bg.jpg";
    image_url[5] = "images/rounded-submit-hover.gif";
    image_url[6] = "images/rounded-submit-smaller-hover.gif";

    var i = 0;
    for(i=0; i<=3; i++) 
        imageObj.src = image_url[i];
} */