$(document).ready(function() {
if($('#billboard').length > 0) {
	
	var billboard = "#billboard";
	var indicator = "#billboardIndicator";
	var delayTime = 7000;
	var itemWidth = 620;
	var paxItems = $(billboard + ' .item');
	var currentItem = 0;
	var slideItems = $(billboard + ' .item').length;
		
	$(billboard).hover(function() {
		$(billboard + ' .navigation').show();
		clearTimeout(billboardTimer);
	}, function() {
		$(billboard + ' .navigation').hide();
		clearTimeout(billboardTimer);
		billboardTimer = setTimeout(function(){ 
			slideAnimate(currentItem + 1, false);
		}, delayTime);
	});

	function slideAnimate(goItem, manual){
		if( $(billboard + ' .animator').is(":not(:animated)") ) {
			if(goItem >= slideItems){
			   goItem = 0;
			}
			
			if(goItem < 0){
			   goItem = (slideItems - 1);
			}
			
			$(billboard + ' .animator').stop().animate({
			   left: '-' + (goItem * itemWidth)
			}, 1000, function(){
			   currentItem = goItem;
			   slideAnimate(currentItem + 1, true);
			   slideIndicatorChange(currentItem);
			   clearTimeout(billboardTimer);
			   
			   if (manual == false) {
			     billboardTimer = setTimeout(function(){ 
				  slideAnimate(currentItem + 1, false);
			     }, delayTime);
			   }
			
			});
		}
	}
	
	$(billboard + ' #billboardArrowRight').click(function(){
		clearTimeout(billboardTimer);
		slideAnimate(currentItem + 1, true);
		return false;
	});
	
	$(billboard + ' #billboardArrowLeft').click(function(){
		clearTimeout(billboardTimer);
		slideAnimate(currentItem - 1, true);
		return false;
	});
	
	/* slide indicators */
	function slideindIcators(goItem){
		
    for (var i=0; i < slideItems; i++){
     
     if( i == 0){
      $(indicator).append('<li id="billboardItem_' + i + '" class="first sprites"></li>');
     }else{
      $(indicator).append('<li id="billboardItem_' + i + '" class="sprites"></li>');
     }
     
    }
    
    /*$(indicator + " li").each(function(i){
			$(this).attr('id', 'billboardItem_' + i);
		});*/
		
    $(indicator).append('<div class="clear"></div>');
		
		$(indicator).css('margin-left', -((slideItems * 19) - 4) / 2)
		
		$(indicator + " li").hover(function() {
			$(this).addClass('active');
		}, function() {
			$(this).removeClass('active');
		});
		
		slideIndicatorChange(goItem);
		
		$(indicator + ' li').click(function(){
			clearTimeout(billboardTimer);
			var str = $(this).attr('id').split('_');
			slideAnimate(str[1], true);
			slideIndicatorChange(str[1]);
		});
	
	}
	
	function slideIndicatorChange(goItem){
		$(indicator + ' li').removeClass('active');
		$(indicator + ' li').removeClass('current');
		$(indicator + ' li#billboardItem_'+ goItem).addClass('active');
		$(indicator + ' li#billboardItem_'+ goItem).addClass('current');
	}
	
	slideindIcators(currentItem);
	
	var billboardTimer = setTimeout(function(){ 
		slideAnimate(currentItem + 1, false);
	}, delayTime);
	
}

});