$(document).ready(function(){		
	InitHomeSlideShow();
})

function InitHomeSlideShow(){
	var _speed = 800,
		_duration = 5000;	
	var _hold = $('.slide');
	var _list =_hold.find('>li');
	var _a = _list.index(_list.filter('.active:eq(0)'));
	if(_a == -1) {_a = 0;_list.eq(_a).addClass('active')}
	var _i, _old = _a, _t;

	//if(jQuery.browser.msie && jQuery.browser.version < 8){}
	//else{
	
	if(_list.length > 1){	
		_list.css({opacity:0}).eq(_a).show().css({opacity:1});//}		
		Run(_a);
	
	/* control */
		$('.slide-holder .control').append('<ul></ul>');
		$('ul.slide li').each(function(index){
			$('.slide-holder .control ul').append('<li><a id="c'+index+'" href="#"></a></li>');
			$('#c'+index).click(function(e){
				e.preventDefault();
				clearTimeout(_t);
				ChangeFade(index);
			});
		});
		$('#c'+_a).parent().addClass('active');
	/* ------ */	
	} else {
		_list.show();		
	}
	
	
	//Run(_a);
	
	function Run(_a){	
		_t = setTimeout(function(){
			_a++; if (_a >= _list.length){_a=0}
			ChangeFade(_a);
		}, _duration);
	};
	function ChangeFade(_new){
		/*if(jQuery.browser.msie && jQuery.browser.version < 8){
			_list.eq(_old).removeClass('active');
			_list.eq(_new).addClass('active');
		}else{*/
			_list.eq(_old).animate({opacity:0}, {queue:false, duration:_speed, complete:function(){$(this).removeClass('active').hide();}});
			_list.eq(_new).addClass('active').show().animate({opacity:1}, {queue:false, duration:_speed});
		//}

/* control */
		$('#c'+_new).parent().addClass('active');
		$('#c'+_old).parent().removeClass('active');
/* ------ */		
				
		_old=_new;_a=_new;
		if(_t) clearTimeout(_t);
		Run(_new);
	};
};

