/* News */
document.addEvent('domready', function()
{
	
	if (!$('news')) return false;
	titles = $('news').getElements('h2');
	if (!titles.length || titles.length == 0) return false;
	spans = titles[0].getElements('span');
	if (!spans.length || spans.length == 0) return false;
	
	detectSpanWithBg = function(span)
	{
		if (span.getStyle('background-color') != "transparent")
		{
			$('news').setStyle('background', span.getStyle('background-color'));
			return false;
		} else {
		subspans = span.getElements('span');
			if (subspans.length && subspans.length > 0)
			{
				subspans.each(detectSpanWithBg);
			}
		}
	}
	
	spans.each(detectSpanWithBg);
	
	
});

/* References */
document.addEvent('domready', function()
{
	// Ignore IE 6
	if (Browser && Browser.Engine.trident && Browser.Engine.version < 5)
		return false;
		

	var init = function(el, img, quote)
	{
		// Replace image by wrapper
		var imgDim = img.getCoordinates();
		
		var wrapper = new Element('div', {
			'class': "imgReplaced",
			styles:
			{
				background: 'url('+ img.get('src') +') no-repeat 1px 1px',
				width: imgDim.width - 2,
				height: imgDim.height - 2
			}
		});
		
		wrapper.inject(img, 'before');
		img.setStyle('display', 'none');
		

		// Add button
		var button = new Element('div', {
			'class': "button", 
			text: img.get('alt'),
			styles: 
			{
				marginTop: imgDim.height - 40
			}
		});
		
		button.inject(wrapper);
		
		// Position quote (below button)
		quote.inject(wrapper);
		
		// Setup animation and triggers	
		el.collapser =
		{
			fx: new Fx.Tween(button, {property: 'margin-top', link: 'cancel', transition: Fx.Transitions.linear}),
			current: imgDim.height - 40,
			max: imgDim.height - 40,
			toggle: function()
			{
				if (this.current > 0)
				{
					this.current = -40;
				}
				else
				{
					this.current = this.max;
				}
				this.fx.start(this.current);
			}
		};
		
		//wrapper.addEvent('mouseover', el.collapser.toggle.bind(el.collapser));
		//wrapper.addEvent('mouseout', el.collapser.toggle.bind(el.collapser));
	};
	
	var imgLoader = [];
	
	$$('.testimonial').each(function(el)
	{
		var img = el.getElement('img');
		var quote = el.getElement('div.quote');	
		if (!img || !quote) { return false; }
		
		// Preload image (required to get correct dimensions in some browsers)
		imgLoader[imgLoader.length] = (new Asset.image(img.src, {onload: function() { init(el, img, quote); }}));
		
	});
	
	
});