//<SCRIPT>

var sBase = "http://www.oakvillemiltonhumane.ca";

var bgColorNavbar = "";
var printView = false;
function setPrintView(b)
{
	if(b != null) printView = b;
}

var menu = new Array();

function linkInfo(text, url, isSub, localname ) {
    this.text = text;
    this.url  = "javascript:window.top.location='"+url+"';";
    this.isSubMenu = isSub || false;
    this.localname = localname
    if(localname == null)  this.localname = url;
    // if( this.isSubMenu) this.parent = lastMainURL;
    // else  lastMainURL = url;
}
function addMenu(text, url, isSub, localname) {
    var i = menu.length;
	var newURL = "";
    if (url.substring(0,5) != "http:" && url.substring(0,11) != "javascript:")
		newURL = sBase + ((url.substring(0,1)!= "/")?"/":"") + url;
	else
		newURL = url;
    menu[i] = new linkInfo(text, newURL, isSub, localname);
}

// Determine Sub-menu to display
function getDispSubMenu(selectedURL) {
	var mainEntryName = "";
	for(var i=0; i < menu.length; i++ )
	{
		if(! menu[i].isSubMenu)
			mainEntryName = basename(menu[i].url);
		if( selectedURL == basename(menu[i].url)  || selectedURL == basename(menu[i].localname)) {
			// alert(selectedURL+" "+basename(menu[i].url)+" "+Info.page);
			return mainEntryName;
		}
	}
	return selectedURL;
}	

function dispMenu(height) {
    var namePrefix = "n";
    var minLines = 25;
    var imageWidth = 11;
    var imageHeight = imageWidth;
    var dispSubMenu = false;
    var mainSelectedMenu = getDispSubMenu(Info.page);

    for(var i=0; i < menu.length; i++) {
    	var name= namePrefix+i;
    	var s="";
    	var CSSNameNonSel = "AWHITE";  // CSS name for non-selected link
    	var CSSNameSel    = "NAVSEL";  // CSS name for selected link

		if( menu[i].isSubMenu) {
			// Skip to next entry if the sub menu is not needed
			// Is sub menu
			if( ! dispSubMenu ) continue; 
			else {
				CSSNameNonSel = "AWHITESMALL";
				CSSNameSel = "NAVSMALLSEL";
			}
		}
		else
		{
			// This is a main menu entry - Determine if Sub menus 
			// should be displayed when next main entry is reached
			if(basename(mainSelectedMenu) == basename(menu[i].url) || basename(mainSelectedMenu) == basename(menu[i].localname)) {
				dispSubMenu = true;
				// alert("display submenu for "+menu[i].url);
			}
			else {
				dispSubMenu = false;
				// alert("DO NOT display submenu for "+menu[i].url);
			}
		}		
// alert("Info.page="+Info.page+"\nbasename(menu[i].url)="+basename(menu[i].url)+"\nbasename(menu[i].localname="+basename(menu[i].localname));
    	if(Info.page != basename(menu[i].url) && Info.page != basename(menu[i].localname) ) {
        	s += '<A HREF="'+menu[i].url+'" ' +
        			'onMouseOver="document.images[\''+name+'\'].src='+
        				'\''+sBase+'/images/bullet3.gif\';" '+
    				' onMouseOut="document.images[\''+name+'\'].src=' +
    					'\''+sBase+'/images/blankblue.gif\';"';
    		if(is4up) s += ' CLASS="'+CSSNameNonSel+'" ';
    		s+='>';
        	s+='<IMG SRC="'+sBase+'/images/blankblue.gif" NAME="'+name+
				'" HSPACE=2 VSPACE=4 HEIGHT='+imageHeight+' WIDTH='+imageWidth+' ALIGN=TEXTTOP BORDER=0>';
    	}
    	else {
        	s+='<TABLE WIDTH='+Info.logoWidth;
        	if (is4up) s+= ' CLASS="NAVSEL"'
        	s+= ' BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD VALIGN=MIDDLE>';
    	    if( is4up) s+='<SPAN CLASS="'+CSSNameSel+'">';
        	s+='<IMG SRC="'+sBase+'/images/bulletred2.gif"'+
				' HSPACE=2 VSPACE=4 HEIGHT='+imageHeight+' WIDTH='+imageWidth+' ALIGN=TEXTTOP BORDER=0>';
    	}

		if( menu[i].isSubMenu && dispSubMenu ) s+= "&nbsp;&nbsp;&nbsp;";
    	s+=menu[i].text;

    	if(Info.page == basename(menu[i].url) || Info.page == basename(menu[i].localname) ) {
    	    if( is4up) s+='</SPAN>';
        	s+='</TD></TR></TABLE>';
    	}
        else {
    	    s+='</A>';
	    	s+='<BR>';
        }
    	document.writeln(s);
    }

	s='<br><a href="http://www.canadahelps.org/public/content/Donate/DispCharityProfile.asp?cid=24639&lang=e" CLASS="AHOTLINK" style="color: red;FONT-WEIGHT: bold;" target="New_Window">Donate Now Through CanadaHelps.org!</a><br>';
   	document.writeln(s);
	
	var pURL = "javascript:window.top.location='"+document.location+"?print=yes';";
   	s='<BR><A HREF="'+pURL+'" CLASS="AHOTLINKSMALL">Printer friendly version<BR>of this page.</A>';
   	document.writeln(s);

    // for(var i=menu.length; i<minLines; i++) {
	//	document.write('<BR>');
	// }
}

//===========================================================================
var hotLink = new Array();
function addHotLink(text, url) {
    var i = hotLink.length;
    hotLink[i] = new linkInfo(text, url);
}

function dispHotLinks() {
    Info.colWidth= Math.floor((Info.mainTableWidth-Info.logoWidth-Info.spacerWidth)/hotLink.length - 5);

    for(var i=0; i < hotLink.length; i++) {
        document.write('<TD ALIGN=CENTER WIDTH="'+Info.colWidth+'">');
    	if(Info.page != basename(hotLink[i].url) )
            if(is4up) document.write('<A HREF="'+hotLink[i].url+'" CLASS="AHOTLINK">');
            else      document.write('<A HREF="'+hotLink[i].url+'">');
    	else if (is4up)
            document.write('<SPAN CLASS="HOTSEL">');
    	
        document.write(hotLink[i].text);
    	if(Info.page != basename(hotLink[i].url) )
                document.writeln('</A>');
    	else if (is4up)
            document.write('<SPAN CLASS="AHOTLINK">');
            
        document.write('</TD>');
    }
}

//===========================================================================
var Info = new Object();
Info.bgcolor="#FFFFEE";
Info.link="#000099";
Info.vlink="#FFFF00";

function getWidth() {
	if (isNav) {
		Info.width=window.innerWidth;
		// alert('Info.width='+Info.width);      
	} else if (isIE) {
		Info.width=document.body.offsetWidth-20;
	}
	
	if(Info.width == null) Info.width=700;

	Info.logoWidth = 164;
	Info.spacerWidth = 3;

    Info.mainTableWidth = (Info.width < 750) ? 750 : (Info.width-20);
    if(!printView) Info.mainTableWidth = 750;  // Fixed width
	Info.contentWidth = Info.mainTableWidth	- Info.logoWidth;
	Info.contentMarginLeft  = 20;
	Info.contentMarginRight = 10;
	Info.contentWidth -= Info.contentMarginLeft - Info.contentMarginRight;
}
//===========================================================================

function basename(path) {
    var len=path.length;
    var i  =len - 1;

    for( var i=len;i > 0;i-- ) {
		var c = path.substring(i-1,i);

		if( c == "/" || c == "\\" )
			break;
    }

    var remove = 0;
    if(path.substring(len-4,len) == '.htm' ) {
		var remove = 4;
    }
    else if(path.substring(len-5,len) == '.html' ) {
		var remove = 5;
    }
    return path.substring(i,len-remove);
}
//===========================================================================

Info.page=basename(document.location.pathname);

//===========================================================================
function horizLine(delta) {
	if(delta == null) delta = 0;
	return '<IMG SRC="'+sBase+'/images/blue58.gif" VSPACE=6 WIDTH="'+
				(Info.contentWidth-delta-100)+'" HEIGHT="3">';
//				(Info.contentWidth-100)+'" HEIGHT="3">';
}
//===========================================================================
function dateString(d) {
	var m = new Array ('January', 'February', 'March', 'April',
					   'May', 'June', 'July', 'August', 'September',
					   'October', 'November', 'December' );
	var s = m[d.getMonth()] + ' ' + d.getDate() + ', ';
	var day = d.getYear();
	if( day < 1900 )
		day += 1900;
	
	s += day;
	
	return s;
}
//===========================================================================

function draw(height) {
	var outs="";
    getWidth();
    
    if( location.search.substring(1,10).toLowerCase() == "print=yes" ) {
		setPrintView(true);
	}
//	else {
//		printView = false;
//	}

	if( printView ) return;
	
	outs = '<TABLE BORDER="0" CELLPADDING=0 CELLSPACING=0 VSPACE=0 WIDTH="'+Info.mainTableWidth+'" height=100%>';
	
    outs+= '<TR VALIGN=TOP BGCOLOR="#000000">';
    outs+= '<TD COLSPAN="2">&nbsp;</TD>';
    document.writeln(outs);

	dispHotLinks();
    outs ='</TR>';
    document.writeln(outs);

	// Display line with logo and pictures
	outs="";
	outs+='<TR HEIGHT=2><TD><IMG SRC="'+sBase+'/images/transparent.gif" height=2 width=2></TD></TR>';
    outs+='<TR VALIGN=TOP >';
    outs+='<TD VALIGN=TOP WIDTH="'+Info.logoWidth+'" HEIGHT="79"><IMG SRC="'+sBase+'/images/ohslogo.gif" ALT="Oakville Humane Society" BORDER=0 HEIGHT=77 WIDTH='+Info.logoWidth+' ALIGN=LEFT></TD>';
    outs+='<TD width='+Info.spacerWidth+'>&nbsp;</TD>';
    outs+='<TD VALIGN=MIDDLE ALIGN=MIDDLE><IMG SRC="'+sBase+'/images/titledogc.jpg" HEIGHT=70 WIDTH=78></TD>';
if(hotLink.length > 3)
      outs+='<TD COLSPAN='+hotLink.length-2+' ALIGN=MIDDLE VALIGN=MIDDLE>';
else
        outs+='<TD ALIGN=MIDDLE VALIGN=MIDDLE>';
    outs+='<CENTER><FONT SIZE=+1>Caring for Animals in Oakville and Milton.</FONT></CENTER>';
    outs+='</TD>';
    outs+='<TD ALIGN=MIDDLE VALIGN=MIDDLE><IMG SRC="'+sBase+'/images/titlecatc.jpg" HEIGHT=70 WIDTH=70></TD>';
    outs+='</TR>';

    outs+='<TR>'+
			'<TD CLASS="NAVBG">&nbsp;</TD>'+
			'<TD CLASS="MAINBG">&nbsp;</TD>'+
			'<TD COLSPAN='+(hotLink.length-1)+' ALIGN=MIDDLE VALIGN="center" CLASS="MAINBG">'+
			horizLine(150)+
			'</td><td align="right">'+
			'<A HREF="http://www.canadahelps.org/public/content/Donate/DispCharityProfile.asp?cid=24639&lang=e" target="New_Window">' +
			'<img src="'+sBase+'/helpus/imagesexternal/CHDonate3.gif" ALT="Donate Now Through CanadaHelps.org!">'+
			'</A>'+
			'</td></TR>';
    document.writeln(outs);

    outs='<TR>';
	if(is4up) outs+='<TD VALIGN=TOP CLASS="NAVBG" HEIGHT="'+(height||'100%')+'">';
    else      outs+='<TD VALIGN=TOP HEIGHT="'+(height||'100%')+'">';
    document.writeln(outs);
	dispMenu();
	outs="";
    outs+='</TD>';

	if(is4up) outs+='<TD CLASS="MAINBG">&nbsp;</TD>';
    else      outs+='<TD >&nbsp;</TD>';

	outs+='<TD COLSPAN="'+hotLink.length+'" VALIGN=TOP CLASS="MAINBG">';
	outs+='<TABLE border=0 cellspacing=0 cellpadding=0>';
	outs+='<TR><TD><IMG SRC="'+sBase+'/images/transparent.gif" width="'+Info.contentMarginLeft+'" height="1"></TD><TD CLASS="MAINBG"><FONT CLASS="MAINBG">';
    document.writeln(outs);

    // BEGINNING of main content
}

function endDoc() {
	var s="";
	s+='</FONT></TD><TD><IMG SRC="'+sBase+'/images/transparent.gif" width="'+Info.contentMarginRight+'" height="1"></TD></TR></TABLE>';
	if(is4up) s+='<DIV NAME="BOTTOM" ID="BOTTOM" ALIGN=CENTER>';
	s+=horizLine();
	var pURL = "javascript:window.top.location='"+sBase+"/home.html';";
	s+='<ADDRESS><A HREF="'+pURL+'">Oakville and District Humane Society</A>';
	s+='<BR>Oakville, Ontario</ADDRESS>';

	var dateUpdated = new Date(document.lastModified);
	s+='<FONT SIZE=-1>Last updated: '+dateString(dateUpdated)+'</FONT>';

	if( ! is4up ) {
		s+='<FONT SIZE=-2>This site best viewed in Microsoft Internet '+
			'Explorer Version 4.0 or Netscape Communicator 4.5</FONT>';
	}
	if(is4up) s+='</DIV>';
	document.writeln(s);

	if( printView ) return;
	
    s ='</TD>';
    s+='</TR>';
    s+='</TABLE>';
	document.writeln(s);
}
//</SCRIPT>
