$( document ).ready( init );


function init()
{
  showContent();
  $('#next').mousedown( slideGalToLeft );
  $('#back').mousedown( slideGalToRight );

  appendSubnavi();
  $('.galelement').colorbox({ 'width':'90%', 'height':'100%' });
  $('.iframe').colorbox({ 'width':'90%', 'height':'100%',iframe:true });
}

function appendSubnavi()
{
  var navi = '<ul class="subnavi2" style="display:none">';
  navi += '<li id="intro_nav" ><a href="?content=intro">//introduction</a></li>';
  navi += '<li id="install_nav"><a href="?content=install">//installation views</a></li>';
  navi += '</ul>';
  if( $('.subactive').text() !== 'work in progress' )
  {
    $('.subactive').after(navi);
    $('.subnavi2').slideDown(
      'slow',
      function()
      {
        //$('#contentBox').fadeIn('slow');
      }
    );
  }
}

function showContent()
{ 
  $('#contentBox').fadeIn('slow');
}

function slideGalToLeft()
{
  var galwidth = $('#gal').width();
  var containerWidth = $('#contentBox').width();

  var position = $('#gal').css('marginLeft');

  if( parseInt(position) > -galwidth+containerWidth )
  {
    $('#gal').animate({marginLeft: '-=400' },800);
  }
}

function slideGalToRight()
{
  var position = $('#gal').css('marginLeft');
  //alert(position);
  if( parseInt(position) < 0 )
  {
    $('#gal').animate({marginLeft: '+=400' },800);
  }
}