(function($j){
	$j(function(){
		var images = new Array();
		var index = 0;
		var growBy = 20;
		var speed = 100; // milliseconds
		$j('.nav_section_fisheye_img').each(function(){ images[index++] = GFX_HOST +  '/nav/fisheye/'+this.id+'_over.png'; });
		$j('.nav_show_scroller_img').each(function(){ images[index++] = GFX_HOST + '/nav/shows/'+this.id+'_over.png'; });
		$j('.nav_show_scroller_ctrls').each(function(){ images[index++] = GFX_HOST + '/nav/'+this.id+'_over.gif'; });
		images[index++] = GFX_HOST + '/nav/how_over.jpg';

		for ( var i = 0; i < images.length; i++ )
		{
			var preloadIMG = new Image;
			preloadIMG.src = images[i];
		}
		$j('.nav_section_fisheye_img').each(function(i){
			var l = i*70;
			$j(this).css({position:'absolute',top:0,left:l,zIndex:100});
			var oRect = {}
			oRect.x = l;
			oRect.y = 0;
			oRect.h = 78;
			oRect.w = 70;
			this.onmouseover = function() {
				var t = $j(this);
				var newRect = {};
				newRect.x = oRect.x - growBy/2;
				newRect.y = oRect.y - growBy/2;
				newRect.w = oRect.w + growBy;
				newRect.h = oRect.h + growBy;
				t.attr('src', '/img/gfx/nav/fisheye/'+this.id+'_over.png').css({zIndex:101}).animate({width:newRect.w,height:newRect.h,left:newRect.x,top:newRect.y}, 50)
			}
			this.onmouseout = function() {
				var t = $j(this);
				var newRect = {};
				newRect.x = oRect.x;
				newRect.y = oRect.y;
				newRect.w = oRect.w;
				newRect.h = oRect.h;
				t.attr('src', '/img/gfx/nav/fisheye/'+this.id+'.png').css({zIndex:100}).animate({width:newRect.w,height:newRect.h,left:newRect.x,top:newRect.y}, 50)
			}
		});
	});

})(jQuery)
