// JavaScript Document
<!--

function toggleBox( myLayer, iState ){ // 1 visible, 0 hidden
  if( document.layers ){  //NN4+
    document.layers[myLayer].visibility = iState ? "show" : "hide";
    document.layers[myLayer].display = iState ? "block" : "none";
  } else if( document.getElementById ){  //gecko(NN6) + IE 5+
    var obj = document.getElementById(myLayer);
    obj.style.visibility = iState ? "visible" : "hidden";
    obj.style.display = iState ? "block" : "none";
  } else if( document.all ){  // IE 4
    document.all[myLayer].style.visibility = iState ? "visible" : "hidden";
    document.all[myLayer].style.display = iState ? "block" : "none";
  }
}

function loadurl( dest, myDiv, silent ){
  var silent = (silent == null) ? 0 : silent;
  divLoc = myDiv;
  
  //alert( silent );
  if( silent != 1 ){
    toggleBox( "statusbox", 1 );
  }
    
  try {
    xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP");
  } catch( e ){
    alert( 'It seems your browser doesn\'t support AJAX requests. Please update your browser to use this site!' );
  }
  
  xmlhttp.onreadystatechange = triggered;
  //alert( dest );
  xmlhttp.open( "GET", dest );
  xmlhttp.send( null );

}

function triggered(){
  //alert( xmlhttp.readyState + ' and ' + xmlhttp.status );
  if( ( xmlhttp.readyState == 4 ) && ( xmlhttp.status == 200 ) ){
    //alert( myDiv );
    document.getElementById( divLoc ).innerHTML = xmlhttp.responseText;
    toggleBox( "statusbox", 0 );
  }
}

function serializeData( theform, script, moddiv ){
  var els = theform.elements;
  var len = els.length;
  var queryString = "";

  this.addField = 
    function(name,value) { 
      if (queryString.length>0) { 
        queryString += "&";
      }
      queryString += encodeURIComponent(name) + "=" + encodeURIComponent(value);
    };
  for (var i=0; i<len; i++) {
    var el = els[i];
    if (!el.disabled) {
      switch(el.type) {
        case 'text': case 'password': case 'hidden': case 'textarea': 
          this.addField(el.name,el.value);
          break;
        case 'select-one':
          if (el.selectedIndex>=0) {
            this.addField(el.name,el.options[el.selectedIndex].value);
          }
          break;
        case 'select-multiple':
          for (var j=0; j<el.options.length; j++) {
            if (el.options[j].selected) {
              this.addField(el.name,el.options[j].value);
            }
          }
          break;
        case 'checkbox': case 'radio':
          if (el.checked) {
            this.addField(el.name,'CHECKED');
          } else {
            this.addField(el.name,'');
	}
          break;
      }
    }
  }
  
  var dest = script + '?' + queryString;
  
  //alert( 'Loading: ' + dest + ' into ' + moddiv );
  loadurl( dest, moddiv );  
  return false;
}

function clubInfo( id ){
  //alert( 'Starting clubInfo()' );
  var outputDiv = 'info' + id;
  //alert( 'outputDiv = ' + outputDiv );
  var textSpan = 'txt' + id;
  //alert( 'textSpan = ' + textSpan );
  var destURL = '/inc/clubinfo.inc.php?id=' + id;
  //alert( 'destURL = ' + destURL );
  var clearURL = '/inc/clear.inc.php';
  //alert( 'clearURL = ' + clearURL );

  //alert( document.getElementById(outputDiv).style.visibility );
  if( document.getElementById(outputDiv).style.visibility == "hidden" ){
    //alert( 'eq' );
    loadurl( destURL, outputDiv );
    toggleBox( outputDiv, 1 );
    document.getElementById(textSpan).innerHTML = '[Less&nbsp;Info]';
  } else {
    //alert( '!eq' );
    toggleBox( outputDiv, 0 );
    loadurl( clearURL, outputDiv, 1 );
    document.getElementById(textSpan).innerHTML = '[More&nbsp;Info]';
  }
}

//alert( 'Loaded Javascript Functions!' );
//-->