This function simply scans the page and looks for those anchor tags that have the class of thickbox, takes in the href attribute value, and then changes the height and width variables to a ratio of the users viewport dimensions.

Anyways, this project is for a stationery store in Shelburne, Vermont – check them out!

InkInkPapers.com

You can check out my diving game here – just click the jump button when the skeleton is moving fast

owater.com

An all flash site, complete with audio and image gallery.

We started making owater because we wanted something we could feel good about drinking everyday. At owater, we make water better. We take crisp, clean water and add purposeful enhancements and natural fruit flavor. It’s clear like water and refreshes like water with a taste that is unique and bright.

At owater, we don’t disguise water, we celebrate it.

visit site

Bufala di Vermont

Yahoo store development / RTML / CSS Templates

Bufala di Vermont, based in South Woodstock, Vermont, is the site of the first water buffalo farmstead creamery in the United States and has the largest and the best quality milking herd of water buffalo in North America. Although water buffalo milk and its products have been consumed around the world for thousands of years, there are only three water dairies in the United States. All Bufala di Vermont products are made in Vermont and are 100% pure water buffalo. Water buffalo, or bufala, are a completely different species than North American buffalo, which are actually bison. One of the greatest differences between these two animals is that water buffalo are an excellent source of dairy, as well as meat. Water buffalo produce approximately 15% of the world’s milk, primarily in Southeast Asia, South America and Italy. Italians have been using water buffalo for over 200 years where the meat and mozzarella are highly regarded delicacies.

visit site

POD: Personal Oxygen Device

CSS Development, Volusion.com e-commerce software template build

Pollution is adversely affecting the oxygen content in the air we breathe. Having access to a ready source of clean air is a source of comfort and vital for good health. To meet this need, the POD™ was born. The canned oxygen found in a POD™ is a rich source of clean fresh oxygen containing 2 liters of 95% oxygen and 5% nitrogen.

visit site

Ink. Ink. Fine Stationery

This project got delayed as the first build was utilizing Magento – unfortunately, the software from Magento is painfully slow on a shared hosting account server so we had to uninstall and change over the store to the ever popular Zen Cart – project is moving along and I will post an update when the site is available.

http://googlewebmastercentral.blogspot.com/2008/06/improved-flash-indexing.html

<!–//–><![CDATA[//><!--
// JavaScript Document
sfHover = function() {
var elements = new Array("navbar","navbar2","navbar3");

var sfEls = new Array();

for (var j=0; j<elements.length; j++)
{
sfEls.push(document.getElementById(elements[j]).getElementsByTagName("LI"));
}

for (var n=0; n<sfEls.length; n++)
{
for (var i=0; i<sfEls[n].length; i++)
{

sfEls[n][i].onmouseover=function()
{
this.className+=" sfhover";
}

sfEls[n][i].onmouseout=function()
{
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

//–><!]]>

<script type="text/javascript">
   //<![CDATA[
  /* Replacement calls. Please see documentation for more information. */

if(typeof sIFR == "function"){

 // This is the preferred "named argument" syntax
sIFR.replaceElement(named({
sSelector:"body h1",
sFlashSrc:"/swf/fonts/fontname.swf",
sWmode: "transparent",
sColor:"#bc4313",
sLinkColor:"#bc4313",
sBgColor:"#ffffff",
sHoverColor:"#bc4313",
nPaddingTop:5,
nPaddingBottom:5,
sFlashVars:"textalign=left&offsetTop=0"
}));

};

//]]>
  </script>

Simply noting this piece of code in particular:

sWmode: "transparent"

Resources: http://www.alistapart.com/

Summary: This can go in your .css file for the proper browsers:

#mypngimage {
	background: transparent url("/path/to/image.png") repeat-y left top;
	padding: 8px 0;
}

.. and for IE 5.5 – IE 6.0 you will append this:

#mypngimage {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/to/image.png',sizingMethod='scale');
	/* NOTE: YOU WILL ALSO HAVE TO DEFINE THE BLOCK */
	display: block;
	height: 50%;
	width: 199px;
	/* I HAVE FOUND THAT THIS WILL GET RID OF THE GRAY AREA (SOMETIMES EXPOSED IN IE) */
	background: transparent;
}