
<!--
//checking for browser information
var browserVersion=parseInt(navigator.appVersion);
var version=""				// browser version var javascript support true or false

if ((navigator.appName == "Netscape" && browserVersion>=3) || (navigator.appName == "Opera" && browserVersion>=6) || (navigator.appName == "Microsoft Internet Explorer" && browserVersion>=4)) { version=true; }
else {version=false;}

if (!version)
	{
		alert("You are not using a browser that can deal with JavaScript. This game can not be played.");
	}

function showSample()
{
	params="toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=550,height=450"

	showSamplewindow=open('','showSamplewindow',params);
	showSamplewindow.document.write('<html><head><title>Sample</title></head>');
	showSamplewindow.document.write('<body bgcolor="#000000" onLoad="window.focus(); timeout=setTimeout(\'window.close()\',1500);">');
	showSamplewindow.document.write('<table cellspacing=0 cellpadding=0 border=0><tr><td align=center><img src=puzzle/images1/idea.jpg></td></tr></table></body></html>');
	showSamplewindow.document.close();
}

var slidewidth=130; 	//width of sliding piece
var slideheight=130;	//height of sliding piece

var rasterwidth=3; //how many pieces or grid sections
var rasterheight=3;

var blankx=1; 		//raster postition for blank piece
var blanky=3;
var blank="puzzle/images1/slide13.jpg";


var imgdir="puzzle/images1"; 			// folder for all images
var filetype="jpg";

var moves=0;
var shuffle=150; 		//times shuffled
var startx=starty=-1;		// reverse a move

var action=false;

function buildraster(){

	document.write('<table cellspacing="0" cellpadding="0" border="1" width=',rasterwidth*slidewidth,'  height=',rasterheight*slideheight,' bgcolor="#808080">');

	document.write(' <tr><td align="middle"><table cellspacing="1" cellpadding="0" border="0" summary="layout table">');


	for(y=1;y<=rasterheight;y++)
	{
		document.write('<tr>');

		for(x=1;x<=rasterwidth;x++)
		{

			var piece=imgdir+"/slide"+x+y+"."+filetype;

			if (version)
			{
				document.write('<td><a href="#slide" onfocus=blur(); onClick="slide(',x,',',y,',false);"><img alt="Click to slide" src="',piece,'" name="tile',x,y,'" width=',slidewidth,' height=',slideheight,' border=0></a></td>');
			}
			else
			{
				document.write('<td><img alt="(',x,',',y,')" src="',piece,'" width=',slidewidth,' height=',slideheight,' border=0></td>');
			}
		}
	document.write('</tr>');
	}
	document.write('</tr></table></td></tr></table><br>');
	document.write('<a href="#slide" onclick="randomSlide(shuffle);">Shuffle Pieces</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
	document.write('<a href="#slide" onclick="showSample();">Show Sample</a>');

}


function slide(selectedx,selectedy,setready)
{
	if (!action && !setready)
	{
		
	alert("You must shuffle before you can move the pieces!");
	randomSlide(shuffle);
	return;
		
	}
	
	// if the blank is selected nothing happens
	if((selectedx==blankx)&& (selectedy==blanky)) return;
	
	if ((action || setready) && ((selectedx==blankx) || (selectedy==blanky)))
	{
		if (selectedy>blanky) slideDirection(selectedx,selectedy,'up');
		if (selectedy<blanky) slideDirection(selectedx,selectedy,'down');
		if (selectedx>blankx) slideDirection(selectedx,selectedy,'left');
		if (selectedx<blankx) slideDirection(selectedx,selectedy,'right');
		
		}
	
}

function slideDirection(selectedx,selectedy,direction)
{
if (direction=="up")
	{
	for(positiony=blanky;positiony<selectedy;positiony++)
	{
		slideto="tile"+selectedx+(positiony+1);
		slidefrom="tile"+selectedx+positiony;
		document.images[slidefrom].src=document.images[slideto].src;

	}
	}

if (direction=="down")
	{
	for(positiony=blanky;positiony>selectedy;positiony--)
	{
		slidefrom="tile"+selectedx+positiony;
		slideto="tile"+selectedx+(positiony-1);
		document.images[slidefrom].src=document.images[slideto].src;

	}
	}

if (direction=="left")
	{

	for(positionx=blankx;positionx<selectedx;positionx++)
	{
		slidefrom="tile"+positionx+selectedy;
		slideto="tile"+(positionx+1)+selectedy;
		document.images[slidefrom].src=document.images[slideto].src;

	}
	}

if (direction=="right")
	{
	for(positionx=blankx;positionx>selectedx;positionx--)
	{
		slidefrom="tile"+positionx+selectedy;
		slideto="tile"+(positionx-1)+selectedy;
		document.images[slidefrom].src=document.images[slideto].src;

	}

	}
	blankx=selectedx; blanky=selectedy;
	document.images[slideto].src=blank;
if (action) { moves++; puzzleSolved();}
}

function randomSlide(shuffle)
{
		action=false;

		while (shuffle--)
		{

			selectedx=blankx;
			selectedy=blanky;

			if (0.6<Math.random())
			{

				if ((selectedx==blankx) || (selectedx==(selectedx-startx))) { selectedx=(Math.floor(Math.random()*rasterwidth))+1; }
				selectedy=blanky;
			}
			else
			{

				if ((selectedy==blanky) || (selectedy==(selectedy-starty))) { selectedy=(Math.floor(Math.random()*rasterheight))+1; }
				selectedx=blankx;
			}

			startx=blankx;
			starty=blanky;

			slide(selectedx,selectedy,true);
		}

action=true;

}


function puzzleSolved()
{
	solved=true;
	for(y=1;y<=rasterheight;y++)
	{

		for(x=1;x<=rasterwidth;x++)
		{

			tile1="tile"+x+y;
			truetile=document.images[tile1].src;
			extension=truetile.lastIndexOf(".") //.jpg
			tile2="tile"+truetile.substring(extension-2,extension);
			if (tile1!=tile2) solved=false;
			
		}

	}

	if (solved)
	{

		if (confirm("\n\n\tWell Done!\n\tSlide puzzle solved in "+moves+" moves.\n\n\tPress the OK to play again. Cancel to leave.\t\t\n\n")){moves=0; action=false;}
		else{window.location.href="http://www.sixthsensetheatrecompany.co.uk/kidszone/";};
	}
}

//-->
