// Copyright © 2006 Web Maintenance - WebMaintenance.co.uk
// If you copy the code please recognise the effort by referring to webmaintenance.co.uk in the code notes
var vstep = 35;
var vstepstore = vstep;
var vspeed =20;
var vslow = 0.91;
var ie=document.all;
var dom=document.getElementById;
var i=0;
var panimage=new Array();
var panoref=new Array();
var vproject = "";
var vpanaramic = false;
var vstill = true;

function ul(id,imgno) {
	var src = "../images/spacer" + imgno +".gif";
	oUl = document.getElementById("ul"+id);
	oUl.src = src;
}

function popupopacity(opacity) {
	panoramicwindowx.style.opacity = opacity / 10;
	panoramicwindowx.style.filter = 'alpha(opacity=' + opacity * 10 + ')';
}

function popupfadein() {
	for( var i =0 ; i <=100 ; i++ ) {
		setTimeout( 'popupopacity(' + (i / 10) + ')' , 6 * i);
	}
}

function popupclose() {
	panoramicwindowx.style.display = 'none';
}

function panolinkclose() {
	for( var i =0 ; i <=100 ; i++ ) {
		setTimeout( 'popupopacity(' + (10 - i / 10) + ')' , 6 * i);
	}
	setTimeout('popupclose()', 800 );
}

function panolinkclick(imageurl) {
	popupopacity(0);
	panoramicwindowx.style.display = 'block';
	panoramicwinimg.src = imageurl;
	popupfadein();
}

function panoramicwindow(ppos){
	panoramicwindowx.style.display = 'block';
	panoramicwinimg.src = panoref[ppos];
}

function pan(pdiv1,pdiv2,ppoint,pselarr,ppos){
	vstill = false;
	vpos = ppos;
	vselarr = pselarr;
	vpoint = ppoint;
	tdiv1=eval(pdiv1);
	tdiv2=eval(pdiv2);
	vleft1 = parseInt(tdiv1.style.left);
	vleft2 = parseInt(tdiv2.style.left);
	if (vpos == vselarr.length-1) {
			vstep = vstep * vslow;
	}
	if (vstep < 1) {
		vstep = 1;
	}
	if (((vleft1 + (vstep * vpoint))* vpoint) < tdiv1.offsetWidth) {
		tdiv1.style.left = vleft1 + (vstep * vpoint) + "px";
		tdiv2.style.left = vleft1 + (vstep * vpoint) - (tdiv1.offsetWidth * vpoint) + "px";
		setTimeout("pan(tdiv1,tdiv2,vpoint,vselarr,vpos)",vspeed);
	}else{
		tdiv1.style.left=tdiv1.offsetWidth;
		tdiv2.style.left="0px";
		if (vpos >= vselarr.length-1) {
			vstep = vstepstore;
			if (vpanaramic) {
				document.getElementById("panoramiclink").innerHTML = "<a href='#' onclick='panoramicwindow(" + vselarr[vpos] + ");'><img src='../images/enlargeoff.gif' align='top' width='40' height='41' id='enlarge'>Enlarge Image</a>";
			}else{
				document.getElementById("panoramiclink").innerHTML = "<img src='../images/spacer1.gif' id='enlarge'>";
			}
			vstill = true;
			return;
		}
		vpos++;
		tdiv1.innerHTML = panimage[vselarr[vpos]];
		setTimeout("pan(tdiv2,tdiv1,vpoint,vselarr,vpos)",vspeed);
	}
}
	
function action(ptdiv1,ptdiv2,pimgsel) {
	var vimgcnt = panimage.length;
	var vto = pimgsel;
	var selimage=new Array();
	vcnta = 0;
	vto = vto - 1;
	vfrom = i;
	if (vfrom != vto) {
		vresult = vto - vfrom;
		if (vresult > 0) {
			for(var vcnt = vfrom ; vcnt <= vto ; vcnt++){
				vindex = vcnt;
				selimage[vcnta] = vindex;
				vcnta++;
			}
			ptdiv1.innerHTML=panimage[selimage[0]];
			ptdiv1.style.left="0px";
			ptdiv2.innerHTML=panimage[selimage[1]];
			ptdiv2.style.left="346px";
			pan(ptdiv1,ptdiv2,-1,selimage,1);
			
		}else{
			for(var vcnt = vfrom ; vcnt >= vto ; vcnt--){
				vindex = vcnt;
				selimage[vcnta] = vindex;
				vcnta++;
			}
			ptdiv1.innerHTML=panimage[selimage[0]];
			ptdiv1.style.left="0px";
			ptdiv2.innerHTML=panimage[selimage[1]];
			ptdiv2.style.left="-346px";
			pan(ptdiv1,ptdiv2,1,selimage,1);
		}
		i = vto;
	}else{
		ptdiv1.innerHTML=panimage[vto];
	}
}

function transition(pimage){

if (vstill) {
var vimgsel = pimage.substring(3,4);

vproject = pimage.substring(0,3);

if (pimage.substring(4,8) == "pan") {
	vpanaramic = true;
} else {
	vpanaramic = false;
}

for(var j = 0 ; j <= 4 ; j++){
	panimage[j]='<img src="../images/gallery/full/' + vproject + (j+1) + '.jpg">';
	panoref[j]='../images/gallery/full/' + vproject + (j+1) + '_pan.jpg';
}

if (ie) {
	div1 = document.all.first;
	div2 = document.all.second;
	action(div1,div2,vimgsel);
} else if (dom) {
	div1 = document.getElementById("first");
	div2 = document.getElementById("second");
	action(div1,div2,vimgsel);
}
}
}