Make your own free website on Tripod.com

http://www3.fitnyc.edu/illustration/siwinner06/Photos.html fit

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="Generator" content="iWeb 1.0.1" />
<title>Photos</title>
<link rel="stylesheet" type="text/css" media="screen" href="Photos_files/Photos.css" />
<script type="text/javascript" src="SlideShow_assets/openSlideShowWindow.js"></script><script type="text/javascript" src="Photos_files/Photos.js"></script></head>
<body style="background: #ffffff; margin: 0pt; " onload="onPageLoad();">
<div style="text-align: center; "><div style="margin-left: auto; margin-right: auto; overflow: hidden; position: relative; background: #ffffff; height: 832px; width: 700px; " id="bodyContent"><div style="height: 46px; left: 0px; position: absolute; top: 0px; width: 700px; " id="nav_layer">
<div style="background: transparent; border: 1px #000000 none; float: none; height: 46px; left: 0px; margin: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; "></div>
</div>

<div style="height: 636px; left: 0px; position: absolute; top: 46px; width: 700px; " id="body_layer"><img src="Photos_files/shapeimage_1.png" alt="" id="id2" style="height: 1px; left: 634px; position: absolute; top: 175px; width: 1px; z-index: 1; " /><img src="Photos_files/shapeimage_2.png" longdesc="Society of Illustrator Annual Student Competition 2006" alt="Society of Illustrator..." id="id3" style="height: 77px; left: 110px; position: absolute; top: 32px; width: 478px; z-index: 1; " />
<div style="height: 428px; left: 35px; position: absolute; top: 208px; width: 630px; z-index: 1; "><img longdesc="Polina Soshkina&#10;Instructor: Kam Mak&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;" alt="Polina Soshkina&#10;Instructor:..." id="id4" style="height: 48px; left: 21px; position: absolute; top: 169px; width: 177px; z-index: 1; " src="Photos_files/captionimage_1.png" /><div style="background: transparent url(Photos_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 121px; left: 29px; position: absolute; top: 52px; width: 161px; z-index: 1; " id="id5"></div>
<div style="background: transparent url(Photos_files/Maxim_1.jpg) no-repeat scroll center; height: 121px; left: 33px; position: absolute; top: 52px; width: 153px; z-index: 1; "></div>
<div style="background: transparent url(Photos_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 121px; left: 29px; position: absolute; top: 52px; width: 161px; z-index: 1; " id="id6"></div>
<a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(0, 'en');" style="display: block; height: 121px; left: 33px; position: absolute; top: 52px; width: 153px; z-index: 1; "></a><img longdesc="Asuka Komai $1500&#10;Instructor: Kam Mak" alt="Asuka Komai $1500..." id="id7" style="height: 48px; left: 227px; position: absolute; top: 169px; width: 177px; z-index: 1; " src="Photos_files/captionimage_2.png" /><div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 255px; position: absolute; top: 12px; width: 121px; z-index: 1; " id="id8"></div>
<div style="background: transparent url(Photos_files/scarf_1.jpg) no-repeat scroll center; height: 159px; left: 255px; position: absolute; top: 13px; width: 121px; z-index: 1; "></div>
<div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 255px; position: absolute; top: 12px; width: 121px; z-index: 1; " id="id9"></div>
<a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(1, 'en');" style="display: block; height: 159px; left: 255px; position: absolute; top: 13px; width: 121px; z-index: 1; "></a><img longdesc="Ekaterina Boiko $1000&#10;Instructor: Barbara Pearlman" alt="Ekaterina Boiko $1000..." id="id10" style="height: 48px; left: 433px; position: absolute; top: 169px; width: 177px; z-index: 1; " src="Photos_files/captionimage_3.png" /><div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 461px; position: absolute; top: 12px; width: 121px; z-index: 1; " id="id11"></div>
<div style="background: transparent url(Photos_files/loneliness_1.jpg) no-repeat scroll center; height: 155px; left: 461px; position: absolute; top: 15px; width: 121px; z-index: 1; "></div>
<div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 461px; position: absolute; top: 12px; width: 121px; z-index: 1; " id="id12"></div>
<a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(2, 'en');" style="display: block; height: 155px; left: 461px; position: absolute; top: 15px; width: 121px; z-index: 1; "></a><img longdesc="Esther Crotty&#10;Instructor: William Low" alt="Esther Crotty&#10;Instructor:..." id="id13" style="height: 48px; left: 21px; position: absolute; top: 377px; width: 177px; z-index: 1; " src="Photos_files/captionimage_4.png" /><div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 49px; position: absolute; top: 220px; width: 121px; z-index: 1; " id="id14"></div>
<div style="background: transparent url(Photos_files/couple_1.jpg) no-repeat scroll center; height: 123px; left: 49px; position: absolute; top: 239px; width: 121px; z-index: 1; "></div>
<div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 49px; position: absolute; top: 220px; width: 121px; z-index: 1; " id="id15"></div>
<a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(3, 'en');" style="display: block; height: 123px; left: 49px; position: absolute; top: 239px; width: 121px; z-index: 1; "></a><img longdesc="Evan McGuigan&#10;Instructor: Vincent Difate" alt="Evan McGuigan&#10;Instructor:..." id="id16" style="height: 48px; left: 227px; position: absolute; top: 377px; width: 177px; z-index: 1; " src="Photos_files/captionimage_5.png" /><div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 255px; position: absolute; top: 220px; width: 121px; z-index: 1; " id="id17"></div>
<div style="background: transparent url(Photos_files/pope_si_1.jpg) no-repeat scroll center; height: 154px; left: 255px; position: absolute; top: 223px; width: 121px; z-index: 1; "></div>
<div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 255px; position: absolute; top: 220px; width: 121px; z-index: 1; " id="id18"></div>

<a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(4, 'en');" style="display: block; height: 154px; left: 255px; position: absolute; top: 223px; width: 121px; z-index: 1; "></a><img longdesc="kisang Doh&#10;Instructor: William Low" alt="kisang Doh&#10;Instructor:..." id="id19" style="height: 48px; left: 433px; position: absolute; top: 377px; width: 177px; z-index: 1; " src="Photos_files/captionimage_6.png" /><div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 461px; position: absolute; top: 220px; width: 121px; z-index: 1; " id="id20"></div>
<div style="background: transparent url(Photos_files/kisang_Doh_1.jpg) no-repeat scroll center; height: 151px; left: 461px; position: absolute; top: 225px; width: 121px; z-index: 1; "></div>
<div style="background: transparent url(Photos_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 161px; left: 461px; position: absolute; top: 220px; width: 121px; z-index: 1; " id="id21"></div>
<a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(5, 'en');" style="display: block; height: 151px; left: 461px; position: absolute; top: 225px; width: 121px; z-index: 1; "></a></div>
<div align="center"><a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(0, 'en');"><img src="Photos_files/image.png" alt="Start Slideshow" id="id22" style="border: none; height: 36px; left: 298px; position: absolute; top: 142px; width: 119px; z-index: 1; " /></a></div>
</div>
<div style="height: 150px; left: 0px; position: absolute; top: 682px; width: 700px; " id="footer_layer"><a href="http://www.mac.com" title="http://www.mac.com"></a></div>
</div>
</div>
</body>
</html>

=============================

fitSlideShow<HTML><HEAD>
<META HTTP-EQUIV="content-type" CONTENT="text/html;charset=utf-8">
<TITLE>Slide Show</TITLE>
<style type="text/css"> .caption {text-align:center;color:black;font-size:10px;font-family:helvetica,sans-serif;font-weight:bold;}</style>
<script language="JavaScript" src="slideshow.js"></script></HEAD>

<BODY onload="initPage();" BGCOLOR="#FFFFFF" LEFTMARGIN="8" MARGINHEIGHT="0" MARGINWIDTH="8" TOPMARGIN="0" RIGHTMARGIN="8"><CENTER><BR>
<TABLE width="96%" BORDER="0" CELLSPACING="0" CELLPADDING="0" BACKGROUND="box_mtl_ctr.gif">
<TR><TD>
<TABLE width="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" BACKGROUND="box_mtl_ctr.gif">
<TR HEIGHT="12">
<TD WIDTH="12" HEIGHT="12"><IMG SRC="box_mtl_topl.gif" HEIGHT="12" WIDTH="12"></TD>
<TD ALIGN="left" HEIGHT="12" BACKGROUND="box_mtl_top.gif"><IMG SRC="spacer.gif" HEIGHT="12" WIDTH="1"></TD>
<TD WIDTH="12" HEIGHT="12"><IMG SRC="box_mtl_topr.gif" HEIGHT="12" WIDTH="12"></TD>
</TR>
<TR><TD WIDTH="12" BACKGROUND="box_mtl_l.gif"><IMG SRC="spacer.gif" HEIGHT="1" WIDTH="1"></TD>
<TD ALIGN="center" VALIGN="top" BACKGROUND="bg_spacer.gif">

<!-- BEGIN Content -->
<script language="Javascript"><!--
contentWidth = getInsideWindowWidth() - widthMargin;
contentHeight = getInsideWindowHeight() - heightMargin;

mainWidth = contentWidth - contentWidthMargin;
mainHeight = contentHeight - contentHeightMargin;

document.write('<TABLE width="'+contentWidth+'" BORDER="0" CELLSPACING="0" CELLPADDING="0">');
//document.close();
//--> </script>

<TR HEIGHT="2"><TD WIDTH="2" HEIGHT="2"><IMG SRC="bevel_topl.gif" HEIGHT="2" WIDTH="2"></TD>
<script language="Javascript"><!--
document.write('<TD HEIGHT="2" BACKGROUND="bevel_top.gif" WIDTH="'+contentWidth+'"><IMG SRC="spacer.gif" HEIGHT="1" WIDTH="'+contentWidth+'></TD>');
//document.close();
//-->
</script>
<TD WIDTH="2" HEIGHT="2"><IMG SRC="bevel_topr.gif" HEIGHT="2" WIDTH="2"></TD>
</TR>
<TR>
<script language="Javascript">
<!--
document.write('<TD WIDTH="2" BACKGROUND="bevel_l.gif"><IMG SRC="spacer.gif" HEIGHT="'+contentHeight+'" WIDTH="1"></TD>');
//document.close();
//--></script>
<TD BGCOLOR="#ffffff" align="center" valign="middle">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td align="left" valign="middle">
<div id="mainImageDiv" style="visibility:visible">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="3"><img src="frame_topleftcorner.gif" alt="" height="3" width="3" border="0"></td>
<td background="frame_topbg.gif"><img src="frame_topbg.gif" alt="" height="3" width="3" border="0"></td>
<td width="3"><img src="frame_toprightcorner.gif" alt="" height="3" width="3" border="0"></td>
</tr>
<tr>
<td width="1" background="frame_leftbg.gif"><img src="frame_leftbg.gif" alt="" height="3" width="1" border="0"></td>
<td><div id="mainviewDiv" style="position:relative; width:5 height:5 bgcolor:white"></div><script language="Javascript">
<!--
//document.write('<a onFocus = "this.blur();" href="javascript:openCurrentImage()"><img name="mainview" src="'+slides[currentSlideIndex()].url+'" width="'+currentSize().width+'" height="'+currentSize().height+'" border="0" onload="mainViewOnLoad()"></a>');
//document.close();
document.getElementById('mainviewDiv').innerHTML = '<a onFocus = "this.blur();" href="javascript:openCurrentImage()"><img name="mainview" src="'+slides[currentSlideIndex()].url+'" width="'+currentSize().width+'" height="'+currentSize().height+'" border="0"></a>';
//-->
</script></td>
<td width="1" background="frame_rightbg.gif"><img src="frame_rightbg.gif" alt="" height="3" width="1" border="0"></td>
</tr>
<tr>
<td width="3"><img src="frame_botleftcorner.gif" alt="" height="3" width="3" border="0"></td>
<td background="frame_botbg.gif"><img src="frame_botbg.gif" alt="" height="3" width="3" border="0"></td>
<td width="3"><img src="frame_botrightcorner.gif" alt="" height="3" width="3" border="0"></td>
</tr>
</table>

</div>
</td></tr></table>
</TD>
<TD WIDTH="2" BACKGROUND="bevel_r.gif"><IMG SRC="spacer.gif" HEIGHT="1" WIDTH="1"></TD>
</TR>
<TR HEIGHT="2">
<TD WIDTH="2" HEIGHT="2"><IMG SRC="bevel_botl.gif" HEIGHT="2" WIDTH="2"></TD>
<TD HEIGHT="2" BACKGROUND="bevel_bot.gif"><IMG SRC="spacer.gif" HEIGHT="1" WIDTH="1"></TD>
<TD WIDTH="2" HEIGHT="2"><IMG SRC="/i/bevel_botr.gif" HEIGHT="2" WIDTH="2"></TD>
</TR>
</TABLE>
<!-- END Box Beveled --><br>
<table border="0" cellspacing="0" cellpadding="0" align="center" BACKGROUND="box_mtl_ctr.gif" width="100%">
<tr>
<td>
<script language="Javascript">
<!--
writeFeedbackButton();
//-->
</script>
</td>
<td align="center" valign="middle" width="100%">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td align="left" valign="middle">
<script language="Javascript">
<!--
if (!showCaption || !hasCurrentCaption())
{
document.write('<div id="captionFrame" style="visibility:hidden">')
}
else {
document.write('<div id="captionFrame" style="visibility:visible">')
}
//-->
</script>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align=right><img src="caption_well_left.gif" alt="" height="39" width="15" border="0"></td>
<td align="center" width="443" background="caption_bg.gif">
<span id="captionDiv" class="caption">&nbsp;</span>
<script language="Javascript">
<!--
writeCaption();
//-->
</script>
</td>
<td><img src="caption_well_right.gif" alt="" height="39" width="15" border="0"></td>
</tr>
</table>
</div>
</td></tr></table>
</td>
<td width="36" align="right"><a href="javascript:void getPrevImage()" onfocus="blur()"><img name="backButton" src="btn_back1.gif" alt="" height="39" width="36" border="0"></a></td>
<td width="37" align="left"><a href="javascript:void getNextImage()" onfocus="blur()"><img name="nextButton" src="btn_next1.gif" alt="" height="39" width="37" border="0"></a></td>
</tr>
</table>
<!-- END Content -->
</TD>
<TD WIDTH="12" BACKGROUND="box_mtl_r.gif"><IMG SRC="spacer.gif" HEIGHT="1" WIDTH="1"></TD>
</TR>
<TR HEIGHT="14">
<TD WIDTH="12" HEIGHT="14"><IMG SRC="box_mtl_botl.gif" HEIGHT="14" WIDTH="12"></TD>
<TD HEIGHT="14" BACKGROUND="box_mtl_bot.gif"><IMG SRC="spacer.gif" HEIGHT="1" WIDTH="1"></TD>
<TD WIDTH="12" HEIGHT="14"><IMG SRC="box_mtl_botr.gif" HEIGHT="14" WIDTH="12"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<!-- BEGIN Content --><!-- END Brushed Metal Panel --><!-- END Content -->
</CENTER>
</BODY>
</HTML>

=======================================

http://www3.fitnyc.edu/illustration/siwinner06/SlideShow_assets/openSlideShowWindow.js

var slideShowURL = 'SlideShow.html'; //parameter
var slideShowNS4URL = 'SlideShowNS4.html'; //parameter
var ns4 = false;

if( navigator.appName == "Netscape" )
{
version = parseInt(navigator.appVersion);
ns4=(version == 4);
}

function Slide(url, height, width, caption)
{
this.url = url;
this.height = height;
this.width = width;
this.caption = caption;
}

function openSlideShow(initialIndex) {

var myWidth = (screen.availWidth > 800) ? (screen.availWidth - 100) : screen.availWidth; // if 800x600 or less, take up
var myHeight = (screen.availHeight > 600) ? (screen.availHeight - 100) : (screen.availHeight - 70); // the whole screen.
var myLeft = Math.round((screen.availWidth - myWidth) / 2);
var myTop = Math.round((screen.availHeight - myHeight) / 2)-25;

if (myTop < 0) { myTop = 0; } // bugfix for Opera
if (screen.availHeight < 600) { myTop-=20; }

currentSlideIndex = initialIndex;//initialize the global

var url = (ns4) ? slideShowNS4URL : slideShowURL;

var slideWindow = window.open(url, 'slideshow', 'scrollbars=no,titlebar=no,location=no,status=no,toolbar=no,resizable=no,width='+myWidth+',height='+myHeight+',top='+myTop+',left='+myLeft);

slideWindow.focus();
}

function openSlideShow2(initialIndex, language) {

var myWidth = (screen.availWidth > 800) ? (screen.availWidth - 100) : screen.availWidth; // if 800x600 or less, take up
var myHeight = (screen.availHeight > 600) ? (screen.availHeight - 100) : (screen.availHeight - 70); // the whole screen.
var myLeft = Math.round((screen.availWidth - myWidth) / 2);
var myTop = Math.round((screen.availHeight - myHeight) / 2)-25;

if (myTop < 0) { myTop = 0; } // bugfix for Opera
if (screen.availHeight < 600) { myTop-=20; }

currentSlideIndex = initialIndex;//initialize the global

var url = (ns4) ? slideShowNS4URL : slideShowURL;

var slideWindow = window.open(url + '?lang=' + language, 'slideshow', 'scrollbars=no,titlebar=no,location=no,status=no,toolbar=no,resizable=no,width='+myWidth+',height='+myHeight+',top='+myTop+',left='+myLeft);

slideWindow.focus();
}

===============================================