var PreviewImg = 1;	1
var pad = '0';
var previewStage = 'out';
var previewTimer = 0;
var opacity = 0;
var menu;
var theTop = 30;
var old = theTop;
var oldH = 10;
var newH = 10;
var diff = 0;
var moveIt = 0;
var initPreviewImgTimer = 0;
var pause = 0;

function previewOn(img){
	document.getElementById('preview').style.opacity=1;
	if(typeof previewOff_timer == "number") {
   	window.clearTimeout(previewOff_timer);
      delete previewOff_timer;
    }
	document.getElementById('preview').src='images/'+img;
}

function previewOff(img){
	previewOff_timer=window.setTimeout('doIt()', 5000);
}

function doIt(){
	previewOff_timer=window.setTimeout('fadeOut()', 100);
}

function fadeOut(){
	if (document.getElementById('preview').style.opacity>0){
		document.getElementById('preview').style.opacity=document.getElementById('preview').style.opacity-0.01;
	}
	else {
		document.getElementById('preview').src='images/'+'blank.gif';
	}
	previewOff_timer=window.setTimeout('fadeOut()', 25);
}

function previewIt(){
	document.getElementById('previewIt').style.top = document.documentElement.scrollTop+10;
	// Added this bit as some slower connections missed the init. In fact this works better, may drop init.
	if ((PreviewImg > 1) && (document.getElementById('previewIt').height < 2)) {
		PreviewImg = 2;
		document.getElementById('previewIt').style.opacity = 0;
		previewStage = 'in';
		opacity = 0;
		document.getElementById('previewIt').src='images/preview_01.jpg';
		pause = 500;
	}
	else if ((document.getElementById('previewIt').style.opacity>0)&&(previewStage == 'out')){
		document.getElementById('previewIt').style.opacity=document.getElementById('previewIt').style.opacity-0.01;
		opacity = 0;
	}
	else if ((document.getElementById('previewIt').style.opacity==0)&&(previewStage == 'out')) {
		if (PreviewImg < 10 ){
			pad = '0';
		}
		else {
			pad = '';
		}
		
		document.getElementById('previewIt').src='images/'+'preview_'+pad+PreviewImg+'.jpg';

		PreviewImg=PreviewImg+1;

		previewStage = 'in';
		opacity = 0;
	}
	else if ((document.getElementById('previewIt').style.opacity<1)&&(previewStage == 'in')){
		oldH = document.getElementById('preview').style.top.replace('px','')*1;
		newH = document.documentElement.scrollTop+document.getElementById('previewIt').height+20;
		diff = oldH - newH;
		if (diff == 0){
			opacity=opacity+0.01;
			document.getElementById('previewIt').style.opacity=opacity;
		}
		else {
			if (diff < 0){
				moveIt = oldH+1;
			}
			else
			{
				moveIt = oldH-1;
			}
			document.getElementById('preview').style.top = moveIt;
		}
		previewTimer = 0;
	}
	else {
		opacity = 0;
		previewTimer=previewTimer+1; 
		if (previewTimer >= 200){
			previewStage = 'out';
			previewTimer=0;
		}
	}
	previewIt_timer=window.setTimeout('previewIt()', 25+pause);
	pause = 0;
}

window.onload = function () {	
	document.getElementById('previewIt').style.top = 10;
	document.getElementById('previewIt').style.opacity = 0;
	document.getElementById('previewIt').src='images/preview_01.jpg';
	document.getElementById('preview').style.top = document.documentElement.scrollTop+document.getElementById('previewIt').height+20;
	previewIt();
}