if(navigator.userAgent.indexOf("MSIE") != -1) $(document.body).addClassName('msie');
if(navigator.userAgent.indexOf("Firefox") != -1) $(document.body).addClassName('firefox');
if(navigator.userAgent.indexOf("Safari") != -1) $(document.body).addClassName('safari');
if(navigator.userAgent.indexOf("Linux") != -1) $(document.body).addClassName('linux');
if(navigator.userAgent.indexOf("Windows") != -1) $(document.body).addClassName('win');
if(navigator.userAgent.indexOf("Macintosh") != -1) $(document.body).addClassName('mac');
if(navigator.userAgent.indexOf("iPhone") != -1) $(document.body).addClassName('iphone');

function border(e) {
	if(e = $(e)) {
		if(e.style.position != 'absolute') {
			e.style.position = 'relative';
		}
		for(var i=0; i<8; i++) {
			var e2 = document.createElement('div');
			e2.className = 'b' + i;
			e.appendChild(e2);
		}
	}
}
$A($$('.border')).each(border);

function border2(e) {
	if(e = $(e)) {
		if(e.style.position != 'absolute') {
			e.style.position = 'relative';
		}
		for(var i=0; i<8; i++) {
			var e2 = document.createElement('div');
			e2.className = 'b2' + i;
			e.appendChild(e2);
		}
	}
}
$A($$('.border2')).each(border2);

// animation domaines
function anime() {
	var i = tague_index;
	tague_index += 1;
	if(tague_index >= tague.length) tague_index = 0;
	var x = Math.random() * 1500;
	if(x > 35) x += 10;
	var y = Math.random() * 800 + 5;
	$(tague[i]).setStyle({ left: x + 'px' , top: y + 'px', fontSize: (Math.random() * 15 + 20) + 'px' });
	new Effect.Appear(tague[i], { duration: (Math.random()*10), afterFinish: function(effect) { 
			new Effect.Fade(effect.element, { duration: (Math.random()*10) });
	}});
	setTimeout(anime, 500);
}
if($('anime_back')) {
	var tague = $('anime_back').getElementsByTagName('li'); // rempli la variable tague avec les balise li
	var tague_index = 0;
	for(var i = 0; i < tague.length; i++) {
		$(tague[i]).hide();
	}
	anime();
}

// animation portflio
var pf1 = null;
var pf2 = null;
var pf_speed = 1;
function animate() {
	pf1.setStyle({ left: (pf1.offsetLeft - pf_speed) + 'px' });
	if(pf1.offsetLeft <= -pf1.offsetWidth) {
		pf1 = pf2;
		pf2 = pf1.next();
		if(!pf2) pf2 = pf1.up().down();
		pf2.setStyle({left: (pf1.offsetLeft + pf1.offsetWidth + 10) + 'px'});
	} else {
		pf2.setStyle({ left: (pf2.offsetLeft - pf_speed) + 'px' });
	}
			
	setTimeout(animate, 1000/60)
}
if($('portfolio')) {
	pf1 = $('portfolio').down();
	pf2 = pf1.next();
	pf2.setStyle({left: (pf1.offsetLeft + pf1.offsetWidth + 10) + 'px'});
	animate();
}