var bnrCnt=0;
var delay=5000;
var time=1000;
var l;
var src; 
var hsrc;

$(document).ready(function()
{	
    l=$("#mainImage").children("li").length;
	timerStart();
	slideInit();
	
});

function slideInit()
{
	src = $( "#slidebtn li:eq(0) img" ).attr( "src" );
	hsrc = src.replace( '_off', '_on' );
	for (var i=0;i<l;i++) {$("#slidebtn li:eq("+i+")").css( "cursor" , "pointer" );};
	$("#slidebtn li:eq(0) img").attr( "src" , hsrc );
	$("#slidebtn").fadeIn(time);
	$("#mainImage li:eq(0)").fadeIn(time);
	$("#slidebtn").bind( "click" , move );
}

function slider()
{
timerStop();
	bnrCnt += 1;
	if ( bnrCnt == l ) {bnrCnt = 0;};
	if ( bnrCnt == 0 ) {
		$("#mainImage li:eq(0)").fadeIn(time);
		$("#mainImage li:eq(2)").fadeOut(time);
	} else if ( bnrCnt == 1 ) {
		$("#mainImage li:eq(1)").fadeIn(time);
		$("#mainImage li:eq(0)").fadeOut(time);	
	} else if ( bnrCnt == 2 ) {
		$("#mainImage li:eq(2)").fadeIn(time);
		$("#mainImage li:eq(1)").fadeOut(time);			
	}
	
	for (var i=0;i<l;i++) {
      	$("#slidebtn li:eq("+i+") img").attr( "src" , src );
    };
    $("#slidebtn li:eq("+bnrCnt+") img").attr( "src" , hsrc );	
	//$('#tracer').text(bnrCnt);
	timerStart();
}

function move(e)
{
	timerStop();
	var id = e.target.id-1;
	bnrCnt = id;
	
	for (var i=0;i<l;i++) {
		$("#mainImage li:eq("+i+")").css( "display","none" );
		$("#slidebtn li:eq("+i+") img").attr( "src" , src );
	};
    $("#slidebtn li:eq("+id+") img").attr( "src" , hsrc );
    $("#mainImage li:eq("+id+")").fadeIn(time);
	
	timerStart();
}

function timerStart() {slideTimer = setInterval( slider , delay );};
function timerStop() {clearInterval( slideTimer );slideTimer=null;};