jQuery(function($) {
/* **
 * Banner Slide
 * ---------- ---------- ----------
 */

	$(function(){
		var $object  = $('.banner'),
			$move    = $object.find('ul'),
			$len     = $move.find('li'),
			$distanc = $len.width(),
			$menu    = $('.slidmenu'),
			$count   = 0,
			$interval,
			$time    = 6666,
			$animate = function( params ){
				params.move.stop().animate({
					'left' : -(params.count * $distanc)
				},params.speed);
			},
			$hime = function( params ){
				params.object.siblings().removeClass( params.className );
				params.object.addClass( params.className );
			},
			doInterval = function(){
				$count >= $len.length-1 ? $count = 0 : $count++ ;
				$animate({
					'move'  : $move,
					'count' : $count,
					'speed' : 'normal'
				});
				$hime({
					'object'    : $menu.eq( $count ),
					'className' : 'on'
				});
			}
			
		for( var i=$len.length; i--; ) $menu.append('<a href="javascript:;"></a>');
		$menu = $menu.find('a'); $menu.eq(0).addClass('on');
		$move.width( $len.length * $distanc );
		
		$menu.mouseover(function(){
			var $this  = $(this),
				$index = $this.index();
			$count = $index;
			$animate({
				'move'  : $move,
				'count' : $index,
				'speed' : 'normal'
			});
			$hime({
				'object'    : $this,
				'className' : 'on'
			});
			clearInterval( $interval );
			$interval = setInterval(doInterval,$time);
		});
		
		$len.hover(
			function(){ clearInterval( $interval ); },
			function(){ $interval = setInterval(doInterval,$time); }
		);
		
		$interval = setInterval(doInterval,$time);
	});

/*
var $imag    = $('.banner ul'),
	$menu    = $('.banner_menu a'),
	$distanc = 438,
	$max     = $imag.find('li').length,
	$time    = 3000,
	$count   = 0,
	interval = setInterval( doSlide , $time );
	function doSlide(){
		$imag.stop().animate({
			'top' : -($count*$distanc)
		});
		menuHighlight( $count );
		$count >= $max-1 ? $count = 0 : $count++;
	}
	$menu.hover(
		function(){
			var $this  = $(this),
				$index = $this.index();
			$count = $index;
			menuHighlight( $count );
			clearInterval( interval );
			doSlide();
		},
		function(){
			interval = setInterval( doSlide , $time );
		}
	);
	function menuHighlight( index ){
		$menu.each(function(){
			var $this  = $(this),
				$class = $this.attr('class').replace('_on','');
			$this.attr('class',$class);
		});
		var $higher    = $menu.eq(index),
			$highClass = $higher.attr('class');
		$menu.eq(index).attr('class',$highClass+'_on');
	}
*/
});
