var _PaginaActual = 0;

var _TotalDePaginas = 0;
var _PaginasCargadas = 0;

function RealizarNavegacionAPaginaSinRefresh( ){

   // Si la página a mostrar no es la actual...
    if( _PaginaActual != $( this ).attr( 'rel' ) ){
    
        // Indica que la página mostrada es la actual.
        _PaginaActual = $( this ).attr( 'rel' );
        
        // Elimina la clase de elemento activo actual.
        //$( this ).parents( 'ul' ).find( 'li.active' ).removeClass( 'active' ).find( 'a.active' ).removeClass( 'active' );
        
        // Y activa la nueva selección.    
        //$( this ).addClass( 'active' ).parent( ).addClass( 'active' );
                                        
        // Saca de escena la página mostrar.
        $( '#contenedorSeccion' ).children( ).filter( ':visible' ).animate( 
                                                                    { left: 1000 }, 
                                                                    { 
                                                                        duration:       1000, 
                                                                        complete:       function( ){ 
                                                                                            $( this ).hide( ).css( { left: 0, top: -1000 } ) 
                                                                                        }, 
                                                                        queue:          false
                                                                    } 
                                                                  );   
                                           
        // Pone en escena la página a mostrar.                                                                                                    
        $( '#contenedorSeccion' ).children( ).filter( '[rel=' + $( this ).attr( 'rel' ) + ']' ).show( ).animate( 
                                                                                                    { top: 0 },
                                                                                                    {
                                                                                                        duration:       1000,
                                                                                                        queue:          false
                                                                                                    }
                                                                                                ).find( "img[src$='.png']" ).iunfixpng( ).ifixpng( );
      
    }
                 
    return false;
    
}


function onPaginaCargadaConAJAX( data, textStatus ){
    
	
	
    // Anexa la página cargada con el índice correspondiente que recibe.
    $( '#contenedorSeccion' ).append( $( data.html ).attr( 'rel', data.indice ).hide( ).css( { position: 'absolute', top: -1000 } ) );
            
    // Evalua la función de javascript a ejecutar.
    if( data.js ){ eval( data.js + '( );') }
	    
    _PaginasCargadas++;
    
	if( _TotalDePaginas == _PaginasCargadas ){
    
        if( $.browser.msie && $.browser.version == 6 ){
                  
            $( '.topContenido h1' ).wrap( '<div></div>' ); 
            
        }    
        
    }
                        
}





$( function( ){ 

    $( "#contenedorImagenLogo img" ).ifixpng( );
        
    // Funcion qie se encarga de centrar contenidos.
    var CentrarContenidos = function( ){
        
        var h = $( window ).height( );
        var cont = $( '#contenedorCentrado' );
        
        if( cont.height( ) < h ){
            
            cont.css( 'top', ( h ) -  ( cont.height( ) ) );
            
        }else{
            
            cont.css( 'top', 0 );
            
        }
       
    }
	
	
    
    // Centra los contenidos y asigna el centrado cuando se modifica el tama&ntilde;o de la ventana.
    CentrarContenidos( );
    
	$( window ).resize( CentrarContenidos );

        
    // Obtiene la direcci&oacute;n de la p&aacute;gina.
    var _PaginaActual = '/' + window.location.href.split( '/' )[ 3 ];
    _PaginaActual = ( _PaginaActual == '/' ) ? '/inicio' : _PaginaActual;
    
    // Oculta el overflow del elemento donde estan las dem&aacute;s p&aacute;ginas.
    var contenedorPaginas = $( '#contenedorSeccion' ).css( { overflow: 'hidden', position: 'relative' } );
    
    // Asigna la relaci&oacute;n del link de la p&aacute;gina actual al primer div.pagina que encuentre.
    contenedorPaginas.children( ).attr( 'rel', 0 ).css( 'position', 'absolute' );

    var contadorLink = 1;
     
    _TotalDePaginas = $( '.linkNavegacion' ).size( );
                             
    $( '.linkNavegacion' ).each( function( ){

        // Obtiene la referencia al link.        
        var a = $( this );      
        
        if( a.attr( 'href') != _PaginaActual ){
            
            a.attr( 'rel', contadorLink );
                                       
            // Carga la correspondiente p&aacute;gina.      
            $.get( a.attr( 'href' ), { ajax: 1, indice: contadorLink++ }, onPaginaCargadaConAJAX, 'json' );
                
        }else{
            
            // Asiga la relaci&oacute;n.
            a.attr( 'rel', '0' );                  
            
        }
        
                          
        // Y le asigna el evento de movimiento a la p&aacute;gina indicada.
        a.click( RealizarNavegacionAPaginaSinRefresh );
                          
    } );
    
    _PaginaActual = '0';
    
} );