var preloadImgs1 = new Array('games','shop','support','hiscores','blog','contact','newsletter','bookmark');
 
 	preload('layout/nav/',preloadImgs1);

	function preload(prePath,preImgs) {
		 
		 var iPath=path+'images/'+prePath;
		 		 
	     for(i=0; i<=preImgs.length; i++) 
	     {
			 var imageObj = new Image();
			 imageObj.src = iPath+preImgs[i]+'.gif';
	     }
	} 

	function funcToEl(type,str){	
		var Els = $$(str);
		var ElsA = $A(Els);
		ElsA.each( function(El){ type(El); });
	}	

	imageSwap = function(loc) { loc.onclick = function(){puppyImageSwap(this);}; }
	vidSwap = function(loc) { loc.onclick = function(){puppyVidSwap(this);}; }
	
	function puppyImageSwap(loc) {

		var tDiv = loc.up();

		var tSrc = loc.getAttribute("src");
		var tNum = tSrc.charAt(tSrc.length-5);

		var thumbs = $$("#thumbs img");
		var thumbsA = $A(thumbs);
		thumbsA.each( function(t){ t.className="thumb"; t.setOpacity(1.0);});		

		loc.className="thumb thumbOn";
		loc.setOpacity(0.5);

		var sEl = $(document.getElementById("screen"));
		var vidEl = $(document.getElementById("video"));
		
		//tDiv.addClassName('thumbsThin');
		
		if (vidEl!=null) vidEl.hide();
        
        if (sEl!=null) {
			sEl.show();
			puppyScrollTo(tDiv,sEl);
			
			var sSrc = sEl.firstChild.getAttribute("src");
			var sNum = sSrc.charAt(sSrc.length-5);
	
			newScr = sSrc.substring(0,sSrc.length-5)+tNum+".jpg";

			sEl.removeChild(sEl.firstChild);		 
			 
			newImg = new Image();
			newImg.onLoad = show();
			newImg.src = newScr;
	
		}
	
		function show() { sEl.appendChild(newImg); }
	}

	function puppyVidSwap(loc) {

		var tDiv = loc.up();

		var thumbs = $$("#thumbs img");
		var thumbsA = $A(thumbs);
		thumbsA.each( function(t){ t.className="thumb"; t.setOpacity(1.0);});		

		loc.className="vidThumb thumbOn";
		loc.setOpacity(0.5);

		var sEl = $(document.getElementById("screen"));
		var vidEl = $(document.getElementById("video"));
        
		//tDiv.addClassName('thumbsThin');
		
		if (sEl!=null) sEl.hide();
		if (vidEl!=null) {
			vidEl.show();
			puppyScrollTo(tDiv,vidEl);
		}
	}

	function puppyScrollTo(thumbs,loc) {
		if ((loc.viewportOffset().top)<0)  {
			thumbs.scrollTo();    
		} else if (loc.viewportOffset().top+loc.getHeight() > document.viewport.getHeight()) {
			var scrollOffset=(loc.viewportOffset().top)+(loc.getHeight())-(document.viewport.getHeight());
			window.scrollTo(0,document.viewport.getScrollOffsets().top+scrollOffset+8);
		}
	}

	removeLinks = function(loc) {
		var p = loc.parentNode;
		var i = loc.firstChild.cloneNode(true);
		p.replaceChild(i,loc);
	
	 }

//	IEhover = function(loc) {
		
//		var c="IEhoverFix";
		
//		loc.onmouseover=function() { Element.addClassName(loc, c); }	
//		loc.onmouseout=function() { Element.removeClassName(loc, c); }	
//	}


	function init() {

	/*	
		if (window.attachEvent) {
			funcToEl(IEhover,"#thumbs img");
		}
	*/
		funcToEl(removeLinks,'.noJS');
		funcToEl(imageSwap,'#thumbs img');
		funcToEl(vidSwap,'#thumbs img.vidThumb');
	}