var sliderJumpTo;

$(document).ready(function() {

	//rotation speed and timer
	var speed = 7000;
	var run = setInterval('rotate()', speed);	
	
	//grab the width and calculate left value
	var item_width = $('#slides li').outerWidth(); 
	var left_value = item_width * (-1); 

	var item_count = $('#slides li').size();
	var item_index = 0;
	
    //move the last item before first item, just in case user click prev button
	$('#slides li:first').before($('#slides li:last'));
	
	//set the default item to the correct position 
	$('#slides ul').css({'left' : left_value});

	function setNumberImage()
	{
		$('#buttons img').attr({
			alt: (item_index + 1) + '/' + item_count,
			src: 'images/carousel_count' + (item_index + 1) + '.gif'
		});
	}
	
    //if user clicked on prev button
	$('#prev').click(function() {

		//get the right position            
		var left_indent = parseInt($('#slides ul').css('left')) + item_width;
		
		//slide the item            
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){    
			
			item_index --;
			if (item_index < 0)
				item_index = item_count - 1;
			setNumberImage();
		
            //move the last item and put it as first item            	
			$('#slides li:first').before($('#slides li:last'));           

			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
			
		});
		
		//cancel the link behavior            
		return false;
            
	});
	
    //if user clicked on next button
	$('#next').click(function() {
		
		//get the right position
		var left_indent = parseInt($('#slides ul').css('left')) - item_width;
		
		//slide the item
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
            
			item_index = (item_index + 1) % item_count;
			setNumberImage();
				
            //move the first item and put it as last item
			$('#slides li:last').after($('#slides li:first'));                 	
			
			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		
		});
		         
		//cancel the link behavior
		return false;
		
	});        
	
	//if mouse hover, pause the auto rotation, otherwise rotate it
	$('#slides').hover(
		
		function() {
			clearInterval(run);
		}, 
		function() {
			run = setInterval('rotate()', speed);	
		}
	); 
	
	// FAQ
	$('.faq ul li div').hide();
		
	$('.faq ul li a').click(
		function() {
			$('.faq ul li a').removeClass('current');
			$(this).addClass('current');
			var checkElement = $(this).next();
			if((checkElement.is('div')) && (checkElement.is(':visible'))) {

				return false;
			}
			if((checkElement.is('div')) && (!checkElement.is(':visible'))) {

				$('.faq ul div:visible').slideUp('normal');

				checkElement.slideDown('normal');

				return false;

			}
		}
	);
	
//	$("ul.tabs").tabs("div.panes > div"); 
	
	var tabContainers = $('div.panes .pane');
	/*tabContainers.hide().filter(':first').show();*/
	
	$('ul.tabs a').click(function () {
		tabContainers.addClass('hide');
		tabContainers.filter(this.hash).removeClass('hide');
		$('ul.tabs a').removeClass('current');
		$(this).addClass('current');
		return false;
	}).filter(':first').click();
        
});

//a simple function to click next link
//a timer will call this function, and the rotation will begin :)  
function rotate() {
	$('#next').click();
}