jQuery.noConflict();

jQuery(document).ready(function($) {

	var width = 232;
	var speed = 300;
	var ulDiv = 'team-scroll';
	var onScreen = 4;
	var available, shiftAmount;
	var moving = false;

	var scroll = function(dir) {
		var margin = $('#' + ulDiv).css('margin-left');
		var marginInt = parseInt(margin);
		var pos = marginInt / width;
		pos = pos - pos - pos;
		var allow = available - onScreen;
		
		if(dir === 'l') {
			if(pos == allow) {
				$('#' + ulDiv).stop().animate({marginLeft: '0px'}, speed, 'swing', function() {
					moving = false;
				});
			} else {
				shiftAmount = (pos * width) + width;
				$('#' + ulDiv).stop().animate({marginLeft: '-' + shiftAmount + 'px'}, speed, 'swing', function() {
					moving = false;
				});
			}
		} else if(dir === 'r') {
			if(pos == 0) {
				shiftAmount = allow * width;
				$('#' + ulDiv).stop().animate({marginLeft: '-' + shiftAmount + 'px'}, speed, 'swing', function() {
					moving = false;
				});
			} else {
				shiftAmount = (pos * width) - width;
				$('#' + ulDiv).stop().animate({marginLeft: '-' + shiftAmount + 'px'}, speed, 'swing', function() {
					moving = false;
				});
			}
		} else {
			return false;
		}
	};
	
	runChange = function(elm, id) {
		if(id)
		{
			var newId = id;
			elm = jQuery("#team-scroll.team-page li[rel=" + newId + "]");
		}
		else
		{
			var newId = jQuery(elm).attr('rel');
		}
		if(newId != currentId)
		{
			jQuery("#team-scroll.team-page li.current").removeClass('current');
			jQuery(elm).addClass('current');
			jQuery("#team-single div[rel=" + currentId + "]").fadeOut(fadeSpeed);
			jQuery("#team-single div[rel=" + newId + "]").fadeIn(fadeSpeed);
			if(jQuery("#team-single div[rel=" + newId + "]").height() > initHeight)
				jQuery("#team-single").animate({'height' : jQuery("#team-single div[rel=" + newId + "]").height() + "px"});
			else
				jQuery("#team-single").animate({'height' : initHeight + "px"});
			currentId = newId;
		}
	}
	
	var currentId = jQuery("#team-scroll.team-page li.current").attr('rel');
	var fadeSpeed = 300;
	var initHeight = jQuery("#team-single").height();
	jQuery("#team-single").height(jQuery("#team-single div[rel=" + currentId + "]").height());
	jQuery("#team-scroll.team-page li[class!=current]").live("mouseover", function() {
			jQuery(this).css({'cursor' : 'pointer'});
	});
	jQuery("#team-scroll.team-page li").click(function(e) {
		runChange(jQuery(this), false);
		e.preventDefault();
	});
	if(document.location.hash && document.location.hash != '') {
		runChange(false, document.location.hash.replace("#", ""));
	}

	available = $('#' + ulDiv).children().size();
	if(available > 4)
	{
		$("#team-scroll-nav").css({display: 'block'});
	}
	
	$("#team-scroll-nav-left").click(function(e) {
		if(!moving) {
			moving = true;
			scroll('l');
		}
		e.preventDefault();
	});
	
	$("#team-scroll-nav-right").click(function(e) {
		if(!moving) {
			moving = true;
			scroll('r');
		}
		e.preventDefault();
	});
	
});