var References = {
	fadeSpeed : 300,

	refCount   : 0,
	maxRef     : 0,
	currentRef : 1,
	refLocked  : false,

	remodel : function(e) {
		References.refCount++;
		var b = $('div.references')[0].create('div').ID('reference' + References.refCount).addClass('ref-box');
		b.create('img').attr('src', e.find('img')[0].attr('src'));
		
		var l = b.create('div');
		l.create('span').html('').append(e.find('span')[0].html()).addClass('ref-client');
		l.create('span').html('').append(e.find('span')[1].html()).addClass('ref-description');
		References.maxRef = References.refCount;

		if(References.refCount == 1)
			b.css('display', 'block');
	},

	unlockRef : function() {
		References.refLocked = false;
	},

	nextRef : function( ev ) {
		ev.preventDefault();

		if(References.refLocked)
			return;

		References.refLocked = true;
		
		$('#reference' + References.currentRef).fadeOut(References.fadeSpeed);

		if(++References.currentRef > References.maxRef)
			References.currentRef = 1;

		$('#reference' + References.currentRef).fadeIn(References.fadeSpeed);
		
		window.setTimeout(References.unlockRef, References.fadeSpeed);
		
		return false;
	},

	prevRef : function( ev ) {
		ev.preventDefault();

		if(References.refLocked)
			return;

		References.refLocked = true;
		
		var oldref = $('#reference' + References.currentRef);


		if(--References.currentRef < 1)
			References.currentRef = References.maxRef;

		var newref = $('#reference' + References.currentRef);

		oldref.fadeOut(References.fadeSpeed);
		newref.fadeIn(References.fadeSpeed);

		window.setTimeout(References.unlockRef, References.fadeSpeed);

		return false;
	},

	init : function( fadeSpeed ) {
      if(typeof(fadeSpeed) != 'undefined')
		{
			References.fadeSpeed = fadeSpeed;
		}

		var ref = $('div.references')[0];
		
		if(ref == null)
			return;

		ref.find('li').each(References.remodel);
		ref.remove($('div.references')[0].find('ul')[0]);
		ref.create('a').attr('href', '#').click(References.prevRef).html('<img src="'+imagedir+'prev_32x32.png" alt="prev" />').css('position', 'absolute').css('left',  '0').css('top', '80px');
		ref.create('a').attr('href', '#').click(References.nextRef).html('<img src="'+imagedir+'next_32x32.png" alt="next" />').css('position', 'absolute').css('right', '0').css('top', '80px');
	}
};