//---------------------------------------------------------------
// Opacity Displayer, Version 1.0
// Copyright Michael Lovitt, 6/2002.
// Distribute freely, but please leave this notice intact.
//---------------------------------------------------------------

//---------------------------------------------------------------
// OPACITY OBJECT
//
// Instantiates the object, defines the properties and methods.
function OpacityObject(divId, strPath) {
	this.id = divId;
	this.path = strPath;
	if (ns){
		if (browserVersion>=5) {
			this.layerObject = document.getElementById(divId).style;
		} else { 
			this.layerObject = eval("document."+divId);
		}
	} else {
		this.layerObject = eval(divId + ".style");
	}
	this.setBackground = od_object_setBackground;
}
// Uses AlphaImageLoader filter, or the css background property,
// as appropriate, to apply a PNG or GIF as the background of the layerObject.
function od_object_setBackground() {	
	if (pngAlpha) {
		this.layerObject.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.path+".png', sizingMethod='scale')";
	} else if (pngNormal) {
		this.layerObject.backgroundImage = 'url('+this.path+'.png)';
	} else {
		this.layerObject.backgroundImage = 'url('+this.path+'.gif)';
	}
}
//---------------------------------------------------------------

//---------------------------------------------------------------
// OPACITY DISPLAY FUNCTION
// Outputs the image as a div with the AlphaImageLoader, or with
// a standard image tag.
function od_displayImage(strId, strPath, intWidth, intHeight, strClass, strAlt) {	
	if (pngAlpha) {
		document.write('<div style="height:'+intHeight+'px;width:'+intWidth+'px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+strPath+'.png\', sizingMethod=\'scale\')" id="'+strId+'" class="'+strClass+'"></div>');
	} else if (pngNormal) {
		document.write('<img src="'+strPath+'.png" width="'+intWidth+'" height="'+intHeight+'" name="'+strId+'" border="0" class="'+strClass+'" alt="'+strAlt+'" />');
	} else {
		document.write('<img src="'+strPath+'.gif" width="'+intWidth+'" height="'+intHeight+'" name="'+strId+'" border="0" class="'+strClass+'" alt="'+strAlt+'" />');
	}
}
//---------------------------------------------------------------

//---------------------------------------------------------------
// OPACITY ROLL-OVER FUNCTIONS
function od_rollOver(strId, strColor) {	
	if (pngAlpha) {
		document.getElementById(strId).style.backgroundColor = strColor;
	} else {
	    if (document.images && (flag == true)) {
	        document[strId].src = eval(strId + "on.src");
	    }
	}
}
function od_rollOut(strId, strColor) {	
	if (pngAlpha) {
		document.getElementById(strId).style.backgroundColor = strColor;
	} else {
	    if (document.images) {
	        document[strId].src = eval(strId + "off.src");
	    }
	}
}
//---------------------------------------------------------------

//---------------------------------------------------------------
// global variables

// if IE5.5+ on win32, then display PNGs with AlphaImageLoader
if ((browser.isIE55 || browser.isIE6up) && browser.isWin32) {
	var pngAlpha = true;
	var strExt = ".png";
// else, if the browser can display PNGs normally, then do that. that list includes:
	//     -Gecko Engine: Netscape 6 or Mozilla, Mac or PC
	//     -IE5+ Mac (OpacityObject applies the background image at 100% opacity)
	//     -Opera 6+ PC
	//     -Opera 5+ Mac (Doesn't support dynamically-set background images)
	//     -Opera 6+ Linux 
	//     -Omniweb 3.1+ 
	//     -Icab 1.9+ 
	//     -WebTV 
	//     -Sega Dreamcast
} else if ((browser.isGecko) || (browser.isIE5up && browser.isMac) || (browser.isOpera && browser.isWin && browser.versionMajor >= 6) || (browser.isOpera && browser.isUnix && browser.versionMajor >= 6) || (browser.isOpera && browser.isMac && browser.versionMajor >= 5) || (browser.isOmniweb && browser.versionMinor >= 3.1) || (browser.isIcab && browser.versionMinor >= 1.9) || (browser.isWebtv) || (browser.isDreamcast)) {
	var pngNormal = true;
	var strExt = ".png";
	// otherwise, we use plain old GIFs
} else {
	var strExt = ".gif";
}

var ns = (document.all)?false:true;
var browserVersion = parseFloat(navigator.appVersion );

function init() {
	objMyImg = new OpacityObject('handLeft','../images/hand_left');
	objMyImg.setBackground();
	objMyImg2 = new OpacityObject('content','../images/bg_content');
	objMyImg2.setBackground();
	objMyImg3 = new OpacityObject('handRight','../images/hand_right');
	objMyImg3.setBackground();
}
function work() {
	objMyImg4 = new OpacityObject('niketext','../images/text_overlay');
	objMyImg4.setBackground();
	objMyImg5 = new OpacityObject('constext','../images/text_overlay');
	objMyImg5.setBackground();
	objMyImg6 = new OpacityObject('smatext','../images/text_overlay');
	objMyImg6.setBackground();
	objMyImg7 = new OpacityObject('v2text','../images/text_overlay');
	objMyImg7.setBackground();
	objMyImg8 = new OpacityObject('twouptext','../images/text_overlay');
	objMyImg8.setBackground();
	objMyImg9 = new OpacityObject('deekstext','../images/text_overlay');
	objMyImg9.setBackground();
	objMyImg10 = new OpacityObject('zootext','../images/text_overlay');
	objMyImg10.setBackground();
	objMyImg11 = new OpacityObject('r1text','../images/text_overlay');
	objMyImg11.setBackground();
	objMyImg12 = new OpacityObject('dsitext','../images/text_overlay');
	objMyImg12.setBackground();
	objMyImg13 = new OpacityObject('v1text','../images/text_overlay');
	objMyImg13.setBackground();
	objMyImg14 = new OpacityObject('zen2text','../images/text_overlay');
	objMyImg14.setBackground();
	objMyImg15 = new OpacityObject('soaptext','../images/text_overlay');
	objMyImg15.setBackground();
	objMyImg16 = new OpacityObject('proquotext','../images/text_overlay');
	objMyImg16.setBackground();
	objMyImg17 = new OpacityObject('niketext','../images/text_overlay');
	objMyImg17.setBackground();
	objMyImg18 = new OpacityObject('zen1text','../images/text_overlay');
	objMyImg18.setBackground();
}

function folio() {
		aboutSite = new fx.Height('about', {duration: 400});
		aboutSite.hide();
		nike = new fx.Width('niketext', {duration: 400});
    	nike.hide();
		cons = new fx.Width('constext', {duration: 400});
    	cons.hide();
		sportsmed = new fx.Width('smatext', {duration: 400});
    	sportsmed.hide();
		v2 = new fx.Width('v2text', {duration: 400});
    	v2.hide();
		twoup = new fx.Width('twouptext', {duration: 400});
    	twoup.hide();
		deek = new fx.Width('deekstext', {duration: 400});
    	deek.hide();
		zoo = new fx.Width('zootext', {duration: 400});
    	zoo.hide();
		rone = new fx.Width('r1text', {duration: 400});
    	rone.hide();
		dsi = new fx.Width('dsitext', {duration: 400});
    	dsi.hide();
		zen1 = new fx.Width('zen1text', {duration: 400});
    	zen1.hide();
		v1 = new fx.Width('v1text', {duration: 400});
    	v1.hide();
		zen2 = new fx.Width('zen2text', {duration: 400});
    	zen2.hide();
		soap = new fx.Width('soaptext', {duration: 400});
    	soap.hide();
		proquo = new fx.Width('proquotext', {duration: 400});
    	proquo.hide();
}
//---------------------------------------------------------------