$(document).ready(function() {
  jQuery.noConflict();
  //Config values
  var thumbimagewidth = 62;
  var imagestoleft = 7;
  var imagestoright=7;
  var imagecenterreel=100;

  var curpos = 9;
	//Get wrapper div
	var object_left = jQuery("#faculty_gallery_left");
	var object_right = jQuery("#faculty_gallery_right");
	got_focus(curpos);


	
	
  //Get size of the image, how many images there are, then determine the size of the image reel.
  /*var imageWidth = object.find(".slider_window").width();
  var imageSum = object.find(".faculty_reel img").size();
  var imageReelWidth = imageWidth * imageSum;
  var temp=0;*/
  
  //left vars
  var imageWidth = object_left.find(".slider_window").width();
  var imageSum = object_left.find(".faculty_reel img").size();
  var leftimageReelWidth = imageWidth * imageSum;
  var temp=0;
  
  //right vars
  var imageWidth = object_right.find(".slider_window").width();
  var imageSum = object_right.find(".faculty_reel img").size();
  var rightimageReelWidth = imageWidth * imageSum;
  var temp=9;

        jQuery(".faculty_reel").animate({left: -thumbimagewidth*9}, 1000, 'swing',function (){jQuery(this).effect("bounce", { times:3 }, 300);} );
        
        jQuery(".center_faculty_reel").animate({left: -imagecenterreel*9}, 1000, 'swing' );

  //Set up arrow clicks
  object_right.find('img.buttons[alt="right_arrow"]').click(
    function(){
      //alert(jQuery(".faculty_reel").position().left);
      //if(jQuery(".faculty_reel").position().left<0)
      if(curpos>1)
      {    
        curpos--;
        jQuery(".faculty_reel").animate({left: -thumbimagewidth*curpos+10}, 200 ).animate({left: -thumbimagewidth*curpos}, 200 );
        jQuery(".center_faculty_reel").animate({left: -imagecenterreel*curpos+10}, 200 ).animate({left: -imagecenterreel*curpos}, 200 );
      }
		got_focus(curpos);
    }
  );

  object_left.find('img.buttons[alt="left_arrow"]').click(
    function(){
      if(curpos<16){
        curpos++;
        jQuery(".faculty_reel").animate({left: -thumbimagewidth*curpos-10}, 200 ).animate({left: -thumbimagewidth*curpos}, 200 );
        jQuery(".center_faculty_reel").animate({left: -imagecenterreel*curpos-10}, 200 ).animate({left: -imagecenterreel*curpos}, 200 );
      }
      if(curpos==16)
      {
        /*alert("we've hit the end");*/
      }
		got_focus(curpos);
    }
  );  
  
  jQuery(".faculty_reel img").click(
    function()
    {
      //alert(jQuery(this).attr("num"));
        curpos = jQuery(this).attr("num"); 
        if(jQuery(this).parent().parent().attr("side")=="left")
        {
          jQuery(".faculty_reel").animate({left: -thumbimagewidth*curpos+10}, 200 ).animate({left: -thumbimagewidth*curpos}, 200 );
          jQuery(".center_faculty_reel").animate({left: -imagecenterreel*curpos+10}, 200 ).animate({left: -imagecenterreel*curpos}, 200 ); 
        }     
        else
        {
          jQuery(".faculty_reel").animate({left: -thumbimagewidth*curpos-10}, 200 ).animate({left: -thumbimagewidth*curpos}, 200 );
          jQuery(".center_faculty_reel").animate({left: -imagecenterreel*curpos-10}, 200 ).animate({left: -imagecenterreel*curpos}, 200 ); 
        }
		got_focus(curpos);
		return false;
    }
  );

  function got_focus(n) {

  jQuery(".center_faculty_reel img").each(function ()
		{jQuery(this).parent().find('div.caption').animate({top:"140px"}, 100);}
	);
	jQuery(".center_faculty_reel").find('img[num='+n+']').parent().find('div.caption').animate({top:"110px"}, 300);
	jQuery("a.bio").attr('href',"presenter-bios.html#"+jQuery(".center_faculty_reel").find('img[num='+n+']').attr("url"));
  }




  //Adjust the image reel to its new size
  jQuery(".faculty_reel").css({'width' : 62*20});	
  jQuery(".center_faculty_reel").css({'width' : imagecenterreel*17});	
  
 /* rotate = function(){
    var triggerID = jQueryactive.attr("del") - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    jQuery(".paging a").removeClass('active'); //Remove all active class
    jQueryactive.addClass('active'); //Add active class (the jQueryactive is declared in the rotateSwitch function)

    //Slider Animation
    jQuery(".faculty_reel").animate({
        left: -image_reelPosition
    }, 500 );

  };*/  

}
);