/*
|| JavaScript by Shannon McPherson, 2006
|| mcphersonz@gmail.com
*/


// User clicked on main category....
// =================================
function catClicked(e,clickedItem){
  // Variables:
  var navList          = new Array();
  var navList          = ['practice', 'people', 'residential', 'commercial', 'fabrication', 'publication', 'archive'];
  var colorSelected    = '#cc6633';
  var colorDefault     = '#666666';

  // Reset color of every subcategory link:
  $$('ul.subcatagory  a').each(function(e) {e.style.color = colorDefault;});  
  
  // Reset every category to default color:
  for (var x = 0; x < navList.length; x++){
    categoryLink = document.getElementById(navList[x]+"_link");
    categoryLink.style.color = colorDefault;
    Element.hide(navList[x]);
  }

  // Reset Picture Area:
  frames['picturesFrame'].location.href = './subpages/'+e+'_clicked.htm';
  
  // Set clicked Category item to selected color
  clickedItem.style.color = colorSelected
  
  //Show subcategory that was clicked:
  Element.show(e);
}


// User clicked on subcategory....
// ===================================
function subCatClicked(e){
  p=e.parentNode.parentNode;           // Parent Node = HREF -> LI -> UL
  c=p.childNodes;                      // Children nodes (LI)
  for (var i=0; i < c.length; i++) {   // For each LI, find the first "a" & change style within....
    if(c[i].tagName=='LI'){
      // LI... 
      c2 = c[i].childNodes;
      c2[0].style.color='#666666';
  }}
  e.style.color = '#cc6633';               // Change color of clicked item    
}

// User wants to page through subcategory pages....
// =================================
function subCatPage(cat, direction){
  current_page = $(cat+'_page');
  category_pages = $$('#'+cat+' .subcatagory')
  total_pages = category_pages.length;

  // Toggle Category Pages:
  if (direction == 'previous' && current_page.value > 1) {
    current_page.value --;
  } else if (direction == 'next' && current_page.value < total_pages) {   
    current_page.value ++;
  } 
  category_pages.each(function(e) {e.style.display = 'none';})
  $$('#'+cat+' .subcatagory_row'+current_page.value)[0].style.display='';
      
  // Toggle Buttons:
  if (current_page.value == 1){
    $$('#'+cat+' .row_prev_enabled')[0].style.display='none'; $$('#'+cat+' .row_prev_disabled')[0].style.display='';
    $$('#'+cat+' .row_next_enabled')[0].style.display=''; $$('#'+cat+' .row_next_disabled')[0].style.display='none';
  } else if (current_page.value == total_pages) {
    $$('#'+cat+' .row_prev_enabled')[0].style.display=''; $$('#'+cat+' .row_prev_disabled')[0].style.display='none';
    $$('#'+cat+' .row_next_enabled')[0].style.display='none'; $$('#'+cat+' .row_next_disabled')[0].style.display='';
  } else {
    $$('#'+cat+' .row_prev_enabled')[0].style.display=''; $$('#'+cat+' .row_prev_disabled')[0].style.display='none';      
    $$('#'+cat+' .row_next_enabled')[0].style.display=''; $$('#'+cat+' .row_next_disabled')[0].style.display='none';            
  }
  
}