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

                             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://en.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://en.rogeliopretto.com/">Home</a>
        </div>
    </div>
    
    <div id="content">
    
    	<div id="main">
        	<div class="intro_message">
            
            <p> Welcome. Thanks for visiting my website. </p> <p> 	Before heading elsewhere in the site, I invite you to read the prologue in the section that contains—and will further contain—stories drawn from memories about my personal experience with art. The site’s reason for being is explained in the one page prologue, and it’ll give sense to the nature of the themes the stories will cover and to the rest of what the site offers. </p> <p> 	Much is yet to be completed and constructed for the site. The autobiographical section, for example, will include many more coming stories. But given my years, there’s no reason to delay publishing a personal project as this just to give it a complete, polished finish. The time to put it together ideally is a luxury I’d take only in my youth. Incomplete as it is, I believe it’s a proper enough beginning. </p> <p> You’ll find the prologue at the beginning of the Autobiographical Stories section. I hope you enjoy your visit. </p>            
            <p class="signed">Rogelio Pretto<br />
03/24/2011</p>                    	
            </div>
        </div>
        
         <div id="sidebar">
		 	<ul>
        	        
	    	                <li><a href="http://en.rogeliopretto.com/paintings">artwork</a></li>
                    
                	        
	    	                <li><a href="http://en.rogeliopretto.com/exhibitions">exhibitions</a></li>
                    
                	        
	    	                <li><a href="http://en.rogeliopretto.com/materials">all printed material</a></li>
                    
                	        	            
                	                        <li class="submenu"><a href="http://en.rogeliopretto.com/materials/press">press</a></li>
                                    
                        
                	                        <li class="submenu"><a href="http://en.rogeliopretto.com/materials/exhibitions">exhibitions</a></li>
                                    
                        
                	                        <li class="submenu"><a href="http://en.rogeliopretto.com/materials/correspondence">correspondence</a></li>
                                    
                            	        
	    	                <li><a href="http://en.rogeliopretto.com/writings">writings by the artist</a></li>
                    
                	        
	    	                <li><a href="http://en.rogeliopretto.com/autobiography">autobiographical stories</a></li>
                    
                	        
	    	                <li><a href="http://en.rogeliopretto.com/performances">dramatic work</a></li>
                    
                	        
	    	                <li><a href="http://www.youtube.com/user/HereComesElSon" target="_blank">YouTube channel</a></li>
                    
                	        
	    	                <li><a href="http://en.rogeliopretto.com/contact">contact</a></li>
                    
                	        
	    	                <li><a href="http://en.rogeliopretto.com/comments">comments</a></li>
                    
            </ul>

<span class="language">
<ul>
	<li ><a href="http://www.rogeliopretto.com">Espa&ntilde;ol</a></li>
    <li class="currentsection"><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">Email this page</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>