// Effets de la template Wicked
$(function() {
	// Titres
	$('#widgets h3').each(function() {
		var texts = $(this).text().split(' ');
		$(this).html('<b>'+texts.shift()+'</b> '+texts.join(' '));
	});
});

// Fonction inFrame : http://www.vileworks.com/inframe-keep-the-demos-inside-the-page-with-jquery
$(document).ready(function() {
	/*
		inFrame - Keep Demos Inside the Page with jQuery
		- affects all the links with a class of 'inframe'
		- set a rel attribute like rel="height:400px" on the link for a 400px high iframe
		- if you don't set a height, default is 550px
	*/
	$('a.inframe').click(function() {
		var e=$(this);
		var iframe=e.next('iframe');
 
		if (!e.data('state')) {	//if state is undefined
 
			e.data('state','open'); //set the state to 'open'
 
			// Extract the frame height from the rel attribute
			var frameHeight=e.attr('rel');
			var pat1 = new RegExp('height:');
			pat1.test(frameHeight);
			frameHeight=RegExp.rightContext;
			var pat2 = new RegExp('px');
			pat2.test(frameHeight);
			frameHeight = RegExp.leftContext;
			if ( !frameHeight || (Math.ceil(frameHeight)!=Math.floor(frameHeight)) ) {
				//if it's null or not an integer
				frameHeight = '550'; //default frame height, in case none is specified
			};
			frameHeight += 'px';
 
			frameWidth = '100%';
 
			// Insert the iframe just after the link
			e.after('<iframe style="width:'+frameWidth+'; height:'+frameHeight+'; border:solid 1px #ccc; margin-bottom:1em; background:#fff;" src=' + e.attr('href') + ' frameborder="0" ></iframe>');
 
			iframe.css('display', 'none');
			// Insert the "loading..." text
			iframe.before(' <small class="quiet"> Loading...</small>')
			iframe.load(function(){	//once content was loaded
				iframe.slideDown(500);	//slide it down
				iframe.prev('small').remove();	//remove the 'loading...'
			});
			e.attr('title','Hide');	//set the link title to 'Hide'
		}
		else if(e.data('state')=='closed') { //if state is 'closed'
			e.data('state', 'open');
			e.next('iframe').slideDown(500);
			e.attr('title','Hide');
		}
		else if(e.data('state')=='open') { //if state is 'open'
			e.data('state', 'closed');
			e.next('iframe').slideUp(500);
			e.attr('title','Show');
		}
		return false;
	});
});

// Si pas IE6
if (!jQuery.browser.msie || parseInt(jQuery.browser.version) > 6)
{
	// Déclenchement de l'animation de la têtière - on utilise onLoad pour attendre que toutes les images soient chargées
	onload = function()
	{
		// Ajout du bloc d'animation
		$('#header').append('<div id="anim_bg"><div id="layer1"></div><div id="layer2"></div><div id="layer3"></div></div>');
		
		// Déclenchement de l'animation
		setInterval('header_animate()', 40);
	}
}

// Positions et vitesses
var header_layers = {
	layer1: {
		speed: 0.5,
		pos: 0
	},
	layer2: {
		speed: 1,
		pos: 0
	},
	layer3: {
		speed: 2.5,
		pos: 0
	}
};

// Fonction d'animation de la têtière
function header_animate()
{
	// Mouvement
	header_layers.layer1.pos += header_layers.layer1.speed;
	header_layers.layer2.pos += header_layers.layer2.speed;
	header_layers.layer3.pos += header_layers.layer3.speed;
	
	// On boucle si nécessaire
	if (header_layers.layer1.pos > 900)
	{
		header_layers.layer1.pos -= 900;
	}
	if (header_layers.layer2.pos > 900)
	{
		header_layers.layer2.pos -= 900;
	}
	if (header_layers.layer3.pos > 900)
	{
		header_layers.layer3.pos -= 900;
	}
	
	// Affectation
	$('#layer1').css('top', -Math.round(header_layers.layer1.pos)+'px');
	$('#layer2').css('top', -Math.round(header_layers.layer2.pos)+'px');
	$('#layer3').css('top', -Math.round(header_layers.layer3.pos)+'px');
}