#!/usr/bin/perl

print "Content-type:text/html\n\n";


require "common.pl";


($sec,$min,$hour,$mday,$mon,$year) = localtime(time);
$year += 1901;

print<<__EOQ__;

<head>
<title>kisrael.com|where the heart was</title>
__EOQ__

    open(READ,"flooble.js");
while(defined($line = <READ>)){
    print $line;
}
close READ;

    print<<__EOQ__;



</head>
<body bgcolor="white">











<FONT FACE="ARIAL" SIZE="6" color="black">
<a href="/"><b>kisrael</b>.com</a>
| <a href="/features">features</a>
| where the heart was
</font>
<br><br>
<form action="cal.cgi">



<table><tr><td width=400>

In 1990 there was a pretty nifty film
callled <b><a href="http://www.imdb.com/title/tt0100924/">Where The Heart Is</a></b>-- unfortunately it has  since been somewhat eclipsed 
by the film of the same name made a decade later, but they recently released it on DVD.
<br><br>
The movie featured
lovely large-scale, body paint  trompe l'oeil works 
by  Timna Woollards. 
In the story of the film, they were to represent  the twelve months
of the year, commisioned for an insurance company promotional calendar.

<br><br>
Unfortunately, information about the artist
is very difficult to come by, and as far as I know,
the works were never released in calendar or book form.
In fact, the best view of them has been under the closing
credits of the movie, which just doesn't do them justice.
<b><a href="java.html">I created a 
Java "Processing" program</a></b> that, with a large 
amount of fiddling, allowed me to reassemble complete screenshots
of the scenes with the scrolling text removed. (The fullsize versions 
are 720*480, with reduced compression.)
<br><br>
I've created a few ways of appreciating Ms.Woollards' work... you can see a 
<b><a href="full.cgi">page of the fullsize versions</a></b>,
or you can <b>generate a series of calendar pages</b> for 
any given year using the following tool... you can just hit generate 
or click on "show options" for more advanced control. (Click the image 
on each month to move forward a month.)
<br><br>

<script>
    function togglePanel(){
	var elemPanel = document.getElementById("optionpanel");
	var elemToggle = document.getElementById("optiontoggle");

	if(elemPanel.style.display=='none') { //formerly hidden now show
						  elemPanel.style.display = '';
					      elemToggle.innerHTML = 'hide options';
					  } else { //formerly showing now hide
						       elemPanel.style.display = 'none';
						   elemToggle.innerHTML = 'show options';

					       }

    }
</script>

<table bgcolor="#CCCCCC" align="center" border=0 cellpadding=2 cellspacing=0>

<tr>
<td width=5></td>
<td valign="top" width=45>

<br><img src="whereleft.jpg" width=45 height=174>
<br><br>
</td>


<td>

<table bgcolor="#CCCCCC" align="center" border=0>

<tr>
<th colspan=2><i>
where the heart was<br>
calendar generator

</i>
</th>
</tr>
<tr><th align="right">
year:
</th><td>
<input name="year" value="$year" size=5>
</td></tr>

<tr>
<th align="right">
starting:
</th>
<td>
<select name="month">
__EOQ__
    $checked = " CHECKED ";
    for($i = 0; $i < 12; $i++){
    print<<__EOQ__;
    <option value="$i" $checked>$months[$i]
__EOQ__
    $checked="";

}

print<<__EOQ__;
</select>
</td>


</tr>





<tr>
<th align="right">
week starts:
</th>
<td>
<input type="radio" name="weekstart" value="0" CHECKED>sun
<input type="radio" name="weekstart" value="1">mon

</td>

</tr>




<tr>
<th align="right">go:</th>
<td><input type="submit" value="generate"></td>

</tr>

<tr>
<th colspan=2>
<a href="#"
						 
onClick="
togglePanel();
return false;"
><div id="optiontoggle">show options</div></a>
</th>
</tr>



<tbody id="optionpanel" style="display:none">




<tr>
<th colspan=2>
colors:
</th>
</tr>

<tr>
<th align="right">
background:
</th>
<td>

<!-- flooble.com Color Picker start -->
<a href="javascript:pickColor('colorpick3');" id="colorpick3"
style="border: 1px solid #000000; font-family:Verdana; font-size:10px;
text-decoration: none;">&nbsp;&nbsp;&nbsp;</a>
<input id="colorpick3field" size="7"
onChange="relateColor('colorpick3', this.value);" name="bgcolor" value="#FFFFFF">
    <script language="javascript">relateColor('colorpick3', getObj('colorpick3field').value);</script>
<noscript><a href="http://www.flooble.com/scripts/colorpicker.php">javascript color picker by flooble</a>
| Read free <a href="http://perplexus.info/category/2/">logic puzzles</a>
</noscript>
<!-- flooble Color Picker end -->

</td>

</tr>


<tr>
<th align="right">
text:
</th>
<td>

<!-- flooble.com Color Picker start -->
<a href="javascript:pickColor('colorpicktext');" id="colorpicktext"
style="border: 1px solid #000000; font-family:Verdana; font-size:10px;
text-decoration: none;">&nbsp;&nbsp;&nbsp;</a>
<input id="colorpicktextfield" size="7"
onChange="relateColor('colorpicktext', this.value);" name="textcolor" value="#000000">
    <script language="javascript">relateColor('colorpicktext', getObj('colorpicktextfield').value);</script>
<noscript><a href="http://www.flooble.com/scripts/colorpicker.php">javascript color picker by flooble</a>
| Read free <a href="http://perplexus.info/category/2/">logic puzzles</a>
</noscript>
<!-- flooble Color Picker end -->

</td>







<tr>
<th align="right">
weekdays:
</th>
<td>
<!-- flooble.com Color Picker start -->
<a href="javascript:pickColor('pick1155405728');" id="pick1155405728"
style="border: 1px solid #000000; font-family:Verdana; font-size:10px;
text-decoration: none;">&nbsp;&nbsp;&nbsp;</a>
<input id="pick1155405728field" size="7" 
onChange="relateColor('pick1155405728', this.value);" name="weekdaycolor" value="#CCCCFF">
    <script language="javascript">relateColor('pick1155405728', getObj('pick1155405728field').value);</script>
<noscript><a href="http://www.flooble.com/scripts/colorpicker.php">javascript color picker by flooble</a> | Read free <a href="http://perplexus.info/category/2/">logic puzzles</a>
</noscript>
<!-- flooble Color Picker end -->

</td>
</tr>



<tr>
<th align="right">
weekends:
</th>
<td>
<!-- flooble.com Color Picker start -->
<a href="javascript:pickColor('pick1155405728a');" id="pick1155405728a"
style="border: 1px solid #000000; font-family:Verdana; font-size:10px;
text-decoration: none;">&nbsp;&nbsp;&nbsp;</a>
<input id="pick1155405728afield" size="7" 
onChange="relateColor('pick1155405728a', this.value);" name="weekendcolor" value="#CCCCCC">
    <script language="javascript">relateColor('pick1155405728a', getObj('pick1155405728afield').value);</script>
<noscript><a href="http://www.flooble.com/scripts/colorpicker.php">javascript color picker by flooble</a> 
| Read free <a href="http://perplexus.info/category/2/">logic puzzles</a>
</noscript>
<!-- flooble Color Picker end -->

</td>
</tr>






<tr>
<th colspan=2>options:</th>
</tr>

<tr>
<th align="right">box height:</th>
<td><input size=1 name="boxheight" value="4"></td>
</tr>






<tr>
<th align="right" valign="top">display:</th>
<td>
<input type="checkbox" name="showmonthname" CHECKED>month in title<br>
<input type="checkbox" name="showyear" CHECKED>year in title<br>
<input type="checkbox" name="showdaynames" CHECKED>day names<br>
<input type="checkbox" name="shownumbers" CHECKED>day numbers<br>
</td>
</tr>


<tr>
<th align="right">number align:</th>
<td>
<select name="boxalign">
<option value="topright">top right
<option value="topleft">top left
<option value="botleft">bottom left
<option value="botright">bottom right
</select>
</td>
</tr>


<tr>
<th align="right">font</th>
<td><input name="font" size=15 value="arial,helvetica,sans-serif"></td>
</tr>


</tbody>




</table>
</td>


<td valign="top" width=45>

<br><img src="whereright.jpg" width=45 height=174>
<br><br>
</td>
<td width=5></td>


</tr></table>


<br><br>
</td>

<td width=50>&nbsp;&nbsp;&nbsp;&nbsp;
</td>

<td valign="top">

<script type="text/javascript"><!--
    google_ad_client = "pub-8393964454751607";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "000080";
google_color_bg = "FFFFFF";
google_color_link = "000080";
google_color_text = "000000";
google_color_url = "009900";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>


</td>


</tr>
__EOQ__

foreach $month(@months){
	$name = uc(substr($month,0,1)).substr($month,1);
	$small = $url.$month."_tn.jpg";
	$big = $url.$month.".jpg";

	print <<__EOQ__;
<tr><td align="center">


<a href="$big"><img src="$small" width=400 height=267 border=0><br><font size=1>click for fullsize</font></a><br>

<i>&quot;$name&quot;, by Timna Woollard<br>from 
<a href="http://www.imdb.com/title/tt0100924/">Where The Heart Is</a>.</i>
<br><br>
</td></tr>
__EOQ__
}



print<<__EOQ__;
</td></tr>
</table>
</form>
__EOQ__
