function randomString(length) {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ abcdefghiklmnopqrstuvwxyz'.split('');
    var str = '';
    for (var i = 0; i < length; i++) {
        str += chars[Math.floor(Math.random() * chars.length)];
    }
    return str;
}

$(document).ready(function() {
	AnimateOpening(1);
	AnimateOpening(2);
	
	
	
	$("#LoginPlanetIt").fadeTo(1, 0.0);
	$(".LoginFading").fadeTo(1, 0.0);	
	$(".LoginData").fadeTo(1, 0.0);
	$("#LoginMenuIn").fadeTo(1, 0.0);

        $(".LoginFading").animate({ 'filter': "proid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=95)" }, 1);
	
	setTimeout(' WhenOpen(); ', 3000);
	setTimeout(' LoopingWriting();', 2750);
});

var MiddleText = $("#LoginMiddle").html();
$("#LoginMiddle").html('');

function WhenOpen() {
	$(".LoginFading").fadeTo(250, 1.0);
	$("#LoginMiddle center img").fadeTo(900, 0.1);

	$(".LoginFading").animate({ 'filter': "proid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=95)" }, 250);
	setTimeout(' $("#LoginPlanetIt").fadeTo(1000, 1.0); $(".LoginData").fadeTo(1000, 1.0); $("#LoginMenuIn").fadeTo(1000, 1.0); ', 500);
	
	setTimeout(' LoppingInfos(); ', 1000);
}
function AnimateOpening(type) {
	if(type == 1) {
		$("#LoginBox").animate({ 
			width:"600px"
		}, 1500);
	}
	else if(type == 2) {
		$("#LoginBox").animate({ 
			height:"375px"
		}, 1500);
	}
}
function LoopingWriting() {
	$("#LoginAC").AC_effect( (200+Math.ceil(100*Math.random())+Math.ceil(100*Math.random())) );
}
function LoppingInfos() {
	InfoCurrent = RandomInfo();
	$("#LoginMiddle").InfoWriter();
}
var InfoArray = new Array();
InfoArray[0] = "Kaearien est un jeu de stratégie dans un univers futuriste.<br />\
		Conquérez de nouveaux mondes, Établissez votre empire.<br />\
		Créez votre armada, combattez pour dominer les galaxies.<br />\
		Dominez l'univers, et dominez toute vie.<br />\
		Êtes vous à la hauteur?<br />\
		<br />\
		Il vous suffit d'un simple navigateur d'internet,<br />\
		afin de tenter votre chance.";

InfoArray[1] = "Bienvenue dans le monde futuriste de Kaearien.<br />\
		Un monde du futur où vous pouvez vous développer sans limites.<br />\
		Colonisez de nouveaux territoires et instaurez votre règne dans la galaxie.<br />\
		<br />\
		Il vous suffit de posséder un navigateur internet et de vous inscrire pour commencer votre empire.";

InfoArray[2] = "Dans ce monde futuriste, tous les moyens sont bon pour devenir l'empereur suprême de l'Univers.<br />\
		Guerres, alliances, trahisons, rien n'est de trop pour étendre votre pouvoir.<br />\
		<br />\
		<br />\
		Si l'aventure vous tente, <br />\
		il vous suffit d'un simple navigateur internet.<br />\
		Oserez-vous nous rejoindre ?";

InfoArray[3] = "Vous êtes un fin stratège?<br />\
		Alors vennez le prouver en affrontant l'univers de Kaearien.<br />\
		Ce jeu futuriste où les technologies sont de pointes:<br />\
		Des portes des étoiles, Manipulation de trou noir, Des troupes au sol et aéroportées, Synthétiseur d'atmosphère, ...<br />\
		<br />\
		Pour ça seule une connexion internet et un navigateur peut vous permettre de nous rejoindre.<br />\
		<br />\
		Si vous avez le courage vennez nous affrontez pour savoir qui est le meilleur.<br />\
		Nous vous attendons avec impatience...";

	
var InfoCurrent = -1;

function RandomInfo() {
	var tmp = -1;
	
	while( tmp == InfoCurrent || tmp == -1 ) {
		tmp = Math.round( Math.random()*(InfoArray.length-1) );
	}
	return tmp;
}
(function($) {
    $.fn.AC_effect = function(amount) {
        this.each(function() {
            var $ele = $(this), progress = 0;
			var str = "";
			for( var i=0; i<amount; i++) {
				str += randomString(Math.floor(Math.random()*50)) + " ";
			}
			str = str.substr(0, amount);
			
            $ele.html('');
            var timer = setInterval(function() {
                $ele.html(str.substring(0, progress+=5));
                if (progress > str.length) {
					clearInterval(timer);
					setTimeout(" LoopingWriting(); ", (1000 + Math.random()*1000) );
				}
            }, 1);
        });
        return this;
    };
	$.fn.InfoWriter = function() {
        this.each(function() {
            var $ele = $(this), progress = 0;
			var str = InfoArray[InfoCurrent];
			var timer = setInterval(function() {
				progress++;
				if( str.substr( progress, 1) == '<' ) {
					while( str.substr( progress, 1) != '>' ) {
						progress++;
					}
				}
				
                $ele.html(str.substring(0, progress) + '&#9608;');
                if (progress > str.length) {
					$ele.html( InfoArray[InfoCurrent] );
					clearInterval(timer);
					setTimeout(" LoppingInfos(); ", 30000);
					
				}
            }, 1);
        });
        return this;
    };
})(jQuery);