/* BEGIN 
   Soap 2 HTML output */

function Is ()
{
    var agt=navigator.userAgent.toLowerCase()

    // --- BROWSER VERSION ---
    this.major = parseInt(navigator.appVersion)
    this.minor = parseFloat(navigator.appVersion)

    this.nav  = ((agt.indexOf('mozilla')!=-1) && ((agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1)))
    this.nav2 = (this.nav && (this.major == 2))
    this.nav3 = (this.nav && (this.major == 3))
    this.nav4 = (this.nav && (this.major == 4))

    this.ie   = (agt.indexOf("msie") != -1)
    this.ie3  = (this.ie && (this.major == 2))
    this.ie4  = (this.ie && (this.major == 4))

    this.opera = (agt.indexOf("opera") != -1)
     
    this.nav4up = this.nav && (this.major >= 4)
    this.ie4up  = this.ie  && (this.major >= 4)
}


var is = new Is();

function dw(str, minVersion, maxVersion)
{   if ( ((dw.arguments.length < 3) || (is.major <= maxVersion)) 
         && ((dw.arguments.length < 2) || (is.major >= minVersion)))
    document.write(str)  
}


function dwb (str, aBoolean)
{   if  ((dwb.arguments.length < 2) || aBoolean)
    document.write(str)  
}


function sv(str, minVersion, maxVersion)
{   if ( ((sv.arguments.length < 3) || (is.major <= maxVersion)) 
         && ((sv.arguments.length < 2) || (is.major >= minVersion)))
    return str;
    else return "";
}


function sb (str, aBoolean)
{   if  ((sb.arguments.length < 2) || aBoolean)
    return str;
    else return "";
}

function layerClipOrder (cssClipString)
{  var commaPos = cssClipString.lastIndexOf(",");
   return (cssClipString.substring(commaPos+1) + "," + cssClipString.substring(0,commaPos));
}

function genElt (name, content, left, top, z, width, height, visibility, 
                 backgroundColor, backgroundImage, clip, relative, 
                 hideEltOnOlderBrowsers, useDivInsteadOfLayer, classname) 
{ var markup = "";
  if (is.nav && (is.major>=4 || !hideEltOnOlderBrowsers) && 
      !useDivInsteadOfLayer)
  { var tagname = (relative)?'ILAYER':'LAYER';
    if (visibility && (visibility!=''))
    {  if (visibility=="hidden") visibility = "hide";
       else if (visibility=="visible") visibility = "show";
    }
    markup = '<' + tagname + ' ID="' + name + '"' + ((classname)?' CLASS="' + 
        classname + '"':'') + ((left)?' LEFT="' + left + '"':'') + 
        ((top)?' TOP="' + top + '"':'') + ((width)?' WIDTH="' + width + '"':'') + 
        ((height)?' HEIGHT="' + height + '"':'') + 
        ((visibility && (visibility!='')) ? ' VISIBILITY="' + visibility + '"' : '') + 
        ((z)?' Z-INDEX="' + z + '"':'') + 
        ((backgroundColor)?' BGCOLOR="' + backgroundColor + '"':'') + 
        ((backgroundImage)?' BACKGROUND="' + backgroundImage + '"':'') +  
        ((clip)?' CLIP="' + layerClipOrder(clip) + '"':'') + 
        '>' + ((content)?content:'') + '</' + tagname + '>';
  }
  else if ((is.ie || (is.nav && useDivInsteadOfLayer)) && (is.major>=4 || !hideEltOnOlderBrowsers))
  { markup = '<DIV ID="' + name + '"' +  
        ((classname)?' CLASS="' + classname + '"':'') + 
        ' STYLE="position:' + ((relative)?'relative;':'absolute;') + 
        ' overflow:none;' + 
        ((left)?' left:' + left + 'px;':'') + 
        ((top)?' top:' + top + 'px;':'') + 
        ((height)?' height:' + height + 'px;':'') + 
        ((width)?' width:' + width + 'px;':'') + 
        ((visibility && (visibility!='')) ? ' visibility:' + visibility + ';' : '') + 
        ((z)?' z-index:' + z + ';':'') + 
        ((backgroundColor)?' background-color:' + backgroundColor + ';':'') + 
        ((backgroundImage)?' background-image:url("' + backgroundImage + '");':'') +  
        ((clip)?' clip:rect("' + clip + '");':'') + 
        '">' + ((content)?content:'') + '</DIV>';
  }
  return markup;
}


function getElt () 
{ if (is.nav4up) {
    var currentLayer = document.layers[getElt.arguments[0]];
    for (var i=1; i<getElt.arguments.length && currentLayer; i++)
    {   currentLayer = currentLayer.document.layers[getElt.arguments[i]];
    }
    return currentLayer;
  } 
  else if (is.ie4up) {
    var elt = eval('document.all.' + getElt.arguments[getElt.arguments.length-1]);
    return(elt);
  }
}

function setEltVisibility (elt, value)
{  if (is.nav4up) elt.visibility = value;
   else if (is.ie4up) elt.style.visibility = value;
}


function getEltVisibility (elt)
{  if (is.nav4up) 
   {  
	var value = elt.visibility;
	if (value == "show") return "visible";
    else if (value == "hide") return "hidden";
    else return value;
   }
   else if (is.ie4up)
	{
	var value = elt.visibility;
	if (value == "visible") return "visible";
    else if (value == "hidden") return "hidden";
    else return value;
	}
}


/* MetaCreations Soap 2 Album Functions */


function setUp()
	{
		Is(); 
	}

function FirstPage()
	{
		currentpage = 0;
		ShowNumberedPage(currentpage);
	}

function PageForward()
	{
		if (currentpage < numpages - 1)
			currentpage += 1;
		else
			currentpage = 0;

		ShowNumberedPage(currentpage);
	}

function PageBack()
	{
		if (currentpage > 0)
			currentpage = currentpage - 1;
		else
			currentpage = numpages - 1;

		ShowNumberedPage(currentpage);
	}

// Set image.src to the appropriate image path.
// Albums can have pages with some or all of the images missing.
// If the image is missing the style won't be visible.

function ShowPageImage(pagenum, imagenum)
	{
		var impath		= "images/page" + pagenum + "/i" + imagenum + ".jpg";
		var page		= "page" + pagenum;
		var imname		= page   + "im" + imagenum;
		var stylename	= imname + "style";
	
		var elt = getElt ("container", page, stylename);
	
		if (getEltVisibility(elt) == "hidden") return;
	
		if (is.nav4up)
			elt.document[imname].src = impath;
	
		if (is.ie4up)
			document.images[imname].src = impath;
	}


function ShowNumberedPage(pagenum)
	{
		var backgroundpath = "images/open.jpg";
	
		if (pagenum == 0)
			backgroundpath = "images/cover.jpg";

		else if (pagenum == 1)
			backgroundpath = "images/title.jpg";
	
		var backgroundname	= "background" + pagenum;
		var pagename		= "page" + pagenum;
	
		if (is.nav4up)
			document.layers.container.layers[pagename].document[backgroundname].src = backgroundpath;

		if (is.ie4up)
			document.images[backgroundname].src = backgroundpath;
	
		for(i=0; i < imagesperpage[pagenum]; i++)
			ShowPageImage(pagenum, i);
	
		if (is.nav4up) {	
			for(i=0; i < numpages; i++)	
				document.layers["container"].document.layers["page" + i].visibility="hide";

			document.layers["container"].document.layers["page" + pagenum].visibility="show";
		  }
		if (is.ie4up) {
			for(i=0; i < numpages; i++)	
				if (i == pagenum)
					document.all["page" + i].style.visibility="visible";
				else
					document.all["page" + i].style.visibility="hidden";
		}
	}


/* MouseOver Function */

var rollSprite = new Array();

	rollSprite[0] = new Image(59,67);
	rollSprite[0].src = "images/last_off.gif";
	rollSprite[1] = new Image(59,67);
	rollSprite[1].src = "images/last_on.gif";

	rollSprite[2] = new Image(59,67);
	rollSprite[2].src = "images/next_off.gif";
	rollSprite[3] = new Image(59,67);
	rollSprite[3].src = "images/next_on.gif";

function hiLite(which, mouseOver)
	{
	if (which == "back")
		{
		var elt = getElt ("container", "navigate", "pageleft");
		
		if (is.nav4up)
			elt.document["pageleftim"].src = rollSprite[0 + mouseOver].src;
	
		if (is.ie4up)
			document.images["pageleftim"].src = rollSprite[0 + mouseOver].src;

			window.status = mouseOver ? "Previous Page" : "";
			return true;
		}
	else if (which == "next")
		{
		var elt = getElt ("container", "navigate", "pageright");
	
		if (is.nav4up)
			elt.document["pagerightim"].src = rollSprite[2 + mouseOver].src;
	
		if (is.ie4up)
			document.images["pagerightim"].src = rollSprite[2 + mouseOver].src;

			window.status = mouseOver ? "Next Page" : "";
			return true;
		}
	}

/* SoapSplash Popup */

function SplashWin()
	{
		var SoapSplash = window.open("code/soapsplash.html", "MetaWindow", "width=262,height=218, scrollbars=no");
	}


/* END */