function AIR3ContentViewer(containerId, buttonsId, loaderId, animationType)
{
	this.ANIMATE_INTERVAL = 5000;
	this.ANIMATE_CLICKPAUSE = 10000;
	
	this.animationPause;
	this.content = $('#' + containerId);
	this.buttons = $('#' + buttonsId);
	this.loader = $('#' + loaderId);
	this.visiblePane;
	this.selectedButton;
	this.isAnimated;
	this.defaultPane;
	this.animationType = animationType;
	this.hasMultipleItems = (this.content.find('.dhtml-content').length > 1);
	
	this.init = function(){
		var instance = this;
		this.animationPause = 0;
		this.isAnimated = false;
		this.visiblePane = this.content.find('.dhtml-content:first');
	
		if(!this.hasMultipleItems)
		{
			return;
		}
		
		if(this.visiblePane.hasClass('default'))
		{
			this.defaultPane = this.visiblePane;
		}
		else
		{
			this.selectedButton = this.buttons.find('li:first').addClass('selected');
			this.selectedButton.find('img').attr('oldsrc', this.selectedButton.find('img').attr('src'));
			this.selectedButton.find('img').attr('src', 'images/timer.png');
		}

		switch(this.animationType)
		{

			case AIR3ContentViewer.ANIMATIONTYPE_SLIDE:
				this.content.find('.dhtml-content:not(:first)').css({left:instance.content.width() * -1});
				break;
			case AIR3ContentViewer.ANIMATIONTYPE_FADE:
				this.content.find('.dhtml-content:not(:first)').css({opacity:0});
				break;
				
		}
	}

	this.displayContentForButton = function(button, callback){
		callback = callback?callback:function(){};
		var instance = this;
		
		var buttonImage = button.find('img');
		
		if(!buttonImage.attr('src') != 'images/timer.png'){

			instance.selectedButton.find('img').attr('src', instance.selectedButton.find('img').attr('oldsrc'));		
			instance.selectedButton = button;
			var thisItemId = button.attr('id').replace('-button','');
			//alert(thisItemId);
			instance.buttons.find('li').removeClass('selected');
			button.addClass('selected');			
			
			buttonImage.attr('oldsrc', buttonImage.attr('src'));
			buttonImage.attr('src', 'images/timer.png');
		
			var visiblePane = instance.visiblePane;
			visiblePane.animate({opacity:0}, function(){

				switch(instance.animationType)
				{
					case AIR3ContentViewer.ANIMATIONTYPE_SLIDE:
						
						visiblePane.css({left:instance.content.width() * -1});
						instance.visiblePane = instance.content.find('#' + thisItemId).css({opacity:1}).animate({left:'0px'}, callback);
						break;
					case AIR3ContentViewer.ANIMATIONTYPE_FADE:
						instance.visiblePane = instance.content.find('#' + thisItemId).animate({opacity:1}, callback);
						break;
				}
			});				
		}	
	}
	
	this.animate = function(){
		var instance = this;
		this.isAnimated = true;
		this.animationPause = 0;
		var index = this.buttons.find('li').index(this.selectedButton);
		var nextButtons = this.selectedButton.find('~ li');
		var nextButton;

		if(!this.hasMultipleItems)
		{
			return;
		}
		
		if(nextButtons.length > 0){
			nextButton = $(nextButtons[0]);
		}else{
			nextButton = this.buttons.find('li:first');
		}

		setTimeout(
			function()
			{
				instance.displayContentForButton(nextButton, function(){instance.animate()});
			},
			this.ANIMATE_INTERVAL
		)
	}
	
}
AIR3ContentViewer.ANIMATIONTYPE_SLIDE = 0;
AIR3ContentViewer.ANIMATIONTYPE_FADE = 1;