<!----------------------------------------------------------------------------------------------------------------------------------------

                             i t i ; , .                                                                                                         
         : j G G G G L f f f j f j j L L L L L t L i                                                                                             
   t G f                                       . ; L L f                                                                                         
 :                                                     ; L L j                                                                                   
                                                           t L f                                                                                 
                                                             ; L i                                                                               
                                                               L L                                                                               
                         :                                     L L                   .                                                           
                         t                                     L L :                 :                                                           
                         L                                   j L L                   ;       t                                                   
                       : L                                 j f f L                 , i       f                                                   
                       i f                             i L L L L                   ; j       f                                                   
             :         f L                         t f L f f f                       j       L                                                   
                   i t L L                 ; j L f L L L ;                         t f       L .                                                 
                       L L L G G L L L L L L L L G G f                             f j       L ,                                                 
                       L L         , f i f f j                                     f f       L ,                                                 
                       L L                                                         L f       L ,                                                 
                       t L                             : ; , .                     L f ; : : L j , ; i j j j t j j j f j j j j j j j j j t       
                       L L         G G G L G G G G G t         L ; j f f f f f L f L f f j j L L   ; ; :         .                               
                       f f         .     j             j i     G                   L f       L t                                                 
                       f L               L j G L j j L G L     L                   L j       f f         f ,                                     
                       i L               L L G G L G G L :     L                   L ;       f f       f f f j f ,                               
                       f f               G     f G             G ; ,               L f       j f     L j   . f f f                               
                       j i               L       f L           L                   f ,       j f   i L .       ,                                 
                       L f               L         L           L                   f j       ; f   ; L           :                               
                       L f               f         j L         L                   t j       t L     L ,       ;                                 
                       L L               ;           G         G G L :             j f       : f     : L       f                                 
                       t                             ;         ,     t             i f :       t         f f                                     
                       t i                                                           i         f ,                                               
                       i                                                                       f j                                               
                       ;                                                                       j L                                               
                                                                                               :                                                 
----------------------------------------------------------------------------------------------------------------------------------------->
<html>
<head>
<meta name="viewport" content="width=960" />
<meta property="fb:page_id" content="119105874832710" />
<title>RogelioPretto.com</title>
<link rel="image_src" href="http://images.rogeliopretto.com/pages/front_page/10028.jpg" />
<link href="http://css.rogeliopretto.com/main.css" rel="stylesheet" type="text/css">
<link href="http://css.rogeliopretto.com/front_page.css" rel="stylesheet" type="text/css">
<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="http://css.rogeliopretto.com/ie.css" />
<![endif]-->
<script language="javascript" type="text/javascript" src="http://js.rogeliopretto.com/jquery.min.js">//1.4.4</script>
<script language="javascript" type="text/javascript" src="http://js.rogeliopretto.com/jquery.ui.position.min.js">//1.8.9</script>
<script language="javascript" type="text/javascript" src="http://js.rogeliopretto.com/jquery.easing.js">//1.3</script>
<script language="javascript" type="text/javascript" src="http://js.rogeliopretto.com/main.js">//</script>
<script language="javascript" type="text/javascript">//

	var destination;
	
	$(document).ready(function() {

		$('<div class="loading"><img src="http://images.rogeliopretto.com/pages/front_page/ajax-loader.gif" />&nbsp; </div>').appendTo('body').hide();
		
		var theWindow = $('<div id="thewindow">\
							<img id="windowimg" src="http://images.rogeliopretto.com/pages/front_page/10028.jpg" />\
							<img id="entrar" style="opacity: 0" class="enter_button hidden_on_load" src="http://images.rogeliopretto.com/pages/front_page/enter_es.jpg" />\
							<img id="enter" style="opacity: 0" class="enter_button hidden_on_load" src="http://images.rogeliopretto.com/pages/front_page/enter_en.jpg" />\
							<div id="windowplatform" style="opacity: 0" class="hidden_on_load">\
							</div>\
						   </div>');
		
		// prevent content flash
		$('body').css('background-color','#000').css('overflow','hidden');
		$('#container').html('');	// we have JS on this 1st load
		
		$(theWindow).prependTo('body');
		
		$('#windowimg').load(function(){
			$(window).resize(function(){
				var Ww = $(window).width();
				var Wh = $(window).height();
				adjustImg('#windowimg',Ww,Wh);
			});
			$('#container').css('opacity','1');
		});
		
		$('.enter_button').mouseup(function(){
			$(this).unbind('mouseup');
			
			$.ajax({
				url: 'http://www.rogeliopretto.com//main/hasvisited'
			});
			
			switch( $(this).attr('id') )
			{
				case 'entrar':	destination = 'http://www.rogeliopretto.com/';
								break;
				case 'enter':	destination = 'http://en.rogeliopretto.com/';
								break;
			}
			
			$('body').css('background-color','#FFF');
			$(this).position({
				of: $(window),
				my: "center center",
				at: "center center",
				offset: "50 -35",
				collision: "none",
				using: function(to) {
					to['width'] = 0;
					to['height'] = 0;
					to['opacity'] = 0;
					
					var Ww = $(window).width();
					var Wh = $(window).height();
					var n;
					
					$(this).animate( to, {
						duration: 1200, 
						easing: 'easeInExpo', 
						complete: function() {
							
							$('#windowplatform').hide();
							$('.enter_button').hide();
							
							if( destination == 'http://en.rogeliopretto.com/' )
								loading_text = 'Loading...';
							else
								loading_text = 'Cargando...';
							$('.loading').append(loading_text).show().position({
								of: $(window),
								my: "center center",
								at: "center center",
								offset: "0 0",
								collision: "none"
							});
							
							$('#windowimg').animate({
								height: '240%',
								width: '240%',
								opacity: 0
							},
							{
								duration: 1200,
								easing: 'easeOutExpo',
								step: function(now,fx) {
										if( fx.prop == 'height' || fx.prop == 'width' )
										{
											n = (now/100);
											adjustImg('#windowimg',Ww*n,Wh*n);
										}
									},
								complete: function() {
									window.location.href = destination;
								}
							});
						}
					});
				}
			});
			
		});
	
	});
	
function adjustImg(t,Ww,Wh)
{
	var w = $(t).width();
	var h = $(t).height();
	var rw, rh, r;
	
	( Ww>w ) ? rw = Ww/w : rw = 1;
	( Wh>h ) ? rh = Wh/h : rh = 1;
	(rw>rh) ? r = rw : r = rh;
	
	$(t).width(w*r);
	$(t).height(h*r);
	
	$(t).position({
		of: $(window),
		my: "center center",
		at: "center center",
		offset: "10 0",
		collision: "none"
	});
	
	$('#windowplatform').position({
		of: $(window),
		my: "center center",
		at: "center center",
		offset: "0 150",
		collision: "none"
	});
	
	$('#entrar').position({
		of: $('#windowplatform'),
		my: "left center",
		at: "left center",
		offset: "115 -55",
		collision: "none"
	});
	$('#enter').position({
		of: $('#windowplatform'),
		my: "right center",
		at: "right center",
		offset: "-115 -55",
		collision: "none"
	});
}

	$(window).load(function(){
		$('.hidden_on_load').css('opacity','1.0');
		enterButtonPulse('#entrar',255,255,255,1);
		enterButtonPulse('#enter',255,255,255,1);
		
		$('#entrar').hover(function(){
			$('#entrar').css('border-width','8px');
			$('#entrar').css('margin','-2px');
			$('#enter').css('border-width','0px');
			$('#enter').css('margin','6px');
		},function(){
			$('#entrar').css('border-width','6px');
			$('#entrar').css('margin','0px');
			$('#enter').css('border-width','6px');
			$('#enter').css('margin','0px');
		});
		$('#enter').hover(function(){
			$('#enter').css('border-width','8px');
			$('#enter').css('margin','-2px');
			$('#entrar').css('border-width','0px');
			$('#entrar').css('margin','6px');
		},function(){
			$('#enter').css('border-width','6px');
			$('#enter').css('margin','0px');
			$('#entrar').css('border-width','6px');
			$('#entrar').css('margin','0px');
		});
		
		var Ww = $(window).width();
		var Wh = $(window).height();
		adjustImg('#windowimg',Ww,Wh);
	});
	
function enterButtonPulse(id,r,g,b,step)
{
	var x;
	
	x = 15 - Math.pow(2,Math.ceil(Math.random()*3));
	r = ((r+x) % 215);	// less red
	
	x = 15 - Math.pow(2,Math.ceil(Math.random()*3));
	g = ((g+x) % 245);	// little less green
	
	x = 15 - Math.pow(2,Math.ceil(Math.random()*3));
	b = ((b+x) % 255);
	
	var theColor = 'rgb('+(r+step)+','+(g+step)+','+(b+step)+')';
	
	if( step == 1 )
		$(id).css('border-top-color',theColor);
	else if( step == 2 )
		$(id).css('border-right-color',theColor);
	else if( step == 3 )
		$(id).css('border-bottom-color',theColor);
	else
		$(id).css('border-left-color',theColor);
	
	step = (step % 4) + 1;
	
	setTimeout(function(){
		enterButtonPulse(id,r,g,b,step);
	},50);
}

</script>
</head>

<body>

<div id="container">

    <div id="header">
        <div id="name">rogelio <strong>pretto</strong>&nbsp;</div>
        <div id="signature"><a href="http://pret.to"><img src="http://images.rogeliopretto.com/pages/signature.png" /></a></div>
    </div>
    
    <div id="navigation">
        <div id="hierarchy">
        	<a href="http://www.rogeliopretto.com/">Hogar</a>
        </div>
    </div>
    
    <div id="content">
    
    	<div id="main">
        	<div class="intro_message">
            
            <p> Bienvenido. Gracias por visitar mi sitio Web. </p> <p>          Antes de ir a otro lugar del sitio, te invito a que leas el pr&oacute;logo de la secci&oacute;n que recoge—y seguir&aacute; recogiendo—la serie de relatos de memorias sobre mis experiencias con el arte. La raz&oacute;n de ser del sitio es explicada brevemente en el pr&oacute;logo. Leerlo dar&aacute; sentido a la naturaleza de los temas que tratar&aacute;n los cuentos que siguen y al resto de lo que el sitio ofrece. </p> <p>          Falta mucho completarle al sitio. Gran parte se encuentra aun en construcci&oacute;n. La secci&oacute;n autobiogr&aacute;fica, por ejemplo, est&aacute; apenas en su comienzo. Hay mucho m&aacute;s que contar y cantidad de cosas que incluirle a otras secciones. Pero con los a&ntilde;os que ya cargo encima, no hay por que demorar la publicaci&oacute;n de un proyecto tan personal como este solo para darle un terminado pulido y completo al sitio. El tiempo para armarlo como lo idealizo es un lujo que me dar&iacute;a solo en mi juventud. Me parece que as&iacute; a medio palo como est&aacute; no es mal principio. </p> <p>          El pr&oacute;logo lo encuentras en la secci&oacute;n de Relatos Autobiogr&aacute;ficos. Te dar&aacute; una buena idea de lo que hay dentro en rogeliopretto.com. </p> <p>          Espero sea de tu agrado. </p>            
            <p class="signed">Rogelio Pretto<br />
24.03.2011</p>                    	
            </div>
        </div>
        
         <div id="sidebar">
		 	<ul>
        	        
	    	                <li><a href="http://www.rogeliopretto.com/paintings">obras</a></li>
                    
                	        
	    	                <li><a href="http://www.rogeliopretto.com/exhibitions">exhibiciones</a></li>
                    
                	        
	    	                <li><a href="http://www.rogeliopretto.com/materials">todo el material impreso</a></li>
                    
                	        	            
                	                        <li class="submenu"><a href="http://www.rogeliopretto.com/materials/press">prensa</a></li>
                                    
                        
                	                        <li class="submenu"><a href="http://www.rogeliopretto.com/materials/exhibitions">exhibiciones</a></li>
                                    
                        
                	                        <li class="submenu"><a href="http://www.rogeliopretto.com/materials/correspondence">correspondencia</a></li>
                                    
                            	        
	    	                <li><a href="http://www.rogeliopretto.com/writings">escritos del artista</a></li>
                    
                	        
	    	                <li><a href="http://www.rogeliopretto.com/autobiography">relatos autobiogr&aacute;ficos</a></li>
                    
                	        
	    	                <li><a href="http://www.rogeliopretto.com/performances">arte dram&aacute;tico</a></li>
                    
                	        
	    	                <li><a href="http://www.youtube.com/user/HereComesElSon" target="_blank">canal YouTube</a></li>
                    
                	        
	    	                <li><a href="http://www.rogeliopretto.com/contact">contacto</a></li>
                    
                	        
	    	                <li><a href="http://www.rogeliopretto.com/comments">comentarios</a></li>
                    
            </ul>

<span class="language">
<ul>
	<li class="currentsection"><a href="http://www.rogeliopretto.com">Espa&ntilde;ol</a></li>
    <li ><a href="http://en.rogeliopretto.com">English</a></li>
</ul>
</span>

    

    	
    
    <br /><br /><br /><br />
    <!---->
    <div class="facebook_like">
    
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=269363326408709&amp;xfbml=1"></script><fb:like href="http://www.rogeliopretto.com/" send="true" layout="box_count" width="80" show_faces="false" action="like" font=""></fb:like>
    <!--previous like script
	<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.rogeliopretto.com/" layout="button_count" show_faces="false" width="200"></fb:like>
    -->
    </div>
    
    <script type="text/javascript" language="javascript">
	/*	document.write('<div id="email_button"><a href="#Share_this_page">Env&iacute;e esta p&aacute;gina</a></div>');
		$("#email_button a").click(function(e){
			e.preventDefault();
			
			var recipient_email = "";
			var sender_name = "";
			var sender_email = "";
			
			while(recipient_email=="")
				recipient_email = prompt("What email address would you like to send this to?");
			while(sender_name=="")
				sender_name = prompt("What is your name?");
			while(sender_email=="")
				sender_email = prompt("What is your email address?");
			
			var the_message = prompt("Add a message to your email:","Hello, " + sender_name + " has invited you to view this page at rogeliopretto.com.");
			
			var the_link = "http://www.rogeliopretto.com/"
			
			var confirm_msg = "A message will be sent from " + sender_name + " <" + sender_email + "> " + "to " + recipient_email + ": \n\n " + the_message + "\n\n" + the_link;
			var do_send = confirm(confirm_msg);
			
			if( do_send )
			{
				alert("test");
			}
			else
				alert("Email is cancelled and not sent.");
			endif;
		});
*/	</script>
    
    <!---->
					         </div>
        
    </div>

</div>

</body>
</html>