// JavaScript Document
<!--
var HTML, Gwin = null, pic = new Array(); 
var path = 'https://www.kidscreations.com/images/'; //images directory 
/* URLS below, as shown */ 
pic[0] = {src: 'rock.jpg', obj: null, width: null, height: null, title: 'RockWall Rocks', loaded: false }
pic[1] = {src: 'wall.jpg', obj: null, width: null, height: null, title: 'Rock Climbing Wall', loaded: false }
pic[2] = {src: 'blueslide.jpg', obj: null, width: null, height: null, title: 'Blue Wave Slide', loaded: false }
pic[3] = {src: 'greenslide.jpg', obj: null, width: null, height: null, title: 'Green Wave Slide', loaded: false }
pic[4] = {src: 'ramp.jpg', obj: null, width: null, height: null, title: 'Draw Bridge', loaded: false }
pic[5] = {src: 'table.jpg', obj: null, width: null, height: null, title: 'Picnic Table', loaded: false }
pic[6] = {src: 'tireswing.jpg', obj: null, width: null, height: null, title: 'Tire Swing', loaded: false }
pic[7] = {src: 'scoop-slideY.jpg', obj: null, width: null, height: null, title: '14 ft Wave Slide', loaded: false }
pic[8] = {src: 'spiral-slide2.jpg', obj: null, width: null, height: null, title: 'Spiral Slide', loaded: false }
pic[9] = {src: 'glider.jpg', obj: null, width: null, height: null, title: 'Glider', loaded: false }
pic[10] = {src: 'blueswing.jpg', obj: null, width: null, height: null, title: 'Belt Swing Blue', loaded: false }
pic[11] = {src: 'greenswing.jpgg', obj: null, width: null, height: null, title: 'Belt Swing Green', loaded: false }
pic[12] = {src: 'redswing.jpg', obj: null, width: null, height: null, title: 'Belt Swing Red', loaded: false }
pic[13] = {src: 'yellowswing.jpg', obj: null, width: null, height: null, title: 'Belt Swing Yellow', loaded: false }
pic[14] = {src: 'baby-swing.jpg', obj: null, width: null, height: null, title: 'Baby Swing', loaded: false }
pic[15] = {src: 'yellowdisc.jpg', obj: null, width: null, height: null, title: 'Disc Rope Swing', loaded: false }
pic[16] = {src: 'bluewheel.jpg', obj: null, width: null, height: null, title: 'Steering Wheel Blue', loaded: false }
pic[17] = {src: 'bluetelescope.jpg', obj: null, width: null, height: null, title: 'Telescope Blue ', loaded: false }
pic[18] = {src: 'monkey-bar.jpg', obj: null, width: null, height: null, title: 'Monkey Bars', loaded: false }
pic[19] = {src: 'bar.jpg', obj: null, width: null, height: null, title: 'Trapeze Bar', loaded: false }
pic[20] = {src: 'bouy-ball.jpg', obj: null, width: null, height: null, title: 'Bouy Ball', loaded: false }
pic[21] = {src: 'bluehandle.jpg', obj: null, width: null, height: null, title: 'Safety Handle_Blue', loaded: false }
pic[22] = {src: 'snap-clip.jpg', obj: null, width: null, height: null, title: 'Snap Clips', loaded: false }
pic[23] = {src: 'swing-hanger.jpg', obj: null, width: null, height: null, title: 'Swing Hangers', loaded: false }
pic[24] = {src: 'funride.jpg', obj: null, width: null, height: null, title: 'Snap Clips', loaded: false }
pic[25] = {src: 'funride.jpg', obj: null, width: null, height: null, title: 'Swing Hangers', loaded: false }
pic[26] = {src: 'funridesuperz.jpg', obj: null, width: null, height: null, title: 'Snap Clips', loaded: false }
pic[27] = {src: 'airshow.gif', obj: null, width: null, height: null, title: 'Swing Hangers', loaded: false }
pic[28] = {src: 'twizzler.jpg', obj: null, width: null, height: null, title: 'Snap Clips', loaded: false }
pic[29] = {src: 'springswingsingle.jpg', obj: null, width: null, height: null, title: 'Swing Hangers', loaded: false }
pic[30] = {src: 'springswingdouble.jpg', obj: null, width: null, height: null, title: 'Swing Hangers', loaded: false }
//preloader 
for (var i=0; i<pic.length; ++i) { 
pic[i].obj = new Image(); 
pic[i].obj.onload = new Function( 
'pic['+i+'].width=this.width;' + 
'pic['+i+'].height=this.height;' + 
'pic['+i+'].loaded=true;' 
); 
pic[i].obj.src = path + pic[i].src; 
} 

function graphwin(picObj) { 
if (Gwin && !Gwin.closed) Gwin.close(); 
if (!arguments.length) return; 
if (picObj.loaded) { 
HTML = ''; 
HTML += '<html><head><title>'+picObj.title+'</title><script type="text/javascript">'; 
HTML += 'onblur=function(){setTimeout("self.focus()",3000)};'; 
HTML += 'onload=function(){self.focus()};'; 
HTML += '<\/script><style type="text/css">'; 
HTML += 'a.c{font:200 10px arial;color:white;text-decoration:none;}'; 
HTML += 'a:hover{color:#ffff00;background:#0000aa;}</style></head>'; 
HTML += '<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" bgcolor="steelblue">'; 
HTML += '<img border="0" width="'+picObj.width+'" height="'+picObj.height+'" '; 
HTML += 'src="'+ path + picObj.src+'">'; 
HTML += '<table width="100%" cellspacing="0" cellpadding="0" border="1"><tr>'; 
HTML += '<td align="center" bgcolor="steelblue">'; 
HTML += '<a class="c" href="javascript:self.close()">close</a>'; 
HTML += '</td></tr></table></body></html>'; 
Gleft = 0; // screen.availWidth/2 - picObj.width/2; 
Gtop = 0; // screen.availHeight/2 - picObj.height/2; 
var attr = 'width='+picObj.width+',height='+(picObj.height+16); 
attr += ',left='+Gleft+',top='+Gtop+',status=0'; 
Gwin = window.open('javascript:opener.HTML','Gwin',attr); 
} 
}
//-->