$("h1").text("INTERNET DESIGN");
var aText = $("h1").text().replace(/ /g,'').split("");
$("h1").text("");

//				I  N   T    E    R    N    E    T    D    E    S    I    G    N
var aID = Array(0, 40, 108, 174, 239, 308, 380, 441, 544, 613, 674, 742, 781, 851);
//              N    E    T    I    N    G  R    E    D    I   E    N    T    S
var aNI = Array(618, 725, 792, 485, 417, 0, 660, 132, 550, 70, 855, 236, 347, 277);
//				I    N    T    E    R    N  E    T    D    E   S    I    G    N
var sDiv = "";

$.each(aText, function(nKey, sValue)
{
	sDiv = "<div class='" + sValue.toLowerCase() + "' id='l" + nKey + "'>" + sValue + "</div>";
	$(sDiv).appendTo($("h1"));
	$("#l" + nKey).css("left", aID[nKey] + "px");
});

function animateToNetIngredients()
{
	var sTo;

	$.each(aText, function(nKey, sValue)
	{
		sTo = aNI[nKey] + "px";
		$("#l" + nKey).animate({"left": sTo}, 3000);
	});
	
	setTimeout("animateToInternetDesign()", 8000);
}

function animateToInternetDesign()
{
	var sTo;

	$.each(aText, function(nKey, sValue)
	{
		sTo = aID[nKey] + "px";
		$("#l" + nKey).animate({"left": sTo}, 3000);
	});
	
	setTimeout("animateToNetIngredients()", 8000);
}

function showLogo()
{
	$("#l5").fadeIn(500);
	$("#l9").delay(200).fadeIn(500);
	$("#l7").delay(400).fadeIn(500);
	
	$("#l11").delay(600).fadeIn(500);
	$("#l1").delay(800).fadeIn(500);
	$("#l12").delay(1000).fadeIn(500);
	$("#l4").delay(1200).fadeIn(500);
	$("#l3").delay(1400).fadeIn(500);
	$("#l8").delay(1600).fadeIn(500);
	$("#l0").delay(1800).fadeIn(500);
	$("#l6").delay(2000).fadeIn(500);
	$("#l13").delay(2200).fadeIn(500);
	$("#l2").delay(2400).fadeIn(500);
	$("#l10").delay(2600).fadeIn(500);
}

showLogo();

setTimeout("animateToNetIngredients()", 6000);

$("h2").fadeIn(12000);