var iNum = -1;
var panes;
var s_timeOut;
var s_interval = 15000;
var showme;
var dofx;

function hideall() {
	panes = $('.pane');

	var dots = $('#dots');
	var dohtml = '';

	for ( i = 0; i < panes.length; i++ ) {
		var ele = $(panes[i]);
		var getWidth = ele.width();

		dohtml += '<a href="javascript:void(1)"><img border="0" src="/images/slide_dot';
		if ( i == iNum ) {
			//ele.css("left", getWidth);
			ele.fadeIn("slow");
		} else {
			ele.hide();
			dohtml += '_active';
		}

		dohtml += '.png" onclick="showbullet('+i+')" ></a>';
	}

	if(dots) dots.html(dohtml);
}

function showbullet(pt) {
	iNum = pt;
	stopTickTock(1);
	hideall();
}

function moveIt(pos, noreset) {
	if (!noreset) {
		stopTickTock(1);
	}

	iNum += pos;
	iNum %= panes.length;
	if (iNum<0) iNum = panes.length-1;
	hideall();		
}

function startSliding() {
	hideall();
	startTickTock();
}

function startTickTock() {
	moveIt(1, 1);
	s_timeOut = setTimeout('startTickTock()', s_interval);
}

function stopTickTock(autostart) {
	if (s_timeOut)	{
		clearTimeout(s_timeOut);
		if (autostart) {
			s_timeOut = setTimeout('startTickTock()', s_interval * 2);
		}		
	}
}

$(document).ready(startSliding);