// convert all characters to lowercase to simplify testing 
    var agt=navigator.userAgent.toLowerCase(); 

    // *** BROWSER VERSION *** 
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5. 
    var is_major = parseInt(navigator.appVersion); 
    var is_minor = parseFloat(navigator.appVersion); 

    // Note: Opera and WebTV spoof Navigator.  We do strict client detection. 
    // If you want to allow spoofing, take out the tests for opera and webtv. 
    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) 
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) 
                && (agt.indexOf('webtv')==-1)); 
    var is_nav2 = (is_nav && (is_major == 2)); 
    var is_nav3 = (is_nav && (is_major == 3)); 
    var is_nav4 = (is_nav && (is_major == 4)); 
    var is_nav4up = (is_nav && (is_major >= 4)); 
    var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) || 
                          (agt.indexOf("; nav") != -1)) ); 
    var is_nav5 = (is_nav && (is_major == 5)); 
    var is_nav5up = (is_nav && (is_major >= 5)); 

    var is_ie   = (agt.indexOf("msie") != -1); 
    var is_ie3  = (is_ie && (is_major < 4)); 
    var is_ie4  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1) ); 
    var is_ie4up  = (is_ie  && (is_major >= 4)); 
    var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) ); 
    var is_ie5up  = (is_ie  && !is_ie3 && !is_ie4); 

    // KNOWN BUG: On AOL4, returns false if IE3 is embedded browser 
    // or if this is the first browser window opened.  Thus the 
    // variables is_aol, is_aol3, and is_aol4 aren't 100% reliable. 
    var is_aol   = (agt.indexOf("aol") != -1); 
    var is_aol3  = (is_aol && is_ie3); 
    var is_aol4  = (is_aol && is_ie4); 

    var is_opera = (agt.indexOf("opera") != -1); 
    var is_webtv = (agt.indexOf("webtv") != -1); 

    // *** JAVASCRIPT VERSION CHECK *** 
    var is_js; 
    if (is_nav2 || is_ie3) is_js = 1.0 
    else if (is_nav3 || is_opera) is_js = 1.1 
    else if ((is_nav4 && (is_minor <= 4.05)) || is_ie4) is_js = 1.2 
    else if ((is_nav4 && (is_minor > 4.05)) || is_ie5) is_js = 1.3 
    else if (is_nav5) is_js = 1.4 
    // NOTE: In the future, update this code when newer versions of JS 
    // are released. For now, we try to provide some upward compatibility 
    // so that future versions of Nav and IE will show they are at 
    // *least* JS 1.x capable. Always check for JS version compatibility 
    // with > or >=. 
    else if (is_nav && (is_major > 5)) is_js = 1.4 
    else if (is_ie && (is_major > 5)) is_js = 1.3 
    // HACK: no idea for other browsers; always check for JS version with > or >= 
    else is_js = 0.0; 

    // *** PLATFORM ***
    var is_win   = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
    // NOTE: On Opera 3.0, the userAgent string includes "Windows 95/NT4" on all
    //        Win32, so you can't distinguish between Win95 and WinNT.
    var is_win95 = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1));

    // is this a 16 bit compiled version?
    var is_win16 = ((agt.indexOf("win16")!=-1) || 
               (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) || 
               (agt.indexOf("windows 16-bit")!=-1) );  

    var is_win31 = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) ||
                    (agt.indexOf("windows 16-bit")!=-1));

    // NOTE: Reliable detection of Win98 may not be possible. It appears that:
    //       - On Nav 4.x and before you'll get plain "Windows" in userAgent.
    //       - On Mercury client, the 32-bit version will return "Win98", but
    //         the 16-bit version running on Win98 will still return "Win95".
    var is_win98 = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1));
    var is_winnt = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1));
    var is_win32 = (is_win95 || is_winnt || is_win98 || 
                    ((is_major >= 4) && (navigator.platform == "Win32")) ||
                    (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1));

    var is_os2   = ((agt.indexOf("os/2")!=-1) || 
                    (navigator.appVersion.indexOf("OS/2")!=-1) ||   
                    (agt.indexOf("ibm-webexplorer")!=-1));

    var is_mac    = (agt.indexOf("mac")!=-1);
    var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || 
                               (agt.indexOf("68000")!=-1)));
    var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || 
                                (agt.indexOf("powerpc")!=-1)));

	// macos detection not a real science, too little info in ua
    var macos  = (is_mac && ((agt.indexOf("mac os") != -1) ||
                                (agt.indexOf("macos") != -1) ||
                                this.ie));
    var macos8 = (macos && ((agt.indexOf("os 8") != -1) ||
                                  (agt.indexOf("os8") != -1)));
    // ie5.13 reports as ie5.12 on os x
    var macos9 = ((is_mac && (is_ie5 && (agt.indexOf("msie 5.13") != -1))) ||
                   (macos && ((agt.indexOf("os 9") != -1) ||
                                   (agt.indexOf("os9") != -1))));
    var macosx = (macos && ((agt.indexOf("os x") != -1) ||
                                  (agt.indexOf("osx") != -1)));

								
    var is_sun   = (agt.indexOf("sunos")!=-1);
    var is_sun4  = (agt.indexOf("sunos 4")!=-1);
    var is_sun5  = (agt.indexOf("sunos 5")!=-1);
    var is_suni86= (is_sun && (agt.indexOf("i86")!=-1));
    var is_irix  = (agt.indexOf("irix") !=-1);    // SGI
    var is_irix5 = (agt.indexOf("irix 5") !=-1);
    var is_irix6 = ((agt.indexOf("irix 6") !=-1) || (agt.indexOf("irix6") !=-1));
    var is_hpux  = (agt.indexOf("hp-ux")!=-1);
    var is_hpux9 = (is_hpux && (agt.indexOf("09.")!=-1));
    var is_hpux10= (is_hpux && (agt.indexOf("10.")!=-1));
    var is_aix   = (agt.indexOf("aix") !=-1);      // IBM
    var is_aix1  = (agt.indexOf("aix 1") !=-1);    
    var is_aix2  = (agt.indexOf("aix 2") !=-1);    
    var is_aix3  = (agt.indexOf("aix 3") !=-1);    
    var is_aix4  = (agt.indexOf("aix 4") !=-1);    
    var is_linux = (agt.indexOf("inux")!=-1);
    var is_sco   = (agt.indexOf("sco")!=-1) || (agt.indexOf("unix_sv")!=-1);
    var is_unixware = (agt.indexOf("unix_system_v")!=-1); 
    var is_mpras    = (agt.indexOf("ncr")!=-1); 
    var is_reliant  = (agt.indexOf("reliantunix")!=-1);
    var is_dec   = ((agt.indexOf("dec")!=-1) || (agt.indexOf("osf1")!=-1) || 
           (agt.indexOf("dec_alpha")!=-1) || (agt.indexOf("alphaserver")!=-1) || 
           (agt.indexOf("ultrix")!=-1) || (agt.indexOf("alphastation")!=-1)); 
    var is_sinix = (agt.indexOf("sinix")!=-1);
    var is_freebsd = (agt.indexOf("freebsd")!=-1);
    var is_bsd = (agt.indexOf("bsd")!=-1);
    var is_unix  = ((agt.indexOf("x11")!=-1) || is_sun || is_irix || is_hpux || 
                 is_sco ||is_unixware || is_mpras || is_reliant || 
                 is_dec || is_sinix || is_aix || is_linux || is_bsd || is_freebsd);

    var is_vms   = ((agt.indexOf("vax")!=-1) || (agt.indexOf("openvms")!=-1));

function getCookie(name){
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1){
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else{
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1){
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}

function rollOver(imageRolled, status){
	if(status == "on"){
		eval("document." + imageRolled + ".src = " + imageRolled + "_on.src");
	}
	if(status == "off"){
		eval("document." + imageRolled + ".src = " + imageRolled + "_off.src");
	}
}

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function footerNav(){
	document.writeln('<tr>');
	document.writeln('	<td colspan="5"><img src="images/bottom.gif" width="761" height="9" alt="" vspace="5" /></td>');
	document.writeln('</tr>');
	document.writeln('<tr>');
	document.writeln('	<td colspan="5" class="footer" nowrap align="center">	<a href="index.html" class="footer">Home</a> | ');
	document.writeln('															<a href="race.html" class="footer">Informasi Perlombaan</a> | ');
	document.writeln('															<a href="schedule.html" class="footer">Jadwal Perlombaan</a> | ');
	document.writeln('															<a href="travel.html" class="footer">Paket Travel</a> | ');
	document.writeln('															<a href="island.html" class="footer">Pulau Bali</a> | ');
	document.writeln('															<a href="maps.html" class="footer">Peta Rute Perlombaan</a> | ');
	document.writeln('															<a href="photos.html" class="footer">Galeri Foto</a> | ');
	document.writeln('															<a href="contact.html" class="footer">Hubungi Kami</a></td>');
	document.writeln('</tr>');
	document.writeln('<tr>');
	document.writeln('	<td colspan="5"><img src="images/bottom.gif" width="761" height="9" alt="" vspace="5" /></td>');
	document.writeln('</tr>');
	document.writeln('<tr>');
	document.writeln('	<td colspan="5" class="footer" nowrap align="center" />&nbsp;                 © 2011 Bali International Triathlon LLC</td>');
	document.writeln('</tr>');
}
if (document.images) {
	race_off = newImage("images/nav_race_off.gif");
	race_on = newImage("images/nav_race_on.gif");
	schedule_off = newImage("images/nav_schedule_off.gif");
	schedule_on = newImage("images/nav_schedule_on.gif");
	travel_off = newImage("images/nav_travel_off.gif");
	travel_on = newImage("images/nav_travel_on.gif");
	island_off = newImage("images/nav_island_off.gif");
	island_on = newImage("images/nav_island_on.gif");
	maps_off = newImage("images/nav_maps_off.gif");
	maps_on = newImage("images/nav_maps_on.gif");
	photos_off = newImage("images/nav_photos_off.gif");
	photos_on = newImage("images/nav_photos_on.gif");
	contact_off = newImage("images/nav_contact_off.gif");
	contact_on = newImage("images/nav_contact_on.gif");
}

function leftNav(section){
	
	string = new Array();
	string[0] = '<img name="race" src="images/nav_race_off.gif" width="197" height="25" alt="" border="0" /><br />';
	string[1] = '<img name="schedule" src="images/nav_schedule_off.gif" width="197" height="25" alt="" border="0" /><br />';
	string[2] = '<img name="travel" src="images/nav_travel_off.gif" width="197" height="25" alt="" border="0" /><br />';
	string[3] = '<img name="island" src="images/nav_island_off.gif" width="197" height="25" alt="" border="0" /><br />';
	string[4] = '<img name="maps" src="images/nav_maps_off.gif" width="197" height="25" alt="" border="0" /><br />';
	string[5] = '<img name="photos" src="images/nav_photos_off.gif" width="197" height="25" alt="" border="0" /><br />';
	string[6] = '<img name="contact" src="images/nav_contact_off.gif" width="197" height="25" alt="" border="0" /><br />';

	for (x=0; x<string.length; x++){
		var sectionnamestart = string[x].indexOf("name=");
		var sectionnameend = string[x].indexOf("src=");
		var sectionname = string[x].slice(sectionnamestart+6,sectionnameend-2);
		if (string[x].indexOf(section) != -1){ //we are in this section, so replace 'off' with 'on'
			string[x] = string[x].replace('_off','_on');
		}
		else if (string[x].indexOf("!--") == -1){ //insert links
			string[x] = '<a href="' + sectionname + '.html" onmouseout="rollOver(\'' + sectionname + '\',\'off\');window.status=\'\';return true;" onmouseover="rollOver(\'' + sectionname + '\',\'on\');window.status=\'' + sectionname.toUpperCase() + '\';return true;">' + string[x].slice(0,string[x].length-9) + '</a><br />';
		}
		//alert(string[x]);
		document.writeln(string[x]);
	}
	
}

function popup(thisUrl,thisWidth,thisHeight){
         screenwidth = screen.availWidth;
         screenheight = screen.availHeight;
         thisLeft = ((screenwidth - thisWidth)/2);
         thisTop = ((screenheight - thisHeight)/2);
         optionString = ('width=' + thisWidth + ',height=' + thisHeight + ',top=' + thisTop + ',left=' + thisLeft + ',status=no,menubar=no,resizable=no,scrollbars=yes,toolbar=no');
         mainWin = window.open(thisUrl,"popup",optionString);
         mainWin.focus();
}

function checkQueryParam(paramToCheck){
	paramValue = false;
	//get query string
	argstring = window.location.search;
	//cut off question mark
	argstring = argstring.substring(argstring.indexOf("?")+1,argstring.length);
	//split out name/value pairs into an array - args
	args = argstring.split("&");
	//step through the array looking for the passed in parameter
	for (x=0;x<args.length;x++){
		//split up the name and value
		arg = args[x].split("=");
		//if this is the param we're looking for...
		if (arg[0]==paramToCheck){
			//set the return value
			paramValue = arg[1];
		}
	}
	//return the param's value - false if not found
	return paramValue;
}

function getCookie(name)
{
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1)
    {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1)
    {
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}

function subnavImageMap(){

	document.writeln('<!-- subnav imagemap -->');
	document.writeln('<map name="subnav">');
	document.writeln('<area alt="INFO" coords="9,0,300,19" href="http://www.balidiscovery.com/triathlon/hotels.html" target="_blank">');
	<!--document.writeln('<area alt="CALENDAR" coords="95,0,195,19" href="http://www.99bali.com/ritz_carlton/" target="_blank">');	
	document.writeln('<area alt="RESULTS" coords="330,0,600,19" href="http://www.balidiscovery.com/triathlon/hotels.html" target="_blank">');		
	<!--document.writeln('<area alt="RACE REPORTS" coords="305,0,410,20" href="http://www.keratonjimbaranresort.com/" target="_blank">');	
	<!--document.writeln('<area alt="VOLUNTEER" coords="415,0,485,19" href="http://www.sarisegara.com/" target="_blank">');	
	<!--document.writeln('<area alt="MERCHANDISE" coords="495,0,555,19" href="http://www.puribambu.com/" target="_blank">');
	document.writeln('</map>');

}

function partnersImageMap(){

	document.writeln('<!-- partners imagemap -->');
	document.writeln('<map name="partners">');	
	document.writeln('<area shape="RECT" alt="" coords="18,10,182,120" href="http://www.balidiscovery.com/triathlon/hotels.html" target="_blank"><!-- bali discovery tours -->');
	document.writeln('<area shape="RECT" alt="" coords="18,180,182,280" href="http://www.mra.co.id/" target="_blank"><!-- MRA -->');
	document.writeln('<area shape="RECT" alt="" coords="18,290,182,365" href="http://www.fourseasons.com/jimbaranbay/" target="_blank"><!-- four seasons -->');	
	document.writeln('<area shape="RECT" alt="" coords="18,390,182,475" href="http://www.bali.intercontinental.com" target="_blank"><!-- intercontinental -->');	
	document.writeln('<area shape="RECT" alt="" coords="18,490,182,560" href="http://www.bimcbali.com" target="_blank"><!-- BIMC -->');
	document.writeln('<area shape="RECT" alt="" coords="18,580,182,715" href="http://www.jenggala-bali.com" target="_blank"><!-- Jenggala -->');
	document.writeln('<area shape="RECT" alt="" coords="18,750,182,830" href="http://www.marathon-photos.com" target="_blank"><!-- Marathon Photos -->');

}

//determine what section we are in for dynamic elements
var lastdotindex = window.location.href.lastIndexOf(".");
var lastslashindex = window.location.href.lastIndexOf("/");
var section = window.location.href.slice(lastslashindex+1,lastdotindex);
if (section == ""){
	section = "index";
}
//alert(section);