// JavaScript Document
function fadeImage()
{	
	var element;
	var time;
	var interval;
	var current = 0;
	var liArray;



	this.initialize = function(element, fadeelement, hoverelement, time, order)
	{
		this.element             = element;
		this.elementhover        = hoverelement;
		this.fadeelement         = fadeelement;
		this.time 				 = time;
		this.order 			     = order*1000;
		liArray 				 = new Array();	
	
		
		var t = this;
		
		jQuery('.fadebox', element).each(function(index) {
			liArray.push(jQuery(this).html());
			jQuery(this).remove();
		});	

		

		jQuery(t.element).addClass('faderoot').append(
			jQuery(document.createElement('div')).attr('class','fadetop').css('z-index','51').css('display','block').html(liArray[current]),
			jQuery(document.createElement('div')).attr('class','fadebottom').css('z-index','50').css('display','block').html(liArray[current+1])
		);

		jQuery(t.element).each(function(index) {
			var h = jQuery(this);	
			jQuery('.hoverbox', t.element).css('z-index','50').css('display','none');
			h.hover(
				function()
				{
					jQuery('.hoverbox', t.element).css('z-index','51').css('display','block');
				}, 
				function()
				{
					jQuery('.hoverbox', t.element).css('z-index','50').css('display','none');
				}
			);
		});

		
		this.interval = setInterval(function()
		{
			
			jQuery('.fadetop .fadeimage', t.element).delay(t.order).fadeOut(t.time, function(){
				jQuery('.fadetop', t.element).css('z-index','49').removeClass('fadetop').addClass('fadetemp').show().html(t.nextContent());
				jQuery('.fadebottom', t.element).css('z-index','51').removeClass('fadebottom').addClass('fadetop');				
				jQuery('.fadetemp', t.element).css('z-index','50').removeClass('fadetemp').addClass('fadebottom');
				jQuery('.fadeimage').css('display','block');
		
			});			
			current = t.nextCurrent(current);

		}, 10000);
	  	//t.loop(); 	
	}//initialize	
	
	this.nextContent = function()
	{
		var c = this.nextCurrent();
		return liArray[c];
	}
	
	this.nextCurrent = function(current)
	{
		var c = current+1;
		if(c >= liArray.length)
		{
			c = 0;
		}
		return c;
	}

	
}// close function fadeImage





