imgsrc='pages/';
axo=false;
// Interactive Product Selector © Pattern Jugglers Ltd 2008
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
// determine hide/show method by browser capabilities
	if (document.layers) {
		var hsmeth = 1;}
	else if (document.all) {
		var hsmeth = 2;}
	else {
		var hsmeth = 3;}
// Animation scripts to match steelandtube.co.nz corporate site 
// initiallycopied wholesale from source 7/01/2007
	var hidfluff = 'false';
	var Pic = new Array();
	Pic[0] = imgsrc + 'banners/01.jpg';
	Pic[1] = imgsrc + 'banners/02.jpg';
	Pic[2] = imgsrc + 'banners/03.jpg';
	Pic[3] = imgsrc + 'banners/04.jpg';
	Pic[4] = imgsrc + 'banners/05.jpg';
	Pic[5] = imgsrc + 'banners/06.jpg';
	Pic[6] = imgsrc + 'banners/07.jpg';
	var direction = 0;
	var t;
	var jj = 0;
	var p = Pic.length;
	var miniPreload = new Array();
	var madefluff = 0;
	for (i = 0; i < p; i++) {
		miniPreload[i] = new Image();
		miniPreload[i].src = Pic[i];
	}
function makefluff() {
// insert big pictures last to make response snappier
//	$('fluff').innerHTML = '<div id="banner-div" style="width: 998px; height: 220px; background-image: pages/url(banners/01.jpg); background-repeat: no-repeat; background-position: 0pt;"><img style="opacity: 0;" id="banner-image" src="pages/banners/01.jpg" height=220px></div>';
	ttt = setTimeout('fadeinto(\'fluffoff2\',65)', 1);
	madefluff = 1;
}
function ToggleSlideshow(){togglefluff()}
function togglefluff() {
	clearTimeout(t);
	if (madefluff == 0) {hidfluff=='false';makefluff();runSlideShow();}
	if(hidfluff=='false'){
		changeOpac('95', 'navstuff');
		$('navstuff').style.top='444px';
		JSFX_FloatDiv('navstuff', 0, 56, 56).floatIt();
		hidfluff = 'true';
		dispgrp('','fluffholder');
		$('unfluff').src = imgsrc + 'topnav/growslide.gif';
		createCookie('noslideshow','true');
	}
	else {
		clearTimeout(xx);
		JSFX_FixDiv('navstuff', 0, 281).floatIt();
		changeOpac('100', 'navstuff');
		hidfluff = 'false';
		dispgrp('fluffholder','');
		$('unfluff').src = imgsrc + 'topnav/killslide.gif';
		rebootSlideShow();
		ttt = setTimeout('fadeinto(\'fluffoff2\',65)', 1);
		createCookie('noslideshow','false');
	}
}
function rebootSlideShow() {
	clearTimeout(t);
	var Pic = new Array();
	Pic[0] = imgsrc + 'banners/01.jpg';
	Pic[1] = imgsrc + 'banners/02.jpg';
	Pic[2] = imgsrc + 'banners/03.jpg';
	Pic[3] = imgsrc + 'banners/04.jpg';
	Pic[4] = imgsrc + 'banners/05.jpg';
	var direction = 0;
	var t;
	var jj = 0;
	var p = Pic.length;
	var miniPreload = new Array();
	for (i = 0; i < p; i++) {
		miniPreload[i] = new Image();
		miniPreload[i].src = Pic[i];
	}
	runSlideShow();
}
function runSlideShow() {
	blendImage("banner-div", "banner-image", miniPreload[jj].src, 1000);
	cwx = document.body.clientWidth;
	if(direction == 0) {
		direction = 1;
	}
	else {
		direction = 0;
	}
	jj = jj + 1;
	if (jj > (p - 1)) {
		jj = 0;
	}
	t = setTimeout('runSlideShow()', 5000);
}
function changeOpac(opacity, id) {
	var object = $(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}
function blendImage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	if(direction == 0) {
		$(divid).style.backgroundImage = "url('" + imagefile + "')";
		for(i = 100; i >= 0; i--) {
			setTimeout("changeOpac(" + i + ",'" + imageid + "')", (timer * speed));
			timer++;
		}
	}
	else {
		$(imageid).src = imagefile;
		for(i = 0; i <= 100; i++) {
			setTimeout("changeOpac(" + i + ",'" + imageid + "')", (timer * speed));
			timer++;
		}
	}
}
function dispbl(itemid, vis) {
	try {
	switch (hsmeth) {
		case 1 :
			document.layers[itemid].display = vis;
		break;
		case 2 :
			document.all[itemid].style.display = vis;
		break;
		default:
			$(itemid).style.display = vis;
		}
	}
	catch (err) {}
}
function dispgrp(showid, hideid) {
// show or hide a group of elements
	var s = new Array();
	s = showid.split(',');
	h = hideid.split(',');
	switch (hsmeth) {
		case 1 :
			for(sc = 0; sc < s.length; sc++) {
				if(s[sc].length>0) {try{document.layers[s[sc]].display = ''} catch(e){}};
			}
			for(hc = 0; hc < h.length; hc++) {
				if(h[hc].length>0) {try{document.layers[h[hc]].display = 'none'} catch(e){}};
			}
		break;
		case 2 :
			for(sc = 0; sc < s.length; sc++) {
				if(s[sc].length>0) {try{if(document.all[s[sc]].style.display != ''){document.all[s[sc]].style.display = ''}} catch(e){}};
			}
			for(hc = 0; hc < h.length; hc++) {
				if(h[hc].length>0) {try{if(document.all[h[hc]].style.display != 'none'){document.all[h[hc]].style.display = 'none'}} catch(e){}};
			}
		break;
		default:
			for(sc = 0; sc < s.length; sc++) {
				if(s[sc].length>0) {try{$(s[sc]).style.display = ''} catch(e){}};
			}
			for(hc = 0; hc < h.length; hc++) {
				if(h[hc].length>0) {try{$(h[hc]).style.display = 'none'} catch(e){}};
			}
		}
	return (s.length + h.length)
}
function JSFX_FloatDiv(id, sx, sy, offs) {
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	if(document.layers) {var px=""} else {var px="px"};
	window[id + "_obj"] = el;
	if(d.layers)el.style=el;
	el.cx = el.sx = sx;el.sy = sy;
	el.cx = sy + document.body.scrollLeft;
	el.cy = sy + document.body.scrollTop;
	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
	el.floatIt=function() {
		var pX, pY;
		if (ns) {pX=pageXOffset} else {if (document.documentElement && document.documentElement.scrollLeft) {pX=document.documentElement.scrollLeft} else {pX=document.body.scrollLeft}};
		if (ns) {pY=pageYOffset} else {if (document.documentElement && document.documentElement.scrollTop) {pY=document.documentElement.scrollTop} else {pY=document.body.scrollTop}};
		if(this.sy<0) {
			if (ns) {pY+=innerHeight} else {if (document.documentElement && document.documentElement.clientHeight) {pY+=document.documentElement.clientHeight} else {pY+=document.body.clientHeight}};
		}
		this.cx =0;
		if (pY > offs) {offs1 = offs} else {offs1 = 0};
		this.cy += (pY + this.sy - this.cy - offs1)/8;
		this.sP(this.cx, this.cy);
		xx = setTimeout(this.id + "_obj.floatIt()", 40);
	};
	return el;
}
function JSFX_FixDiv(id, sx, sy) {
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	if(document.layers) {var px=""} else {var px="px"};
	window[id + "_obj"] = el;
	if(d.layers)el.style=el;
	el.cx = el.sx = sx;el.sy = sy;
	el.cx = sy + document.body.scrollLeft;
	el.cy = sy + document.body.scrollTop;
	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
	el.floatIt=function() {
		var pX, pY;
		if (ns) {pX=pageXOffset} else {if (document.documentElement && document.documentElement.scrollLeft) {pX=document.documentElement.scrollLeft} else {pX=document.body.scrollLeft}};
		if (ns) {pY=pageYOffset} else {if (document.documentElement && document.documentElement.scrollTop) {pY=document.documentElement.scrollTop} else {pY=document.body.scrollTop}};
		if(this.sy<0) {
			if (ns) {pY+=innerHeight} else {if (document.documentElement && document.documentElement.clientHeight) {pY+=document.documentElement.clientHeight} else {pY+=document.body.clientHeight}};
		}
		this.cx =0;
		this.cy += (this.sy - this.cy)/8;
		this.sP(this.cx, this.cy);
		x0x = setTimeout(this.id + "_obj.floatIt()",0 );
	};
	return el;
}
function popme() {
	cwx = document.body.clientWidth;
	chy = document.body.clientHeight;
	changeOpac(0,'zoomtile');
	$("zoomtile").style.top = document.body.scrollTop;
	$("zoomtile").style.left = cwx +document.body.scrollLeft;
	$("zoomtile").style.width = cwx;
	$("zoomtile").style.height = chy;
	$("zoomtile").style.display = '';
	stepc = cwx / 90;
	nl = cwx+document.body.scrollLeft;
	for (i=0;i <=90;i++) {
		var t2 = setTimeout('changeOpac(' +i+',\'zoomtile\')',6*i);
		var t3 = setTimeout('changeOpac(' +(i+10)+',\'zoomtile\')',6*i);
		var p2 = setTimeout('$("zoomtile").style.left ='+nl,1.5*i);
		;
		nl -= stepc;
	}
	var p2 = setTimeout('$("zoomtile").style.left ='+document.body.scrollLeft,1.5*90);
	var xx;
}
function popout() {
	cwx = document.body.clientWidth;
	chy = document.body.clientHeight;
	$("zoomtile").style.top = document.body.scrollTop;
	$("zoomtile").style.left = cwx +document.body.scrollLeft;
	$("zoomtile").style.width = cwx;
	$("zoomtile").style.height = chy;
	stepc = cwx / 96;
	nl = document.body.scrollLeft;
	for (i=0;i <=95;i++) {
		k = 95-i;
		var t2 = setTimeout('changeOpac(' +k+',\'zoomtile\')',6*i);
		var t3 = setTimeout('changeOpac(' +k+',\'zoomtilex\')',6*i);
		var p2 = setTimeout('$("zoomtile").style.left ='+nl,6*i);
		var p3 = setTimeout('$("zoomtilex").style.left ='+nl,6*i);
		nl += stepc;
	}
	var q2 = setTimeout('$("zoomtile").style.display = \'none\'',8*i);
	var q3 = setTimeout('$("zoomtilex	").style.display = \'none\'',8*i);
}
function popout2() {
	cwx = document.body.clientWidth;
	for (i=0;i<=cwx;i++) {
		setTimeout('$(\'zoomtile\').style.left = '+i,700);
	}
}
function showsingle(unid,linkmode,thisurl) {
// hides most elements when we need to show a destination in iframe
//set back command so this works OK
	lockme = true;
	dispgrp('','singlething,homestuff,aboutstuff,foundstuff2,searchstuff');
	newh = ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 	document.documentElement.clientHeight : document.body.clientHeight;
	if(document.layers) {var px=""} else {var px="px"};
	$('iframe1').style.height = (newh -100)  + px;
	fadein('singlething');
	vbm = getval('backcommand').split('&ItemID')[0] + '&ItemID='+thisurl;
	seti ('sthold','<span name="' + vbm + '" style="display:none">');
	setval('backcommand',vbm.split(' ').join('%20'));
	poptop();
	if(hidfluff=='false'){window.scroll(0,280)} else {window.scroll(0,0)}
}
function go_back() {
history.back()
}
function putme(id,sx,sy) {
// place a floating div somewhere
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	el.style.width=document.documentElement.clientWidth + 'px';
	newh = ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 	document.documentElement.clientHeight : document.body.clientHeight;
	if(document.layers) {var px=""} else {var px="px"};
	el.style.height = newh + px;
	window[id + "_obj"] = el;
	if(d.layers)el.style=el;
	el.cx = el.sx = sx;el.sy = sy;
	bob = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
	var pX, pY;
	if (ns) {pX=pageXOffset} else {if (document.documentElement && document.documentElement.scrollLeft) {pX=document.documentElement.scrollLeft} else {pX=document.body.scrollLeft}};
	if (ns) {pY=pageYOffset} else {if (document.documentElement && document.documentElement.scrollTop) {pY=document.documentElement.scrollTop} else {pY=document.body.scrollTop}};
	if(el.sy<0) {
		if (ns) {pY+=innerHeight} else {if (document.documentElement && document.documentElement.clientHeight) {pY+=document.documentElement.clientHeight} else {pY+=document.body.clientHeight}};
	}
	el.cx = sx+ document.body.scrollLeft;
	el.cy = sy;
	el.sP(el.cx+pX, el.cy+pY);
}
function fadein(id) {
	if(axo) {
		changeOpac(100,id);
		dispgrp(id,'');
	}
	else {
		changeOpac(0,id);
		dispgrp(id,'');
		for (i=0;i <=100;i++) {
			var t2 = setTimeout('changeOpac(' +i+',\''+id+'\')',4.5*i);
		}
	}
}
function fadeinto(id,op) {
	if(axo) {
		changeOpac(op,id);
		dispgrp(id,'');
	}
	else {
		changeOpac(0,id);
		dispgrp(id,'');
		for (i=0;i <=op;i++) {
			var t2 = setTimeout('changeOpac(' +i+',\''+id+'\')',4.5*i);
		}
	}
}	
function fadeout(id) {
	if(axo) {
		dispgrp('',id);
	}
	else {
		dispgrp(id,'');
		for (i=0;i <=100;i++) {
			var t2 = setTimeout('changeOpac(' + (100-i) +',\''+id+'\')',4.5*i);
		}
		var t3 = setTimeout('dispgrp(\'\',\'' + id +'\')',451);
	}
}
function fadeoutfr(id,op) {
	dispgrp(id,'');
	for (i=0;i <=op;i++) {
		var t2 = setTimeout('changeOpac(' + (100-i) +',\''+id+'\')',4.5*i);
	}
	var t3 = setTimeout('dispgrp(\'\',\'' + id +'\')',451);
}
function ClosePopup() {
	lockme = true;
	fadeout('zoomcanvas');
}
function show_effect(id) {
}
function Back_To_Top() {scroll(0,0)}