// JavaScript Document

$(document).ready(function(){
 
//  swapBackground(); 
//  
//onload = swapBackground() {
//	// set up an array of the images
//	images = new Array("backgrounds/tabu_bg_1.jpg", "backgrounds/tabu_bg_2.jpg", "backgrounds/tabu_bg_3.jpg", "backgrounds/tabu_bg_4.jpg", "backgrounds/tabu_bg_5.jpg", "backgrounds/tabu_bg_6.jpg");
//	rand = Math.floor(Math.random()*images.length); // chose a random number, between 0 and the length of the array -1
//	img = images[rand]; // set img to the random image's src
//	document.body.style.background = "url("+img+")"; // set the background image
//	//document.body.css.background = "url("+img+")"; // set the background image
//}

function rolloverInit() {
    var imageArray = $('.RolloverImage');
    for (var i=0; i<imageArray.length; i++) {
            setupRollover(imageArray[i]);
    }
}

function rolloverInit2() {
    var imageArray = $('.staffscrollButtons_left');
    for (var i=0; i<imageArray.length; i++) {
			   setupRollover(imageArray[i]);
    }
}

function rolloverInit3() {
    var imageArray = $('.staffscrollButtons_right');
    for (var i=0; i<imageArray.length; i++) {
            setupRollover(imageArray[i]);
    }
}


function setupRollover(thisImage) {
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOut;
	
	thisImage.overImage = new Image();
	thisImage.overImage.src = "images/" + thisImage.id + "_over.png"; 
	thisImage.onmouseover = rollOver;
}

function rollOut() {	
	this.src = this.outImage.src;
}

function rollOver() {
	if(lastClick) {
		if(lastClick.id != this.id){
			this.src = this.overImage.src;	
		}
	}
	else {
		this.src = this.overImage.src;
	}	
}  

var lastClick = null;


function rolloverHomepage() {
    var imageArray = $('.RolloverImageHomepage');
    for (var i=0; i<imageArray.length; i++) {
            setupRolloverHomepage(imageArray[i]);
    }
}


function setupRolloverHomepage(thisImage) {
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOutHomepage;
	
	thisImage.overImage = new Image();
	thisImage.overImage.src = "images/animated_gifs/" + thisImage.id + "_over.gif"; 
	thisImage.onmouseover = rollOverHomepage;
}

function rollOutHomepage() {	
	this.src = this.outImage.src;
}

function rollOverHomepage() {
	if(lastClick) {
		if(lastClick.id != this.id){
			this.src = this.overImage.src;	
		}
	}
	else {
		this.src = this.overImage.src;
	}	
}  

var lastClick = null;


//Scroll Set Up for FEATURED WORK
 var $meet_our_staff_panels = $('#meet_our_staff_page .panel');
 var $meet_our_staff_container = $('#meet_our_staff_page .container'); 
 var meet_our_staff_horizontal = true;
 	  if (meet_our_staff_horizontal) {
		 $meet_our_staff_panels.css({
			'float' : 'left',
			'position' : 'relative'
		  });
		$meet_our_staff_container.css('width', 2880); 
	 }

var $meet_our_staff_scroll = $('#meet_our_staff_page .scroll').css('overflow', 'hidden');

 $meet_our_staff_scroll
   .before('<img class="staffscrollButtons_left" id="staff_control_button_left" src="images/staff_control_button_left.png" />')
   .after('<img class="staffscrollButtons_right" id="staff_control_button_right" src="images/staff_control_button_right.png" />');

 var scrollOptions = {
		target: $meet_our_staff_scroll,
		items: $meet_our_staff_panels,
		axis: 'xy',
		duration: 500,
		easing: 'swing',
		prev: 'img.staffscrollButtons_left', 
        next: 'img.staffscrollButtons_right'
	};
	
$('#meet_our_staff_page').serialScroll(scrollOptions);
$.localScroll(scrollOptions);

rolloverInit(); 
rolloverInit2(); 
rolloverInit3(); 
rolloverHomepage(); 

});