traductor google con banderas

Todo se trata del traductor de google pero con estas hermosas y llamativas banderas animadas, Para añadirlo a su sitio web o blog solo tienen que añadirlo en el elemento html/javascript ,gadget  y solo tienen que copiar el siguiente código y pegarlo en su sitio :

<!-- Traductor de google ,imagen por www.100pies.net ,Codigo by www.tubetrucos.com -->
<a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;" class="google_translate" com="" rel="nofollow" target="_blank" title="english"><img alt="English" src="http://www.100pies.net/Gifs/Banderas/Banderas/Gran-Bretana.gif" style="cursor: pointer; margin-right: 8px;" title="English" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="French"><img alt="French" src="http://www.100pies.net/Gifs/Banderas/Banderas/Francia.gif" style="cursor: pointer; margin-right: 8px;" title="French" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="German"><img alt="German" src="http://www.100pies.net/Gifs/Banderas/Banderas/Alemania.gif" style="cursor: pointer; margin-right: 8px;" title="German" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Spain"><img alt="Spain" src="http://www.100pies.net/Gifs/Banderas/Banderas/Espana.gif" style="cursor: pointer; margin-right: 8px;" title="Spain" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Italian"><img alt="Italian" src="http://www.100pies.net/Gifs/Banderas/Banderas/Italia.gif" style="cursor: pointer; margin-right: 8px;" title="Italian" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Dutch"><img alt="Dutch" src="http://www.100pies.net/Gifs/Banderas/Banderas/Paises%20Bajos.gif" style="cursor: pointer; margin-right: 8px;" title="Dutch" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Russian"><img alt="Russian" src="http://www.100pies.net/Gifs/Banderas/Banderas/Rusia.gif" style="cursor: pointer; margin-right: 8px;" title="Russian" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Portuguese"><img alt="Portuguese" src="http://www.100pies.net/Gifs/Banderas/Banderas/Portugal.gif" style="cursor: pointer; margin-right: 8px;" title="Portuguese" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Japanese"><img alt="Japanese" src="http://www.100pies.net/Gifs/Banderas/Banderas/Japon.gif" style="cursor: pointer; margin-right: 8px;" title="Japanese" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Korean"><img alt="Korean" src="http://www.100pies.net/Gifs/Banderas/Banderas/Corea%20del%20Sur.gif" style="cursor: pointer; margin-right: 8px;" title="Korean" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Arabic"><img alt="Arabic" src="http://www.100pies.net/Gifs/Banderas/Banderas/Arabia%20Saudi.gif" style="cursor: pointer; margin-right: 8px;" title="Arabic" align="absBottom" border="0" height="24" width="24" /></a><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;" class="google_translate" href="http://tubetrucos.com/" rel="nofollow" target="_blank" title="Chinese Simplified"><img alt="Chinese Simplified" src="http://www.100pies.net/Gifs/Banderas/Banderas/China.gif " style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" align="absBottom" border="0" height="24" width="24" /></a>


<!-- Traductor de google ,imagen por www.100pies.net ,Codigo by www.tubetrucos.com -->






           

<!-- HTML Codes by tubetrucos --> <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div>
 <!-- HTML Codes by miespaciogratis.com --> <a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Ik_L_s9rvg5DTXEKdBfefWIFBPxotHvGy41wewNHiEerkJrHDAgMvELT26qQQ7QMmZyUS6aHXftVQa-tECphcSDNbgyPhnvfoMNavFU0jhLmFK2LM9wQVAZbRYA6l97yJ78jWnZmZtI/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgr8z0zM79cc074-5O2i1iYcnl3k_-JzBOglGG9iuEpAojVVxKD5L3a04lSOKWp1mPm-LSkVRSiUCnCoZW5n1KrpvQwoOvlwLTEvTsvS6-TJ6EBNpT_ydT4MUJBOE5fTgxeDnwUxehfg/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrWX8TRkR-x01rNJfveFZJXCEmECojWLG8cSG1K14J_abUGZiTBubZeRpiEVqgzl5jpY52W6HbwnxRED_V5_4Kvbye0dvOWWLeTt8hMYJ5Zaj1DLrxrvWPJOFGFJaqNDGN_edIrvi2tg/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBGFSTLkOSf_XS2YaNsVQ-wIF5dyEsTOGD2ZQZ6Ro-qsg9QKB99ExAoIWXd7mZ2SsFRBv0VzEXOgNXJxPuXfTuth-orAxuZOUXQQBFwSuegSQpRajQzfMTQEG15zCXKuGFjYmdurMP8Yk/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrm2M-ad-f2PkPUXDmrd9EYNGzb506QO6rfqdmWH6RFApi8ae-6H62G4Sj7uvV6kf4uWpE5QRyfqj8-TuL9EEjSbXGZ1TYLOBTnS2QkuXub-qc3JNascLcwqVQE9Gs026KECK9YQ-HL4/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtg1_PpNph66Sxdeb2cXRREtbpYWBtSDsOFukLL7NiVeyUSqPMWhqon8E_Fl_n_H02fM-OuMCqIZ0G-E7Iz2NC_7ss83y2ZM8-GxEaY94DIPtJ8DfoobWjWJ1bRKitwsaT9f5cVpeayAc/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9PfCLjQNLzjKdEah_C6080wMzb05EkBMBWFK3_A8LQBZBzVBJNX9JzN_TYvQjzX0GDY3U8XODWQFdQh6h59aZz2nE2JoHb38FGmQVUoBbMK2KLMViN4c_BYF9ba7q7suwObMpb9EITCw/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaukIvPk4NKHTp7EU-ZqLMl7xtqrlJv8dHoO28Uouv-Vf5rEJU-RvfKA4f9rrUv1Nip2Ix5VDn0A9HE_xr9eUAJMF2_1XIpxPxkJ8dDVb1qV4lno8vBLH32Zbk8fiqqHLNUd-y288dQfU/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_B9IAARYF01eM7g5bQfDg0ZFNvJX97w_9fTlqaMVTEXxiZuNkDVbXDf2ByV5fRf2j2RziHqSlnwEBZEuszvgKHUTdhgwre6D-cw1FzNB34CKR0TAeDUvlBWMBzJU4N1i1FTz1ZDml3Mc/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinU3WI2qERsEHKqUSwLwlNjugEiuQx2xrXOG-kFx6ux5nJYtQwiXpsqo49gg5-GXsqOc0dDdtY5lLjnTsc5O1cdStyrwT7h7sub87U0PdSgn313CyKlh7_IlAUxQIHuK7Tv73LrvvzkMw/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKvabkmHvoVWvdCiISg2UHp5IGv6jqp5aGt6bFmFT-gx4ZLfI-IXoIPOcP7_rOmcf0PHduWemBPJLy9Mb3XhQFz0HPfPP8amI9DIFhf7F6VT7mbq35bJSjMozu9fwMUlFqlSVyX6lEnXc/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBfjcRh9JkNa4mM-E0Z16wvcVEjw0k0tB1KXVajyb3TFevq-2xByY272-yq4l0zp51Vb504uf3xzPycCvxDdzRHHhSsP4xZ5UzhVLa5mpdHsmhkRPGCk5s-p8m9E0goN7_dHp853IlcUA/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


Disfrutenlo

gadget de seguidores de google+

Hoy les voy a mostrar como poderle añadir un fondo a este gadget, lo mismo le podemos poner un color de fondo que un fondo con gradiente usando dos colores o un fondo con imagen ,Para añadir este código lo mismo lo pueden añadir en un gadget o en la plantilla antes del cierre de la etiqueta </head>  .


El siguiente código es para añadirle un fondo con un solo color :

<style type='text/css'>
#PlusFollowers1{
background:#dadada;
display:block;
padding:15px; 15px;
border: 2px solid #dcdcdc;
border-radius:3px 3px 3px 3px;
display:inline-block;overflow:hidden;
-webkit-box-shadow: 0px 1px 1px #fff;
box-shadow: 0px 1px 1px #fff;
}
</style>

Donde dice:

background:#dadada; Este es el color de fondo 
border: 2px solid #dcdcdc; Este es el ancho del borde y el color
border-radius:3px Este es el borde de las esquinas

El siguiente código es para añadirle un fondo con gradiente usando dos colores :

 <style type='text/css'>
#PlusFollowers1{
display:block;
padding:15px; 15px;
border: 2px solid #dcdcdc;
border-radius:3px 3px 3px 3px;
display:inline-block;overflow:hidden;
-webkit-box-shadow: 0px 1px 1px #fff;
box-shadow: 0px 1px 1px #fff;

background-image: -moz-linear-gradient(#dcdcdc, #000);background-image: -webkit-linear-gradient(#dcdcdc, #000);background-image: -o-linear-gradient(#dcdcdc, #000);background-image: linear-gradient(#dcdcdc, #000);
}
</style>

Donde dice:
   
border: 2px solid #dcdcdc;   Este es el ancho del borde y el color
border-radius:3px   Este es el borde de las esquinas
background-image: -moz-linear-gradient(#dcdcdc, #000);   Este es lo que muestra la imagen en gradiente #dcdcdc  es el color gris y se va a mostrar arriba #000   es el color negro y se va a mostrar abajo.


El siguiente código es para añadirle un fondo con una imagen : 

 <style type='text/css'>
#PlusFollowers1{
background: url(Aquí va la url de la imagen que quieren poner de fondo) repeat;
display:block;
padding:15px; 15px;
border: 2px solid #dcdcdc;
border-radius:3px 3px 3px 3px;
display:inline-block;overflow:hidden;
-webkit-box-shadow: 0px 1px 1px #fff;
box-shadow: 0px 1px 1px #fff;
}
</style>

Donde dice:
   
border: 2px solid #dcdcdc;   Este es el ancho del borde y el color
border-radius:3px   Este es el borde de las esquinas

Ennumerar las páginas en blogger

1. primero crearemos un widget desde diseño utilizando la opción Html/javascript y lo pegamos justo debajo de las entradas:

<style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Anterior";var downPageWord="Siguiente";</script><script style='text/javascript' src='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script>

2. fijense bien en el numero 5 en rojo pues bien este valor lo tienen que modificar ustedes dependiendo de cuantas entradas tienen en la página principal en este caso le puse un 5 pero esto puede variar en sus blogs

3. le damos en guardar al final obtendremos algo parecido a esto:

cargar pagina en blogger

pero este truco no es mio así que primero antes de empezar dejenme darle los creditos a ayuda para el blog por este truco.

aqui les dejo un estracto del pot original:

1. Ir a Plantilla, luego a Edición de HTML y antes de </head> pegar el siguiente código:

<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga(){
document.getElementById("imgLOAD").style.display="none";
}
</script>

2. Después ir a diseño añadir gadget y pegar el siguiente código en html/javascript en la parte que quieran que se muestre la imagen de carga:

<div id='imgLOAD' style="TEXT-ALIGN: center">
<b>Cargando</b>
<IMG src="http://i151.photobucket.com/albums/s137/andrewmusic1/loading.gif">
</div>

ahora bien aqui pueden personalizar la imagen de carga reemplazando lo que esta en rojo por la que imagen que utedes deseen pero aqui les dejo algunas:

http://i252.photobucket.com/albums/hh18/juanjujuy5/loading6.gif



http://i252.photobucket.com/albums/hh18/juanjujuy5/loading5.gif


http://i252.photobucket.com/albums/hh18/juanjujuy5/loading3.gif



http://i252.photobucket.com/albums/hh18/juanjujuy5/loading2.gif



http://i252.photobucket.com/albums/hh18/juanjujuy5/loading.gif



http://i252.photobucket.com/albums/hh18/juanjujuy5/4.gif

Desabilitar el Clik derecho con un mensaje

Con este script cada vez que la visita potencialmente no podrá sobrear las letras ni nada y cada ves que de un clik derecho se mostrara un mensaje de derecho de autor o uno creado por tí

Como implementarlo?

1. Ubicamos desde Edicion HTML este código:

</body>

y antes de él pegamos:

<script language='JavaScript'>
function click() {
if (event.button==2) {
alert('Copyright todos los derechos reservados');
}
}
function keypresed() {
alert('Copyright todos los derechos reservados ');
}
document.onkeydown=keypresed;
document.onmousedown=click;
</script>

Guardas la plantilla y listo!

Efecto desvanecer pagina al clikar en un enlace

el truco es realmente sencillo solo deben pegar despues del <head>
el siguiente código:

<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1)" />

<meta http-equiv="Page-Exit" content="BlendTrans(Duration=1)" />

Y listo espero que el truco sea de su agrado.
Actualización este truco solo es visualizable en Internet Explorer, no es compatible con Mozilla

Efecto nieve que cae - Java Script Navideño

este truco es re sencillo va a "diseño" luego la pestaña "edición html" y buscan este código:

</body>

antes de él (arriba) pegan el siguiente código)

<script src='https://sites.google.com/site/juanjujuy5/Home/efectodenievemosa.js' type='text/javascript'> 

</script>

también pueden usar el código grandela cual tendrán que pegar desde diseño -> añadir elemento de página -> html javascript:

<script>if  ((document.getElementById) && 

window.addEventListener || window.attachEvent){



(function(){



//Configure here.



var num = 30;   //Number of flakes

var timer = 30; //setTimeout speed. Varies on different comps

var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).



//End.



var y = [];

var x = [];

var fall = [];

var theFlakes = [];

var sfs = [];

var step = [];

var currStep = [];

var h,w,r;

var d = document;

var pix = "px";

var domWw = (typeof window.innerWidth == "number");

var domSy = (typeof window.pageYOffset == "number");

var idx = d.getElementsByTagName('div').length;



if (d.documentElement.style && 

typeof d.documentElement.style.MozOpacity == "string")

num = 12;



for (i = 0; i < num; i++){

sfs[i] = Math.round(1 + Math.random() * 1);



document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'

+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');



currStep[i] = 0;

fall[i] = (sfs[i] == 1)?

Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);

step[i] = (sfs[i] == 1)?

0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;

}





if (domWw) r = window;

else{ 

  if (d.documentElement && 

  typeof d.documentElement.clientWidth == "number" && 

  d.documentElement.clientWidth != 0)

  r = d.documentElement;

else{ 

  if (d.body && 

  typeof d.body.clientWidth == "number")

  r = d.body;

}

}





function winsize(){

var oh,sy,ow,sx,rh,rw;

if (domWw){

  if (d.documentElement && d.defaultView && 

  typeof d.defaultView.scrollMaxY == "number"){

  oh = d.documentElement.offsetHeight;

  sy = d.defaultView.scrollMaxY;

  ow = d.documentElement.offsetWidth;

  sx = d.defaultView.scrollMaxX;

  rh = oh-sy;

  rw = ow-sx;

}

else{

  rh = r.innerHeight;

  rw = r.innerWidth;

}

h = rh - 2;

w = rw - 2; 

}

else{

h = r.clientHeight - 2; 

w = r.clientWidth - 2; 

}

}





function scrl(yx){

var y,x;

if (domSy){

y = r.pageYOffset;

x = r.pageXOffset;

}

else{

y = r.scrollTop;

x = r.scrollLeft;

}

return (yx == 0)?y:x;

}





function snow(){

var dy,dx;



for (i = 0; i < num; i++){

dy = fall[i];

dx = fall[i] * Math.cos(currStep[i]);



y[i]+=dy;

x[i]+=dx; 



if (x[i] >= w || y[i] >= h){

  y[i] = -10;

  x[i] = Math.round(Math.random() * w);

  fall[i] = (sfs[i] == 1)?

  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);

  step[i] = (sfs[i] == 1)?

  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;

}



theFlakes[i].top = y[i] + scrl(0) + pix;

theFlakes[i].left = x[i] + scrl(1) + pix;



currStep[i]+=step[i];

}

setTimeout(snow,timer);

}





function init(){

winsize();

for (i = 0; i < num; i++){

theFlakes[i] = document.getElementById("flake"+(idx+i)).style;

y[i] = Math.round(Math.random()*h);

x[i] = Math.round(Math.random()*w);

}

snow();

}





if (window.addEventListener){

window.addEventListener("resize",winsize,false);

window.addEventListener("load",init,false);

}

else if (window.attachEvent){

window.attachEvent("onresize",winsize);

window.attachEvent("onload",init);

} 



})();

}//End.</scrip>