var MainSlideShowBlocked = false;
var MainSlideShowLastId = 0;
var MainSlideShowHolder = $('topmodel-index-pic');
Element.cleanWhitespace(MainSlideShowHolder);
var MainSlideShowInterval = 5000;
var MainSlideShowTimeout = setTimeout("SetNextSlide()",MainSlideShowInterval);

function SetNextSlide()
{
	var len = MainSlideShowHolder.childNodes.length;
	var pics = MainSlideShowHolder.childNodes;
	for(var i = 0; i < len; i++)
	{
		if(pics[i].style.display != 'none')
		{
			if(i >= len-1) var next = 0;
			else var next = i+1;
			ChangeModel(pics[next].id.replace(/mp/, ''),1);
			break;
		}
	}
}
function ChangeModel(id,duration)
{
	if(!MainSlideShowBlocked)
	{
		clearTimeout(MainSlideShowTimeout);
		MainSlideShowLastId = 0;
		MainSlideShowBlocked = true;
		
		var len = MainSlideShowHolder.childNodes.length;
		var pics = MainSlideShowHolder.childNodes;
		var curId;
		
		for(var i = 0; i < len; i++)
		{
			curId = pics[i].id.replace(/mp/, '');
			if(pics[i].style.display != 'none')
			{
				if(curId == id)
				{
					MainSlideShowBlocked = false;
					if(MainSlideShowLastId>0)
					{
						ChangeModel(MainSlideShowLastId,0.1);
					}
					return;
				}
				new Effect.Fade(pics[i], {from:1, to:0, duration: duration });
				new Effect.Fade($('mi'+curId), {from:1, to:0, duration: duration });
				$('mt'+curId).className = '';
			}
			else
			{
				if(curId == id)
				{
					new Effect.Appear(pics[i], {duration: duration, beforeSetup: function() 
															{
																$('mp'+id).style.display = "block";
														 	},
															afterFinish: function() 
															{
																MainSlideShowBlocked = false;
																if(MainSlideShowLastId>0)
																{
																	ChangeModel(MainSlideShowLastId,0.5);
																}
																else
																{
																	MainSlideShowTimeout = setTimeout("SetNextSlide()",MainSlideShowInterval);	
																}
															}
					});
					new Effect.Appear($('mi'+id), {duration: duration, beforeSetup: function() 
															{
																$('mi'+id).style.display = "block";
														 	}
					});
					$('mt'+curId).className = 'selected';
				}
				else
				{
					$('mt'+curId).className = '';	
				}
			}
		}
	}
	else MainSlideShowLastId = id;
}