//DECLARE VARIABLES

//Set expiration date for cookeies

var expdate = new Date();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000)); //24 hours from now

//Top page code
var vCodeSeg1 = "<!--CODE SECTION 1-->\n<html>\n<head>\n<meta http-equiv='content-type' content='text/html;charset=iso-8859-1'>\n<title>Anderson Martial Arts KSDI Lorain Co, Ohio</title>\n<style type='text/css'><!--\n\n.headerfont { color: black; font-weight: bold; font-size: 12px; line-height: 10px; font-family: Verdana, Arial, Helvetica }\n.inactivelink { color: silver; font-style: italic; font-weight: bold; font-size: 10px; line-height: 20px; font-family: verdana, Arial, Helvetica }\n.normallink { color: black; font-style: normal; font-size: 10px; line-height: 20px; font-family: Verdana, Arial, Chicago }\na  {color: blue;text-decoration: none}\n.imagecaption  {color: black;font-weight: bold;font-size: 10pt;line-height: 10pt;font-family: Verdana, Arial, Chicago;background-color: yellow}\n\n-->\n</style>\n\n</head>\n\n<body background='../media/bkgd.gif' bgcolor='white'>\n<TABLE cool width='584' height='513' border='0' cellpadding='0' cellspacing='0' gridx='20' showgridx usegridx gridy='20' showgridy usegridy>\n<TR height='60'>\n<TD width='580' height='60' colspan='3' align='left' xpos='0' content valign='top' csheight='60'>\n<p class='headerfont'><font face='Verdana,Arial,Chicago' size='2'><b>Anderson Martial Arts</b></font></p>\n<p class='headerfont'><font face='Verdana,Arial,Chicago' size='1'>11909 Grafton, OH 44044 (440) 458-5088</font>\n</TD>\n<TD width='3' height='512' rowspan='3'></TD>\n<TD width='1' height='60'><SPACER type='block' width='1' height='60'></TD>\n</TR>\n<TR height='40'>\n<TD width='120' height='452' rowspan='2' align='left' xpos='0' content valign='top' csheight='396'>\n<p class='normallink'><a href='classes.html'>Classes</a></p>\n<p class='normallink'><a href='instructors.html'>Instructors</a></p>\n<p class='normallink'><a href='philosophy.html'>Philosophy</a></p>\n<p class='normallink'><a href='history.html'>History</a></p>\n<p class='normallink'><a href='newsevents.html'>News &amp; Events</a></p>\n<p class='normallink'><a href='contact.html'>Contact Info</a>\n<P class='normallink'><SPAN class='inactivelink'>Picture Gallery</SPAN></P>\n<P class='normallink'></P>\n</TD>\n<TD width='20' height='452' rowspan='2'></TD>\n<TD width='440' height='40' align='left' xpos='140' content valign='top' csheight='40'>\n<P class='imagecaption'><!--END CODE SECTION 1-->"
//Opening body and table code
var vCodeSeg2 = "<!--CODE SECTION 2--></P>\n</TD>\n<TD width='1' height='40'><SPACER type='block' width='1' height='40'></TD>\n</TR>\n<TR height='412'>\n<TD width='440' height='412' valign='top' align='left' xpos='140'><!--END CODE SECTION 2-->"
//put first variable here. Image path
var vCodeSeg3 = "<!--CODE SECTION 3--></TD>\n<TD width='1' height='412'><SPACER type='block' width='1' height='412'></TD>\n</TR>\n<TR height='1' cntrlrow>\n<TD width='120' height='1'><SPACER type='block' width='120' height='1'></TD>\n<TD width='20' height='1'><SPACER type='block' width='20' height='1'></TD>\n<TD width='440' height='1'><SPACER type='block' width='440' height='1'></TD>\n<TD width='3' height='1'><SPACER type='block' width='3' height='1'></TD>\n<TD width='1' height='1'></TD>\n</TR>\n</TABLE>\n</body>\n\n</html><!--END CODE SECTION 3-->"

//DECLARE FUNCTIONS


// function to open a new window to display full size image as well as pertinent information

function fImageWindow(vPath,vImageName,vDescript,vHeight, vWidth){

	//set all passed variables as cookies
	//SetCookie("cImageName", vImageName,expdate,"/");
	//SetCookie("cVariation", vVariation,expdate,"/");
	//SetCookie("cDescript",vDescript,expdate,"/");
	//SetCookie("cPath",vPath,expdate,"/");
	//SetCookie("cHeight", vHeight,expdate,"/");
	//SetCookie("cWidth", vWidth, expdate,"/");
	
	//open a new window
	popwin = open("","ImageWindow","status=1,menubar=1,scrollbars=1,resizable=0,width=675,height=500");
	
	//write the HMML into the new window
	popwin.document.writeln( vCodeSeg1  );
	popwin.document.writeln( vDescript );
	popwin.document.writeln( vCodeSeg2 );
	popwin.document.write  ( "<img src='" );
	popwin.document.write  ( vPath  );
	popwin.document.write  ( "' border='0' width='" + vWidth + "' height='" + vHeight + "'>" );
	popwin.document.writeln( vCodeSeg3 );
	
}

//to activate the window include the following onClick function on EACH thumbnail
// <a href="#"><img src="(!thumb nail path here)" width="70" height="55" border="0" alt="(Descriptive name--optional)" onClick="fImageWindow('../media/stock/(Larger screen image path)','(Image Name)','(Description)','(Yes/No if variations are available)')"></a>

/* This is from FMP for reference ONLY
Code Section 1 & Description_short & 
Code Section 2 & "<img src='" & Image path& Image Name & "' border='0' width='" & Image Width & "' height='" & Image Height &"'>" & 
Code Section 3
*/
