// DECLARE VARIABLES

var sIndexStrip  = new String('');
    sIndexStrip += '<a href="page01.htm" target="_top" class="a-index" id="01"><img src="images/index/img-index_off_01.gif" alt="01" title="01" class="img-index" id="_01" onmouseover="fnTurnOn_Index(\'_01\');" onmouseout="fnTurnOff_Index(\'_01\');" onclick="" /></a>';
    sIndexStrip += '<a href="page02.htm" target="_top" class="a-index" id="02"><img src="images/index/img-index_off_02.gif" alt="02" title="02" class="img-index" id="_02" onmouseover="fnTurnOn_Index(\'_02\');" onmouseout="fnTurnOff_Index(\'_02\');" onclick="" /></a>';
    sIndexStrip += '<a href="page03.htm" target="_top" class="a-index" id="03"><img src="images/index/img-index_off_03.gif" alt="03" title="03" class="img-index" id="_03" onmouseover="fnTurnOn_Index(\'_03\');" onmouseout="fnTurnOff_Index(\'_03\');" onclick="" /></a>';
    sIndexStrip += '<a href="page04.htm" target="_top" class="a-index" id="04"><img src="images/index/img-index_off_04.gif" alt="04" title="04" class="img-index" id="_04" onmouseover="fnTurnOn_Index(\'_04\');" onmouseout="fnTurnOff_Index(\'_04\');" onclick="" /></a>';
    sIndexStrip += '<a href="page05.htm" target="_top" class="a-index" id="05"><img src="images/index/img-index_off_05.gif" alt="05" title="05" class="img-index" id="_05" onmouseover="fnTurnOn_Index(\'_05\');" onmouseout="fnTurnOff_Index(\'_05\');" onclick="" /></a>';
    sIndexStrip += '<a href="page06.htm" target="_top" class="a-index" id="06"><img src="images/index/img-index_off_06.gif" alt="06" title="06" class="img-index" id="_06" onmouseover="fnTurnOn_Index(\'_06\');" onmouseout="fnTurnOff_Index(\'_06\');" onclick="" /></a>';
    sIndexStrip += '<a href="page07.htm" target="_top" class="a-index" id="07"><img src="images/index/img-index_off_07.gif" alt="07" title="07" class="img-index" id="_07" onmouseover="fnTurnOn_Index(\'_07\');" onmouseout="fnTurnOff_Index(\'_07\');" onclick="" /></a>';
    sIndexStrip += '<a href="page08.htm" target="_top" class="a-index" id="08"><img src="images/index/img-index_off_08.gif" alt="08" title="08" class="img-index" id="_08" onmouseover="fnTurnOn_Index(\'_08\');" onmouseout="fnTurnOff_Index(\'_08\');" onclick="" /></a>';
    sIndexStrip += '<a href="page09.htm" target="_top" class="a-index" id="09"><img src="images/index/img-index_off_09.gif" alt="09" title="09" class="img-index" id="_09" onmouseover="fnTurnOn_Index(\'_09\');" onmouseout="fnTurnOff_Index(\'_09\');" onclick="" /></a>';
    sIndexStrip += '<a href="page10.htm" target="_top" class="a-index" id="10"><img src="images/index/img-index_off_10.gif" alt="10" title="10" class="img-index" id="_10" onmouseover="fnTurnOn_Index(\'_10\');" onmouseout="fnTurnOff_Index(\'_10\');" onclick="" /></a>';
    sIndexStrip += '<a href="page11.htm" target="_top" class="a-index" id="11"><img src="images/index/img-index_off_11.gif" alt="11" title="11" class="img-index" id="_11" onmouseover="fnTurnOn_Index(\'_11\');" onmouseout="fnTurnOff_Index(\'_11\');" onclick="" /></a>';
    sIndexStrip += '<a href="page12.htm" target="_top" class="a-index" id="12"><img src="images/index/img-index_off_12.gif" alt="12" title="12" class="img-index" id="_12" onmouseover="fnTurnOn_Index(\'_12\');" onmouseout="fnTurnOff_Index(\'_12\');" onclick="" /></a>';
    sIndexStrip += '<a href="page13.htm" target="_top" class="a-index" id="13"><img src="images/index/img-index_off_13.gif" alt="13" title="13" class="img-index" id="_13" onmouseover="fnTurnOn_Index(\'_13\');" onmouseout="fnTurnOff_Index(\'_13\');" onclick="" /></a>';
    sIndexStrip += '<a href="page14.htm" target="_top" class="a-index" id="14"><img src="images/index/img-index_off_14.gif" alt="14" title="14" class="img-index" id="_14" onmouseover="fnTurnOn_Index(\'_14\');" onmouseout="fnTurnOff_Index(\'_14\');" onclick="" /></a>';
    sIndexStrip += '<a href="page15.htm" target="_top" class="a-index" id="15"><img src="images/index/img-index_off_15.gif" alt="15" title="15" class="img-index" id="_15" onmouseover="fnTurnOn_Index(\'_15\');" onmouseout="fnTurnOff_Index(\'_15\');" onclick="" /></a>';
    sIndexStrip += '<div id="portfolio-spacer"></div>';
	sIndexStrip += '<a href="page16.htm" target="_top" class="a-index" id="16"><img src="images/index/img-index_off_16.gif" alt="16" title="16" class="img-index" id="_16" onmouseover="fnTurnOn_Index(\'_16\');" onmouseout="fnTurnOff_Index(\'_16\');" onclick="" /></a>';
	sIndexStrip += '<a href="page17.htm" target="_top" class="a-index" id="17"><img src="images/index/img-index_off_17.gif" alt="17" title="17" class="img-index" id="_17" onmouseover="fnTurnOn_Index(\'_17\');" onmouseout="fnTurnOff_Index(\'_17\');" onclick="" /></a>';
	sIndexStrip += '<a href="page18.htm" target="_top" class="a-index" id="18"><img src="images/index/img-index_off_18.gif" alt="18" title="18" class="img-index" id="_18" onmouseover="fnTurnOn_Index(\'_18\');" onmouseout="fnTurnOff_Index(\'_18\');" onclick="" /></a>';
    sIndexStrip += '<a href="page19.htm" target="_top" class="a-index" id="19"><img src="images/index/img-index_off_19.gif" alt="19" title="19" class="img-index" id="_19" onmouseover="fnTurnOn_Index(\'_19\');" onmouseout="fnTurnOff_Index(\'_19\');" onclick="" /></a>';
    sIndexStrip += '<a href="page20.htm" target="_top" class="a-index" id="20"><img src="images/index/img-index_off_20.gif" alt="20" title="20" class="img-index" id="_20" onmouseover="fnTurnOn_Index(\'_20\');" onmouseout="fnTurnOff_Index(\'_20\');" onclick="" /></a>';
    sIndexStrip += '<a href="page21.htm" target="_top" class="a-index" id="21"><img src="images/index/img-index_off_21.gif" alt="21" title="21" class="img-index" id="_21" onmouseover="fnTurnOn_Index(\'_21\');" onmouseout="fnTurnOff_Index(\'_21\');" onclick="" /></a>';
    sIndexStrip += '<a href="page22.htm" target="_top" class="a-index" id="22"><img src="images/index/img-index_off_22.gif" alt="22" title="22" class="img-index" id="_22" onmouseover="fnTurnOn_Index(\'_22\');" onmouseout="fnTurnOff_Index(\'_22\');" onclick="" /></a>';
    sIndexStrip += '<a href="page23.htm" target="_top" class="a-index" id="23"><img src="images/index/img-index_off_23.gif" alt="23" title="23" class="img-index" id="_23" onmouseover="fnTurnOn_Index(\'_23\');" onmouseout="fnTurnOff_Index(\'_23\');" onclick="" /></a>';
    sIndexStrip += '<a href="page24.htm" target="_top" class="a-index" id="24"><img src="images/index/img-index_off_24.gif" alt="24" title="24" class="img-index" id="_24" onmouseover="fnTurnOn_Index(\'_24\');" onmouseout="fnTurnOff_Index(\'_24\');" onclick="" /></a>';
    sIndexStrip += '<a href="page25.htm" target="_top" class="a-index" id="25"><img src="images/index/img-index_off_25.gif" alt="25" title="25" class="img-index" id="_25" onmouseover="fnTurnOn_Index(\'_25\');" onmouseout="fnTurnOff_Index(\'_25\');" onclick="" /></a>';
    sIndexStrip += '<a href="page26.htm" target="_top" class="a-index" id="26"><img src="images/index/img-index_off_26.gif" alt="26" title="26" class="img-index" id="_26" onmouseover="fnTurnOn_Index(\'_26\');" onmouseout="fnTurnOff_Index(\'_26\');" onclick="" /></a>';
    sIndexStrip += '<a href="page27.htm" target="_top" class="a-index" id="27"><img src="images/index/img-index_off_27.gif" alt="27" title="27" class="img-index" id="_27" onmouseover="fnTurnOn_Index(\'_27\');" onmouseout="fnTurnOff_Index(\'_27\');" onclick="" /></a>';
    sIndexStrip += '<a href="page28.htm" target="_top" class="a-index" id="28"><img src="images/index/img-index_off_28.gif" alt="28" title="28" class="img-index" id="_28" onmouseover="fnTurnOn_Index(\'_28\');" onmouseout="fnTurnOff_Index(\'_28\');" onclick="" /></a>';
    sIndexStrip += '<a href="page29.htm" target="_top" class="a-index" id="29"><img src="images/index/img-index_off_29.gif" alt="29" title="29" class="img-index" id="_29" onmouseover="fnTurnOn_Index(\'_29\');" onmouseout="fnTurnOff_Index(\'_29\');" onclick="" /></a>';
    sIndexStrip += '<a href="page30.htm" target="_top" class="a-index" id="30"><img src="images/index/img-index_off_30.gif" alt="30" title="30" class="img-index" id="_30" onmouseover="fnTurnOn_Index(\'_30\');" onmouseout="fnTurnOff_Index(\'_30\');" onclick="" /></a>';

var sNav_Top  = new String('');
    sNav_Top += '<a href="#main" target="_top" class="a-top_link" id="nav01"><img src="images/navigation/nav-link_off01.gif" alt="biography"           title="biography"           class="img-top_link" id="nav_image01" onmouseover="fnTurnOn_Link(\'bio\');"     onmouseout="fnTurnOff_Link(\'bio\');"     onclick="window.open(\'popup_bio.htm\',    \'popup\',\'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=345, height=404\');" /></a>';
    sNav_Top += '<a href="#main" target="_top" class="a-top_link" id="nav02"><img src="images/navigation/nav-link_off02.gif" alt="contact information" title="contact information" class="img-top_link" id="nav_image02" onmouseover="fnTurnOn_Link(\'contact\');" onmouseout="fnTurnOff_Link(\'contact\');" onclick="window.open(\'popup_contact.htm\',\'popup\',\'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=345, height=190\');" /></a>';
    sNav_Top += '<a href="#main" target="_top" class="a-top_link" id="nav03"><img src="images/navigation/nav-link_off03.gif" alt="additional links"    title="additional links"    class="img-top_link" id="nav_image03" onmouseover="fnTurnOn_Link(\'links\');"   onmouseout="fnTurnOff_Link(\'links\');"   onclick="window.open(\'popup_links.htm\',  \'popup\',\'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=345, height=190\');" /></a>';

var sNav_Bottom  = new String('');
    sNav_Bottom += '<a target="_top" class="a-bottom_link" id="nav04"><img src="images/navigation/nav-link_off04.gif" alt="previous" title="previous" class="img-bottom_link" id="nav_image04" onmouseover="fnTurnOn_Link(\'prev\');" onmouseout="fnTurnOff_Link(\'prev\');" onclick="fnGetPreviousPage();" /></a>';
    sNav_Bottom += '<a target="_top" class="a-bottom_link" id="nav05"><img src="images/navigation/nav-link_off05.gif" alt="next"     title="next"     class="img-bottom_link" id="nav_image05" onmouseover="fnTurnOn_Link(\'next\');" onmouseout="fnTurnOff_Link(\'next\');" onclick="fnGetNextPage();" /></a>';
    sNav_Bottom += '<a target="_top" class="a-bottom_link" id="nav06"><img src="images/navigation/nav-link_off06.gif" alt="home"     title="home"     class="img-bottom_link" id="nav_image06" onmouseover="fnTurnOn_Link(\'home\');" onmouseout="fnTurnOff_Link(\'home\');" onclick="window.open(\'index.htm\',\'_self\');" /></a>';

// DEFINE FUNCTIONS

function fnTurnOn_Index(x) {
  if (document.getElementById) {
    document.getElementById(x).src = 'images/index/img-index_on' + x + '.gif';
  }
}

function fnTurnOff_Index(x) {
  if (document.getElementById) {
    document.getElementById(x).src = 'images/index/img-index_off' + x + '.gif';
  }
}

function fnTurnOn_Link(x) {
  if (document.getElementById) {
    switch (x) {
    
    case 'bio':
    document.getElementById('nav_image01').src = 'images/navigation/nav-link_on01.gif';
    break
    
    case 'contact':
    document.getElementById('nav_image02').src = 'images/navigation/nav-link_on02.gif';
    break
    
    case 'links':
    document.getElementById('nav_image03').src = 'images/navigation/nav-link_on03.gif';
    break
    
    case 'prev':
    document.getElementById('nav_image04').src = 'images/navigation/nav-link_on04.gif';
    break
    
    case 'next':
    document.getElementById('nav_image05').src = 'images/navigation/nav-link_on05.gif';
    break
    
    case 'home':
    document.getElementById('nav_image06').src = 'images/navigation/nav-link_on06.gif';
    break
    }
  }
}

function fnTurnOff_Link(x) {
  if (document.getElementById) {
    switch (x) {
    
    case 'bio':
    document.getElementById('nav_image01').src = 'images/navigation/nav-link_off01.gif';
    break
    
    case 'contact':
    document.getElementById('nav_image02').src = 'images/navigation/nav-link_off02.gif';
    break
    
    case 'links':
    document.getElementById('nav_image03').src = 'images/navigation/nav-link_off03.gif';
    break
    
    case 'prev':
    document.getElementById('nav_image04').src = 'images/navigation/nav-link_off04.gif';
    break
    
    case 'next':
    document.getElementById('nav_image05').src = 'images/navigation/nav-link_off05.gif';
    break
    
    case 'home':
    document.getElementById('nav_image06').src = 'images/navigation/nav-link_off06.gif';
    break
    }
  }
}

function fnGetPreviousPage() {
  if (document.getElementById) {
    var x = '1';
    var y = 1;
    x = document.getElementById('photos').getAttribute('title');
    if (x == 10) {
      window.open('page09.htm','_top');
    }
    else if (x == 1) {
      window.open('page30.htm','_top');
    }
    else if (x != 1 && x >= 10) {
      window.open('page' + (x - y) + '.htm','_top');
    }
    else if (x != 1 && x < 10) {
      window.open('page0' + (x - y) + '.htm','_top');
    }
  }
}

function fnGetNextPage() {
  if (document.getElementById) {
    var x = '';
    var y = 1;
    x = document.getElementById('photos').getAttribute('title');
    if (x == 9) {
      window.open('page10.htm','_top');
    }
    else if (x != 30 && x != 9 && x >= 10) {
      window.open('page' + (x - y + 2) + '.htm','_top');
    }
    else if (x != 9 && x < 10) {
      window.open('page0' + (x - y + 2) + '.htm','_top');
    }
    else {
      window.open('page01.htm','_top');
    }
  }
}