var ns4 = document.layers;
var op5 = (navigator.userAgent.indexOf("Opera 5")!=-1) ||(navigator.userAgent.indexOf("Opera/5")!=-1);
var op6 = (navigator.userAgent.indexOf("Opera 6")!=-1) ||(navigator.userAgent.indexOf("Opera/6")!=-1);
var agt=navigator.userAgent.toLowerCase();
var mac = (agt.indexOf("mac")!=-1);
var ie = (agt.indexOf("msie") != -1);
var mac_ie = mac && ie;

function getStyleObject(objectId) {
	if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;
	} else if (document.all && document.all(objectId)) {
		return document.all(objectId).style;
	} else if (document.layers && document.layers[objectId]) {
		return getObjNN4(document,objectId);
	} else {
		return false;
	}
}

function changeObjectVisibility(objectId, newVisibility) {
	var styleObject = getStyleObject(objectId, document);
	if(styleObject) {
		styleObject.visibility = newVisibility;
		return true;
	} else {
		return false;
	}
}

function findImage(name, doc) {
	var i, img;
	for (i = 0; i < doc.images.length; i++) {
		if (doc.images[i].name == name) {
			return doc.images[i];
		}
	}
	for (i = 0; i < doc.layers.length; i++) {
		if ((img = findImage(name, doc.layers[i].document)) != null) {
			img.container = doc.layers[i];
			return img;
		}
	}
	return null;
}

function getImage(name) {

	if (document.layers) {
		return findImage(name, document);
	}
	return null;
}

function getObjNN4(obj,name)
{
	var x = obj.layers;
	var foundLayer;
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id == name)
		foundLayer = x[i];
		else if (x[i].layers.length)
		var tmp = getObjNN4(x[i],name);
		if (tmp) foundLayer = tmp;
	}
	return foundLayer;
}

function getElementHeight(Elem) {
	if (ns4) {
		var elem = getObjNN4(document, Elem);
		return elem.clip.height;
	} else {
		var elem;
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}
		if (op5) {
			xPos = elem.style.pixelHeight;
		} else {
			xPos = elem.offsetHeight;
		}
		return xPos;
	}
}

function getElementWidth(Elem) {
	if (ns4) {

		var elem = getObjNN4(document, Elem);
		return elem.clip.width;
	} else {

		var elem;

		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}

		show(elem.style);
		if (op5) {
			xPos = elem.style.pixelWidth;
		} else {
			xPos = elem.style.width;
		}
		;
		return xPos;
	}
}

function getElementLeft(Elem) {
	if (ns4) {
		var elem = getObjNN4(document, Elem);
		return elem.pageX;
	} else {
		var elem;
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}
		xPos = elem.offsetLeft;
		tempEl = elem.offsetParent;
		while (tempEl != null) {
			xPos += tempEl.offsetLeft;
			tempEl = tempEl.offsetParent;
		}
		return xPos;
	}
}


function getElementTop(Elem) {
	if (ns4) {
		var elem = getObjNN4(document, Elem);
		return elem.pageY;
	} else {
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all) {
			var elem = document.all[Elem];
		}
		yPos = elem.offsetTop;
		tempEl = elem.offsetParent;
		while (tempEl != null) {
			yPos += tempEl.offsetTop;
			tempEl = tempEl.offsetParent;
		}
		return yPos;
	}
}


function getImageLeft(myImage) {
	var x, obj;
	if (document.layers) {
		var img = getImage(myImage);
		if (img.container != null)
		return img.container.pageX + img.x;
		else
		return img.x;
	} else {
		return getElementLeft(myImage);
	}
	return -1;
}

function getImageTop(myImage) {
	var y, obj;
	if (document.layers) {
		var img = getImage(myImage);
		if (img.container != null)
		return img.container.pageY + img.y;
		else
		return img.y;
	} else {
		return getElementTop(myImage);
	}
	return -1;
}

function getImageWidth(myImage) {
	var x, obj;
	if (document.layers) {
		var img = getImage(myImage);
		return img.width;
	} else {
		return getElementWidth(myImage);
	}
	return -1;
}

function getImageHeight(myImage) {
	var y, obj;
	if (document.layers) {
		var img = getImage(myImage);
		return img.height;
	} else {
		return getElementHeight(myImage);
	}
	return -1;
}

function moveXY(myObject, x, y) {
	obj = getStyleObject(myObject)
	if (ns4) {
		obj.top = y;
		obj.left = x;
	} else {
		if (op5) {
			obj.pixelTop = y;
			obj.pixelLeft = x;
		} else {
			obj.top = y + 'px';
			obj.left = x + 'px';
		}
	}
}

function changeClass(Elem, myClass) {
	var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	elem.className = myClass;
}

function changeImage(target, source) {
	var imageObj;

	if (ns4) {
		imageObj = getImage(target);
		if (imageObj) imageObj.src = source;
	} else {
		imageObj = eval('document.images.' + target);

		if (imageObj) imageObj.src = source;
	}
}

function changeBGColour(myObject, colour) {
	if (ns4) {
		var obj = getObjNN4(document, myObject);
		obj.bgColor=colour;
	} else {
		var obj = getStyleObject(myObject);
		if (op5) {
			obj.background = colour;
		} else {
			obj.backgroundColor = colour;
		}
	}
}

function show_props_R (obj, obj_name, equ, delim, depth) {
	var result = ''
	depth--
	for (var i in obj) {
		if (parseInt (navigator.appVersion)==2)
		var typ= 'number'     // Netscape 2.0 doesn't know about typeof
		else
		var typ= typeof (obj[i])
		if (typ=='number' && i=='length') continue
		var del= (typ=='string') ? '"' : ''
		var suf= (typ!='string' && typ!='number' && typ!='object') ?
		' ('+typ+')' : ''
		result += obj_name+'.'+i+equ+del+obj[i]+del+suf+delim
		if (depth>0)// && typ=='object')
		result += show_props_R (obj[i], obj_name+'.'+i, equ, delim, depth)
	}
	return result;
}

function show (object, depth) {
	var str= show_props_R (eval (object), object, '=</TD><TD VALIGN=TOP>',
	'</TD></TR>\n<TR><TD VALIGN=TOP>', depth)
	//Output everything in one go. Required for Netscape 3.0b5, which forgets
	//everything once we start writing to the new page.
	document.writeln ('<TABLE>\n<TR><TD>',str,'</TABLE>')
	//Finish off page (needed for Netscape 3.0b4 and before).
	document.close()
}

function thumbwidth(url,id) {
	var max_width;

	max_width = document.body.clientWidth;
	
	changeImage('image'+id, url+'&w='+max_width/2.4);
}


function showImage (url, name, w, h) {
	var n3 = (navigator.appName.indexOf('Netscape')!=-1 && navigator.appVersion.indexOf('3.')!=-1)?true:false;
	var ww = (n3)?(parseInt(w)+15):parseInt(w);
	var wh = (n3)?(parseInt(h)+15):parseInt(h);
	var winname = (name.indexOf(' ')!=-1)?name.substring(0, name.indexOf(' ')):name;
	var wnd = window.open('', winname, 'width='+ww+',height='+(wh));
 	var code = '<html><head>\n<title>'+name+'</title></head>\n'+
			   '<body bgcolor="White" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>\n'+
               '<SCRIPT language="JavaScript" src="http://www.perfectlyvintage.co.uk/site/javascript/right.js"></SCRIPT>'+
			   '<center><img src="' + url + '" onLoad="window.focus();" style="cursor:hand" alt="Close" onClick="window.close();" name="main_img"><br><font face=sans-serif size=11px><span style=\"font:11px sans-serif">'+
			   name + '</span></font></center></body></html>';
	wnd.document.write(code);
	wnd.document.close();
}