// JavaScript Document

function pr_related_over(mainID, thisID, thisimgID, thisimgDIV, thisIMG, prc, prdl, goback) {
		
		var overclass = 'related';
		var outclass = 'nextproject';
		var prsize = 231;
		var speed = 0.5;
		var currentScroll = document.getElementById(mainID).scrollLeft;
		var currentPos = currentScroll/prsize;
		var pcheck = currentPos.toString();
		//var nextImg = "http://www.spacecollective.org/_gfx/pr_related_next.gif";
		var nextImg = "pr_related_next";
		var checkimgObj = document.images[thisimgID].src;
		//
		var moveForward = checkimgObj.indexOf(nextImg);
		
		if(pcheck.length == 1) {
			//salert(test);
			
			if(moveForward > 1 && goback=='false') {
				
				//////////////////////////////////
				//// make the project scroll next
				new Effect.Scroll(mainID,{
									x:prsize, 
									mode:'relative', 
									duration: speed, 
									afterFinish:function(effect){ 
										new Effect.Appear(thisID, { 
															duration:speed }); 
										document.images[thisimgID].src=thisIMG; 
										document.getElementById(thisimgDIV).className = overclass;
									}
				});
			
			} else if(goback == 'false') {
				//////////////////////////////////
				//// go to the project page
				//document.location.href="index.php?page=projects&action=pr-view&prc="+prc;
				document.location.href="/projects/"+prdl;
			} else if(goback == 'true') {
				//////////////////////////////////
				//// make var list of imgs
				var div_list = ['pr_related_1-2', 'pr_related_2-2', 'pr_related_3-2', 'pr_related_4', 'pr_related_5', 'pr_related_6'];
				var img_list = ['pr_img_1-2', 'pr_img_2-2', 'pr_img_3-2', 'pr_img_4', 'pr_img_5', 'pr_img_6'];
				var imgdiv_list = ['relateimg_1-2', 'relateimg_2-2', 'relateimg_3-2', 'relateimg_4', 'relateimg_5', 'relateimg_6'];
				var nextimg = '../../_gfx/pr_related_next.gif';
				//////////////////////////////////
				//// make the project scroll, then swap back to 0
				new Effect.Scroll(mainID,{
									x:prsize, 
									mode:'relative', 
									duration: speed, 
									afterFinish:function(effect){ 
										new Effect.Appear(thisID, { 
												duration:speed, afterFinish:function() { 
													document.getElementById(thisID).style.display = 'none'; 
													thisimgDIV.className = outclass; 
													} 
													
										}); 
										document.images[thisimgID].src=thisIMG; 
										// hide old images
										for(i=0;i<div_list.length;i++) {
											var thisimg = img_list[i];
											var thisdiv = div_list[i];
											var imgdiv = imgdiv_list[i];
											document.images[thisimg].src=nextimg;
											document.getElementById(thisdiv).style.display = 'none';
											document.getElementById(imgdiv).className = outclass;
										}
										// now, move back to 1
										document.getElementById(mainID).scrollLeft = 0;
									}
				});
			}
		}
		
	}
