var ballon_es_y;
var ballon_en_y;
var ballon_fr_y;
var increments;



function initAll() {

    document.getElementById('airplane').style.left = ( Math.random() * 1000 ) + "px";
	
	
	
	var div_x = ( Math.random() * 1000 );

	document.getElementById('cloud1').style.left = div_x + "px";
	document.getElementById('cloud2').style.left = ( div_x + 400 ) + "px";
	document.getElementById('cloud3').style.left = ( div_x - 400 ) + "px";
	document.getElementById('boat').style.left = "-180px";	
	
	
	

    var theInterval1 = setInterval("animateDiv('cloud1',1,0)",80);
    var theInterval2 = setInterval("animateDiv('cloud2',1,0)",80);
    var theInterval3 = setInterval("animateDiv('cloud3',1,0)",80);
    var theInterval4 = setInterval("animateDiv('airplane',3,2000)",30);
	var theInterval6 = setInterval("animateDiv('boat',1,200)",1000);


	if (document.getElementById("language_es")) ballon_es_y = parseInt(document.getElementById('language_es').style.top);
	if (document.getElementById("language_en")) ballon_en_y = parseInt(document.getElementById('language_en').style.top);
	if (document.getElementById("language_fr")) ballon_fr_y = parseInt(document.getElementById('language_fr').style.top);
	increments = 1;

    var theInterval5 = setInterval("moveBallons()",500);



}

function animateDiv(whichDiv,speed,offset) {

    var div_x_string = document.getElementById(whichDiv).style.left;
    var div_x = parseInt ( div_x_string.substr(0,div_x_string.length-2) );
    div_x+=speed;
    if(div_x > ( window.innerWidth + offset ) ) div_x = -100;
	
	if  ( whichDiv == "boat" ) {
	if ( div_x  > -98 )    { 
			 div_x = -98;			
		}
		else
		{
			if ( ( div_x % 2 ) == 0 ) document.getElementById(whichDiv).style.top = ( parseInt (  document.getElementById(whichDiv).style.top  ) + 1) + "px";
			else  document.getElementById(whichDiv).style.top = ( parseInt (  document.getElementById(whichDiv).style.top  ) - 1) + "px";
		}
	}
	
    document.getElementById(whichDiv).style.left = div_x + "px";
	
    //document.getElementById("variable").innerHTML = div_x;

}

function moveBallons() {


		if (document.getElementById("language_es")) moveBalloon('language_es',(increments));
		if (document.getElementById("language_en"))moveBalloon('language_en',(increments*-1));
		if (document.getElementById("language_fr"))moveBalloon('language_fr',(increments));

		var resta = Math.abs (  parseInt(document.getElementById('language_es').style.top) - parseInt(ballon_es_y)  );


		if(resta>3) increments = -increments;
//		document.getElementById("variable").innerHTML =resta;



}

function moveBalloon(whichDiv,incr) {

    var balloon_y_string = document.getElementById(whichDiv).style.top;
    var balloon_y = parseInt ( balloon_y_string.substr(0,balloon_y_string.length-2) );
    balloon_y+=incr;

    //if(div_x > ( window.innerWidth + offset ) ) div_x = -100;
    document.getElementById(whichDiv).style.top = balloon_y + "px";
    //document.getElementById("variable").innerHTML = div_x;

}

function cargaJuego(donde,queJuego,ancho,alto) {


		for(i=1;i<=5;i++) { 
				document.getElementById("juego"+i).innerHTML = "";
				document.getElementById("imagen"+i).style.display = "block";
		}



		codigoHTML = '      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ancho+'" height="'+alto+'">   <param name="movie" value="/flash/juegos/'+queJuego+'.swf" />  <!--[if !IE]>-->    <object type="application/x-shockwave-flash" data="/flash/juegos/'+queJuego+'.swf" width="'+ancho+'" height="'+alto+'">      <!--<![endif]-->         <p>Alternative content</p>       <!--[if !IE]>-->       </object>     <!--<![endif]-->     </object>';
		
		
			document.getElementById("juego"+donde).innerHTML = codigoHTML;
		document.getElementById("imagen"+donde).style.display = "none";



}