$(function () {
	var slideSpeed = 700;
	var phase = 2000;
	var elWrap = $('.BRAVEslider'),
		el =  elWrap.find('li'),
		indexImg= 1,
		indexMax= el.length;		
		
	function change () {
		el.fadeOut(slideSpeed);
		el.filter(':nth-child('+indexImg+')').fadeIn(slideSpeed);
	}
		
	function autoChange () {	
		indexImg++;
		if(indexImg> indexMax) {
			indexImg=1;
		}			
		change ();
	}
	
	var interval = setInterval(autoChange, phase);

	elWrap.mouseover(function() {
		clearInterval(interval);
	});
	
	elWrap.mouseout(function() {
		interval = setInterval(autoChange, phase);
	});
	
});