var active = 1;
var preActive = 2;
var count = 0;
var flip = 1;
var time = null;
jQuery(document).ready(function(){
	jQuery(".outerSlide").css({'display':'none', 'width':'100%', 'height':'175px'});
	jQuery(".outerSlide").mouseover(function(){flip = 0;});
	jQuery(".outerSlide").mouseout(function(){flip = 1;});
	jQuery(".pages").mouseover(function(){flip = 0;});
	jQuery(".pages").mouseout(function(){flip = 1;});
	jQuery('.outerSlide').each(function(){
		count++;
		this.id = 'show'+count;
	});
	jQuery(".ControlPanel").each(function(){
		jQuery(".outerSlide").css({'display':'block', 'width':'100%', 'height':'175px', 'z-index':'1', 'position':'relative'});
	});
	/*jQuery('.pages').each(function()
	{
		var text = '<a href="javascript:prev()"><</a>';
		for(var i = 1; i < count+1; i++)
		{
			text += '<a class="p'+i+'" href="javascript:exact(\''+i+'\')">'+i+'</a>';
		}
		text += '<a href="javascript:next()"><img src="</a>';
		this.innerHTML = text;
	});*/
	if(!document.getElementById('IconBar.ascx_tblControlPanel'))
	{
		exact(1);
		time = setTimeout("slide();", 7000);
	}
});
function slide(){time = setTimeout("slide();",7000); if(flip) next();}
function fadeout(id)
{
	active = id;
	jQuery('.p'+preActive).css('background','gray');
	jQuery("#show"+preActive).fadeOut(300,function(){
		fadein(id);
	});
	jQuery('.p'+active).css('background','red');
}
function next()
{
	preactive = active;
	if(active == count)
		active = 1;
	else
		active ++;
	exact(active);
}
function prev()
{
	preactive = active;
	if(active == 1)
		active = count;
	else
		active--;
	exact(active);
}
function fadein(id)
{
	preActive = active;
	jQuery("#show"+id).fadeIn(300);
}
function exact(id)
{
	if(preActive != id) 
	{
		preactive = active;
		fadeout(id);
	}
}