var time = 3000;

$j(document).ready(function(){
	var $j = jQuery.noConflict();
	var total = $j('.slide-wrap-home li').length;
	var current = 1;
	
	//hide all slide
	$j('.slide-wrap-home li').fadeTo(0, 0).css({ 'z-index' : '0' });
	$j('.slide-wrap-home li:first').css({ 'z-index' : '10' });
	var divNumbers = document.createElement('div');
	$j(divNumbers).addClass('numbers-slide-home').css({'position' : 'absolute', 'bottom' : '10px', 'right' : '10px', 'z-index' : '20'});
	$j('.slide-wrap-home').append(divNumbers);
	
	//add class and create numbers links
	$j('.slide-wrap-home li').each(function(i){
		i = i + 1;
		$j(this).addClass('slide'+i);
		var adist = (4+((i-1)*14));
		var div = document.createElement('div');
		$j(div).addClass('num-s-home link'+i).text(i).css({
												'width' : '20px',
												'color' : '#fff',
												'font-weight' : 'bold',
												'font-size' : '18px',
												'float' : 'left',
												'display' : 'inline',
												'margin-left' : '6px',
												'text-align' : 'center',
												'cursor' : 'pointer'
												});
		$j('.slide-wrap-home .numbers-slide-home').append(div);
	});

	//run slide
	function run(){
		setTimeout(fade, time);
	}

	//slide efects
	function fade(){
		
		$j('.slide-wrap-home div').css({ 'color' : '#fff' });
		$j('.slide-wrap-home .link'+current).css({ 'color' : '#fff369' });	
		$j('.slide-wrap-home li').removeClass('select').css({ 'z-index' : '0' });
		$j('.slide'+current).addClass('select').css({ 'z-index' : '10' }).fadeTo(1200, 1, function(){
			$j('.slide-wrap-home li:not(.select)').fadeTo(0, 0);
		});
		
		if (current == total){
		current = 1;
		}else{
		current++;
		}
		run();
	}
	//numbers links
	$j('.slide-wrap-home .num-s-home').click(function(){
		$j('.slide-wrap-home .stopHere').removeClass('stopHere');
		$j('.slide-wrap-home .play').css({ 'display' : 'none' });
		$j('.slide-wrap-home .stop').css({ 'display' : 'inline' });
		
		current = $j(this).text();
		
		$j('.slide-wrap-home div').css({ 'color' : '#fff' });
		$j('.slide-wrap-home .link'+current).css({ 'color' : '#fff369' });
		
		$j('.slide-wrap-home li').removeClass('select').css({ 'z-index' : '0' });
		$j('.slide'+current).addClass('select').css({ 'z-index' : '10' }).fadeTo(1200, 1, function(){
			$j('.slide-wrap-home li:not(.select)').fadeTo(0, 0);
		});
		
	});
	//stop - play
	var divStop = document.createElement('div');
	$j(divStop).addClass('stop active').text('stop').css({
											'width' : '30px',
											'color' : '#fff',
											'font-weight' : 'bold',
											'font-size' : '14px',
											'margin-left' : '6px',
											'margin-top' : '3px',
											'margin-right' : '6px',
											'text-align' : 'center',
											'float' : 'left',
											'display' : 'inline',
											'cursor' : 'pointer'
											});
	$j('.slide-wrap-home .numbers-slide-home').append(divStop);
	var divPlay = document.createElement('div');
	$j(divPlay).addClass('play').text('play').css({
											'width' : '30px',
											'color' : '#fff',
											'font-size' : '14px',
											'font-weight' : 'bold',
											'margin-left' : '6px',
											'margin-right' : '6px',
											'margin-top' : '3px',
											'text-align' : 'center',
											'float' : 'left',
											'display' : 'none',
											'cursor' : 'pointer'
											});
	$j('.slide-wrap-home .numbers-slide-home').append(divPlay);
	
	$j('.slide-wrap-home .stop').click(function(){
		var num = current;
		current = 'stop';
		$j(this).css({ 'display' : 'none' });
		$j('.slide-wrap-home .play').css({ 'display' : 'inline' });
		$j('.slide-wrap-home .link'+num).addClass('stopHere');
		$j('.slide-wrap-home .num-s-home').css({ 'background' : 'none' });
		/*$j('.stopHere').prev().css({ 'color' : '#f00' });*/
	});
	
	$j('.slide-wrap-home .play').click(function(){
		var num = $j('.stopHere').text();
		current = num;
		$j(this).css({ 'display' : 'none' });
		$j('.slide-wrap-home .stop').css({ 'display' : 'inline' });
		$j('.slide-wrap-home .stopHere').removeClass('stopHere');
		//$j('.slide-wrap-home div').css({ 'color' : '#333' });
	});
	
	
//begin
$j('.slide1').fadeTo(1200, 1);
$j('.link1').css({ 'color' : '#fff369' });
run();
	
});