var carousel2 = {
	elements : [],
	currentElement : null,
	previousElement : null,
	stopMorphing : false,
	
	interval: 8500,
	intervalInstance: null,
	
	
	init: function()
	{
		var elements = $$('#carousel2_links a');
		carousel2.elements = elements;
		
		carousel2.currentElement = carousel2.elements[0];
		carousel2.currentElement.set('class', 'sel');
		
		for(var i = 0; i < carousel2.elements.length; i++)
		{
			$(carousel2.elements[i].id).addEvent('click', function(){
				carousel2.morph(this);
			});		
		}
		
		//carousel2.test();
		carousel2.intervalInstance = setInterval('carousel2.test()', carousel2.interval);
		
	},
	
	test: function()
	{
		for (var i = 0; i < carousel2.elements.length ; i++)
		{
			if(carousel2.elements[i].id == carousel2.currentElement.id)
			{
				if(i+1 == carousel2.elements.length)
				{
					carousel2.morph(carousel2.elements[0]);
				}
				else
				{
					carousel2.morph(carousel2.elements[i+1]);
				}
			}
		};
	},
	
	morph: function(theElement)
	{
		if(!carousel2.stopMorphing && (theElement.id != carousel2.currentElement.id))
		{
			carousel2.stopMorphing = true;
			
			carousel2.previousElement = carousel2.currentElement; 
			carousel2.currentElement = theElement;
			
			carousel2.previousElement.set('class', '');
			carousel2.currentElement.set('class', 'sel');
			
			var previousDivId = carousel2.previousElement.id.replace("carousel2_link_", "top_box2_");
			var currentDivId = carousel2.currentElement.id.replace("carousel2_link_", "top_box2_");
			
			var previousDivElement = $(previousDivId).set('morph', {
				duration: 2500, 
				transition: 'expo:in',
				onComplete: function(){
					previousDivElement.setStyles({
						'display' : 'none'
					});
					currentDivElement.setStyles({
						'display' : 'block',
						'opacity' : 0
					});
					currentDivElement.morph({opacity: [0,1]});
				}
			});
			
			var currentDivElement = $(currentDivId).set('morph', {
				duration: 1800, 
				transition: 'expo:out',
				onComplete: function(){
				carousel2.stopMorphing = false;
				}
			});
			
			previousDivElement.morph({opacity: [1,0]});
		}
	}	
}

window.addEvent("domready", function(){
	if(document.getElementById('carousel2'))
	{
		carousel2.init();
	}
});