// remove spaces
function removeSpaces( string )
{
   var tstring = "";
   string = '' + string;
   splitstring = string.split(" ");
   for( i = 0; i < splitstring.length; i++ )
      tstring += splitstring[i];
   return tstring;
}

// Returns an XMLHttpRequestObject
function GetXmlHttpObject()
{
   var xmlHttp = null;
   try
   {
     // Firefox, Opera 8.0+, Safari
     xmlHttp = new XMLHttpRequest();
   }
   catch( e )
   {
     // Internet Explorer
     try
     {
        xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP" );
     }
     catch( e )
     {
        xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
     }
   }
   return xmlHttp;
}

// updates html content of element
// method                   - GET or 'POST'
// url                      - url of resource
// xmlHttp                  - XMLHttpRequest()/ActiveXObject() object
// readyStateChangeFunction - onreadystatechange function
function setUpdateFunction( method, url, xmlHttp, readyStateChangeFunction )
{
   xmlHttp.open( method, url, true );
   xmlHttp.onreadystatechange = readyStateChangeFunction;
   xmlHttp.send( null );
}

// Changes the value of innerHTML for an element
// id      - for document.getElementById( id )
// xmlHttp - XMLHttpRequest()/ActiveXObject() object
function updateFunction( id, xmlHttp )
{
   if( xmlHttp.readyState == 4 )
   {
      if( xmlHttp.status == 200 )
      {
         if( document.getElementById( id ) )
         {
            document.getElementById( id ).innerHTML = xmlHttp.responseText;
         }
      }
   }
}

// Check or unckeck all checkboxes in a form
function setAllCheckBoxes( formName, fieldName, checkValue )
{
   if( !document.forms[formName] )
      return;

   for( var i=0 ; i < document.forms[0].length ; i++ )
   {
      if( document.forms[formName].elements[i].type == 'checkbox' &&
          document.forms[formName].elements[i].name == fieldName
       )
      {
         document.forms[formName].elements[i].checked = checkValue;
      }
   }
}

// File input tag for multiple file upload form
function getFileInputTag( name )
{
   global_file_number++;
   var return_value = 
   "<div>File " + global_file_number + ":<input type='file' size='75' name='" + name + "' /><br/><br/></div>";
   return return_value;
}

var global_file_number = 0;

function updateHover( index )
{
   document.getElementById( 'subm'+index ).style.background = 'url( ../images/tab-menu-top-dark.jpg )';
}

function updateOut( index )
{
   if( selected_index != index )
   {
      document.getElementById( 'subm'+index ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
   }
}

var selected_index = 0;

function updateContent( page, index )
{
   selected_index = index;
   switch( index )
   {
      case 0:
      {
         document.getElementById( 'subm0' ).style.background = 'url( ../images/tab-menu-top-dark.jpg )';
         document.getElementById( 'subm1' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm2' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm3' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
      } break;
      case 1:
      {
         document.getElementById( 'subm0' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm1' ).style.background = 'url( ../images/tab-menu-top-dark.jpg )';
         document.getElementById( 'subm2' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm3' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';

      } break;
      case 2:
      {
         document.getElementById( 'subm0' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm1' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm2' ).style.background = 'url( ../images/tab-menu-top-dark.jpg )';
         document.getElementById( 'subm3' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';

      } break;
      case 3:
      {
         document.getElementById( 'subm0' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm1' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm2' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm3' ).style.background = 'url( ../images/tab-menu-top-dark.jpg )';
      } break;
      default:
      {
         document.getElementById( 'subm0' ).style.background = 'url( ../images/tab-menu-top-dark.jpg )';
         document.getElementById( 'subm1' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm2' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
         document.getElementById( 'subm3' ).style.background = 'url( ../images/tab-menu-top-light.jpg )';
      } break;
   }

   var xmlHttp    = GetXmlHttpObject();
   var update_url = "../php/update.php?index="+index+"&page="+page;

   if( xmlHttp ) //browser supports ajax
   {
      function update_content()
      {
         updateFunction( 'the_content', xmlHttp );
      }
      setUpdateFunction( "GET", update_url, xmlHttp, update_content );
   }
}

function getElementsByStyleClass( className )
{
   var all = document.all ? document.all : document.getElementsByTagName('*');
   var elements = new Array();
   for( var e = 0; e < all.length ; e++ )
   {
      if( all[e].className == className )
      {
         elements[elements.length] = all[e];
      }
   }
   return elements;
}

function stylePackageClass( element, url )
{
   var orginalbgcolor  = element.style.backgroundColor;
   element.onclick     = function(){ location.href=url; }
   element.onmouseover = function(){ element.style.backgroundColor = '#ffffff'; element.style.cursor = 'pointer'; }
   element.onmouseout  = function(){ element.style.backgroundColor = orginalbgcolor; }

   /*var elements = getElementsByStyleClass( 'package' );
   for( var e in elements )
   {
      var orginalbgcolor = elements[e].style.backgroundColor;
      elements[e].onclick     = function(){ location.href='url'; }
      elements[e].onmouseover = function(){ elements[e].style.backgroundColor = '#ffffff'; elements[e].style.cursor = 'pointer'; }
      elements[e].onmouseout  = function(){ elements[e].style.backgroundColor = orginalbgcolor; }
   }*/
}