// JavaScript Document

jQuery(function($) {
	
	var timer;
	var container = '#HOME_SLIDER '; /* ID name of the DIV */
	var slides = 4; /* Number of slides */
	
	var i=1;
	var next;
	
	function button(id)
	{
		$(container+'ul.slides li').hide();
		$(container+'ul.slides li.slide'+id).fadeIn(500);
		$(container+'ul.buttons li').removeClass('active');
		$(container+'ul.buttons li.button'+id).addClass('active');
		
		if(id == slides){
  			next = 1;
  		}else{
  			next = parseInt(id)+1;
  		}
		
		clearTimeout(timer);
		timer = setTimeout(function(){
			$(container+'ul.slides li').fadeOut(1000);
			setTimeout(function(){
				button(next);
			}, 1000);
		}, 7000);
		
		
		return false;
	}
	
	function onLoad()
	{
		$(container+'ul.slides li').hide();
		$(container+'ul.slides li.slide1').fadeIn(500);
		$(container+'ul.buttons li.button1').addClass('active');
		
		clearTimeout(timer);
		timer = setTimeout(function(){
			$(container+'ul.slides li').fadeOut(1000);
			setTimeout(function(){
				button(2);
			}, 1000);
		}, 7000);
	}
	
	/* slide indicator buttons */
	while(i <= slides)
	{
		$(container+'.button'+i+' a').click(function(){
			var value = $(this).parent().attr("class").substr(6);
			button(value);
			return false;
		});
  		
		i++;
	}
  	
	onLoad();

});