var image1 = new Image;
var image2 = new Image;
var image3 = new Image;

var sp1 = new Spry.Widget.SlidingPanels("slidingPanel_1",{duration:300});

var setClasses = function() {
  $("#SlidingPanelsContentGroup").removeClass("SinglePanel");
  $("#SlidingPanelsContentGroup").addClass("MultiplePanels");
  $('#SlidingPanelsContentGroup div').each( function(i) { $(this).removeClass("hidden");} );
}

var setupMenu = function() {
  $('#nav li a').each( function(i) {
    $(this).bind("click",function(event){
      clearMenu();
      sp1.showPanel(i);
      $(this).addClass('selected');
      $(this).css('color', 'white');   
      event.preventDefault();
      disableHiddenLinks(i);
    });
  });
}

var clearMenu = function() {
  $('#nav li a').each( function() {
     $(this).removeClass('selected');
     $(this).css('color', 'black'); 
  });
}

var disableHiddenLinks = function(panel) {
  $('#slidingPanel_1 a').each( function() {
    $(this).attr('tabindex', '-1');  
  });
  $('#' + $('#SlidingPanelsContentGroup').children().eq(panel).attr("id") + ' a').each ( function() {
    $(this).attr('tabindex', '0'); 
  })  
}

var getDefaultPanel = function() {
  $('#nav li').each ( function(i) { 
    if ($(this).hasClass('selected')) {
      currentPanel = i;
    }
  });
  return currentPanel;
}

$(document).ready(function() { 
  setClasses();
  setupMenu();
  rotateimages();
  disableHiddenLinks(getDefaultPanel);
  image1.src = "css/bgimages/homebgon.png";
  image2.src = "css/bgimages/pubbgon.png";
  image3.src = "css/bgimages/servicesbgon.png";
});