// Carrousel

function ActivateCarouselItem( carouselId, itemId )
{
   if ( itemId != activeItemIdForCarousel[ carouselId ] )
   {
      // Deactivate active link
      activeCarouselItem = document.getElementById("Carousel" + carouselId + "Item" + activeItemIdForCarousel[carouselId]);
      removeClass( activeCarouselItem, "Active" );

      // Activate hovered link
      hoveredCarouselItem = document.getElementById("Carousel" + carouselId + "Item" + itemId);
      addClass( hoveredCarouselItem, "Active" );

      // Remember active link
      activeItemIdForCarousel[carouselId] = itemId;
   }
}



// Add, has, remove class

function addClass( element, className )
{
   if( !this.hasClass( element, className ) )
      element.className += " " + className;
}

function hasClass( element, className )
{
   return element.className.match( new RegExp( '(\\s|^)' + className + '(\\s|$)' ) );
}

function removeClass(element, className)
{
   if( hasClass( element, className ) )
   {
      var reg = new RegExp( '(\\s|^)' + className + '(\\s|$)' );
      element.className = element.className.replace( reg, ' ' );
   }
}




// Trim whitespace

var Whitespace = " \t\n\r";

function Trim( string )
{
   return TrimRight( TrimLeft( string ) );
}

function TrimLeft( string )
{
   var returnString = "";
   var length = string.length;
   var c;
   for ( var i = 0; i < length; i++ )
   {
      c = string.charAt( i );
      if ( Whitespace.indexOf( c ) == -1 )
      {
         returnString = string.substring( i, string.length - i );
         break;
      }
   }
   return returnString;
}

function TrimRight( string )
{
   var returnString = "";
   var c;
   for ( var i = string.length; i >= 0; i-- )
   {
      c = string.charAt( i );
      if ( Whitespace.indexOf( c ) != -1 )
      {
         returnString = string.substring( 0, i );
         break;
      }
   }
   return returnString;
}


// Toggle an element's visibility

function ToggleVisibility( sElementId ) {
   var elem = document.getElementById( sElementId );
   if (elem.style.display == 'none') 
      elem.style.display = '';
   else
      elem.style.display = 'none';
}