$(function() {
	var root = '/';
	$("#boxVideos").redSlider();
	$('.tabTitles li a').click(function() {
		$('.tabTitles li a').removeClass('active');
		$(this).addClass('active');
		
		var type = $(this).attr('rel');
		$('#tabsContent').overlay();
		$('#tabsContent').load(root+'tasks.php?t='+type,function() {
			$('.overlay').remove();
		});
		return false;
	});
});

$.fn.overlay = function(options) {
	return this.each(function(e) {
		$('.overlay').remove();
		var offset = $(this).offset();
		var $this = $(this),
		defaults =  {width: $this.outerWidth(),height: $this.outerHeight(),top: offset.top,left: offset.left},
		settings = $.extend({}, defaults, options);
		$('<div class="overlay" />').appendTo('body').css({'position' : 'absolute', 'top' : settings.top, 'left' : settings.left, 'width': settings.width, 'height' : settings.height});
	});
}
$.fn.redSlider = function() {
	var currentPosition = 0;
	var ul = $('ul',this);
	var sC = $('li',ul).size();
	var oW = 270 * sC;
	var iH = ul.height() / sC + 25;
	var i = 0;
	ul.css({'width': oW});
	$(this).css({'height':iH});
	$('#slidesNav li a:first').addClass('current');
	function startSlide() {
		var oP = ul.css('margin-left').replace('px','');
		var nP = (oP <= -(oW-270)) ? 0 : oP - 270;
		i++;
		if(i >= sC) i = 0;
		manageCurrent(i);
		ul.animate({marginLeft : (nP)},500);
	}
	
	$('#slidesNav li a').click(function() {
		clearInterval(start);
		var i = $('#slidesNav li a').index(this);
		navController(i);
		manageCurrent(i);
		return false;
	});
	
	function navController(i) {
		var oP = ul.css('margin-left').replace('px','');
		var nP = i*270;
		ul.animate({marginLeft : -(nP)},500);
	}
	
	function manageCurrent(i) {
		$('#slidesNav li a').removeClass('current');
		$('#slidesNav li a:eq('+i+')').addClass('current');
	}
	var start = setInterval(startSlide,3000);
}