$(function(){
  var index = 1;
  var totalLoaded = 0;
  var theTabs = new Array();
  var margin = margin || 6;
  var lapse = 3420;
  var rotator;
  if($(".scroll-pane").length > 0){$(".scroll-pane").jScrollPane({showArrows:true,arrowSize:13,scrollbarWidth:15,dragMaxHeight:20}); closeTab();}
  $("#sidebar li").click(function(){ id = $(this).attr('id'); if(page == 'Home') id = 'pages/'+id; location.href=id+'.php';});
  $("#tabs li").each(function(i) {$(this).css('top',($(this).height() + margin) * i);});
  $('#close').live('click',closeTab);
  $("#tabs li").click(tabClick);
  $("#imageIndex li").click(function()
  {
    if($(this).hasClass('active')) return;
    else
    {
      $('#imageIndex .active').removeClass('active');
      $(this).addClass('active');
    }
    id = $(this).attr('id');
    index = eval(id.substr(1));
    clearInterval(rotator);
    rotateImages();
  });
  
  
  loadImages();
  
  
/* -------------------- Image Slider ------------------- */  
  function rotateImages()
  {
    $fadeout = $("#mainImage .active");
    $fadein = $("#mainImage :not(.active)");
    newsrc = 'url('+((page == 'Home')?'':'../')+'media/img/gallery/'+page+'/'+images[index]+')';
    
    $fadein.css('background-image',newsrc);
    $fadein.fadeIn(1500,function(){$(this).addClass('active')});
    $fadeout.fadeOut(1500,function(){$(this).removeClass('active')});
    
    $("#imageIndex li.active").removeClass('active');$("#imageIndex li").eq(index).addClass('active');
    if(++index == images.length) index = 0;
  }
  function prepareSlider()
  {
    img = $('#mainImage').css('background-image');
    $('#mainImage #img1').addClass('active').css('background-image',img).show();
    $('#mainImage').css('background-image','none');
    rotator = setInterval(rotateImages,lapse);
  }
/* -------------------- Image Slider ------------------- */

/* -------------------- Tab Slider ------------------- */
  function tabClick()
  {
    if($(this).hasClass('selected')) return;
	closeTab();
	
    $(this).addClass('selected');
    id = $(this).attr('id');
    $li = $('div.tab',this);
	width = $li.width();
	$li.css('width',0);
	
	$li.animate({width:width},{duration:230},function(){$li.show();});
    
	if($("#close",this).length < 1) $li.append('<div id="close"></div>');
  }
  function closeTab()
  {
	$('div.tab').hide();
    $('.selected').removeClass('selected');
  }
/* -------------------- Tab Slider ------------------- */


/* -------------------- Image Preloader ------------------- */  
  function loadImages()
  {
    loadMainImages();
    loadMisc();
  }

  function loadMainImages()
  {
    var loaded = 0;
    for(x = 0; x < images.length; x++)
      $('<img />').load(function()
      {
        loaded++;
        if(loaded == images.length)
        {
          $("#mainImage").addClass('loaded');
		  prepareSlider();
        }
      }).attr('src',((page == 'Home')?'':'../')+'media/img/gallery/'+page+'/'+images[x]);
  }
  
  function loadMisc()
  {
    for(b = 1; b<6;b++)
    {
      $("<img/>").load(function(){}).attr('src',((page == 'Home')?'':'../')+'media/img/layout/btn'+b+'.png');
      $("<img/>").load(function(){}).attr('src',((page == 'Home')?'':'../')+'media/img/layout/btn'+b+'_on.png');
      $("<img/>").load(function(){}).attr('src',((page == 'Home')?'':'../')+'media/img/layout/btn'+b+'_active.png');
    }
  }
/* -------------------- Image Preloader ------------------- */
 });