var num_elements = 0;
var cur_element = 0;

jQuery(document).ready(function(){
	//set the number of elements
	num_elements = jQuery(".featured_cont").length;
	
	//scroll left
	jQuery(".scroll-left").bind('click',function(){
		scrollHeader(-1);
	});
	
	//scroll right
	jQuery(".scroll-right").bind('click',function(){
		scrollHeader(1);
	});
	
	//tabs click
	jQuery(".tabs ul li").bind('click',function(){
		//get the element that was clicked
		var eq = jQuery(".tabs ul li").index(jQuery(this));
		
		//scroll the header
		if(eq > cur_element){
			scrollHeader(1,eq);
		} else {
			scrollHeader(-1,eq);
		}
	});
	
	//details click
	jQuery(".details").bind('click',function(){
		jQuery(this).parents('.featured_cont').find('.course_video').hide();
		jQuery(this).parents('.featured_cont').find('.course_details').show();
	});
	
	//video click
	jQuery(".video").bind('click',function(){
		jQuery(this).parents('.featured_cont').find('.course_video').show();
		jQuery(this).parents('.featured_cont').find('.course_details').hide();
	});
});

function scrollHeader(dir,next_element){
	var position = 0;
	
	//if no next element
	if(typeof(next_element) == 'undefined'){
		//get next element
		if(cur_element+dir >=num_elements){
			next_element = 0;
		} else if(cur_element+dir < 0){
			next_element = num_elements -1;
		} else {
			next_element = cur_element+dir;
		}
	}
	
	if(jQuery('.featured_cont').eq(next_element).is(":animated") || jQuery('.featured_cont').eq(cur_element).is(":animated") || cur_element == next_element) return;
	
	//get next position
	position = jQuery('.content-top').width() * dir;
	
	//add/remove class
	jQuery(".tabs ul li").eq(cur_element).find('a').removeClass('active');
	jQuery(".tabs ul li").eq(next_element).find('a').addClass('active');
	
	//animate next element
	jQuery('.featured_cont').eq(next_element).css({ 'left':position }).show().animate({ 'left':0 });
	
	//animate current element
	jQuery('.featured_cont').eq(cur_element).animate({ 'left':(position*-1) },function(){
		jQuery(this).hide();
		cur_element = next_element;
	});
	
	
}