/* ------------------------------------------------------------
 * AL CARGAR LA PÁGINA
 * ------------------------------------------------------------
 */

$(window).load( function() {

	/* Redimensionar Frame */
	ResizeFrame();
	
});

$(document).ready( function() {
	
	$("a.gallery_image").fancybox({
	
		'titleShow'		: false,
		'overlayOpacity': 0.8,
		'overlayColor'	: '#000000',
		'padding'		: 20
		
	});
	
});


/* ------------------------------------------------------------
 * AL REDIMENSIONAR LA PANTALLA
 * ------------------------------------------------------------
 */
$(window).bind('resize', function() {

	/* Redimensionar Frame */
	ResizeFrame();

});


/* ------------------------------------------------------------
 * REDIMENSIONAR FRAME
 * ------------------------------------------------------------
 */
function ResizeFrame() {
	$('#main_content').css('top', $('#main_top').height() + 'px');
	$('#main_content').height(($('body').innerHeight() - ($('#main_top').height() + $('#main_bottom').height())) + 'px');
}


/* -------------------------------------------------------
 * CONTROLES CREADOS PARA EL CAROUSEL
 * -------------------------------------------------------
 */
var paginas_totales = 1; /* Imágenes totales / 3 */
var total_por_pagina = 3;
var pagina_actual = 1;
var id_galeria = 'gallery_image';
var intervalo = '1';

function mycarousel_initCallback(carousel) {
							
	jQuery('#'+id_galeria+' .jcarousel-control a').bind('click', function() {

        if (jQuery(this).attr('title') == '1') {
        	carousel.scroll(jQuery.jcarousel.intval(intervalo));
        	
        	jQuery('#'+id_galeria+' .jcarousel-control a').each( function() {
        		jQuery(this).removeClass('selected');
        	});
        	
        	jQuery(this).addClass('selected');
        	
        } else {
            intervalo = ((total_por_pagina - 1) * jQuery(this).attr('title')) + ( jQuery(this).attr('title') - (total_por_pagina - 1));
            carousel.scroll(jQuery.jcarousel.intval(intervalo));
            
            jQuery('#'+id_galeria+' .jcarousel-control a').each( function() {
            	jQuery(this).removeClass('selected');
            });
            
            jQuery(this).addClass('selected');
            
        }
        
        

        return false;
    });
    
    
    jQuery('#mycarousel-next').bind('click', function() {
    	
    	if (pagina_actual < paginas_totales) {
    		pagina_actual++;
    		carousel.next();
    	}
    	
    	jQuery('#'+id_galeria+' .jcarousel-control a').each( function() {
	    	
	    	if (jQuery(this).attr('title') == pagina_actual) {
	    		jQuery(this).addClass('selected');
	    	} else {
	    		jQuery(this).removeClass('selected');
	    	}
	    	
    	});
    	
        return false;
    });
    
    
    jQuery('#mycarousel-prev').bind('click', function() {
    
    	carousel.prev();
    	
    	if (pagina_actual > 1) {
    		pagina_actual--;
    		carousel.prev();
    	}
    	
    	jQuery('#'+id_galeria+' .jcarousel-control a').each( function() {
    		
    		if (jQuery(this).attr('title') == pagina_actual) {
    			jQuery(this).addClass('selected');
    		} else {
    			jQuery(this).removeClass('selected');
    		}
    		
    	});
    	
        return false;
    });
    
};


function RunCarousel(total_imagenes, id_galeria_aux) {

	//alert(total_imagenes);

	if (id_galeria_aux != '') {
		id_galeria = id_galeria_aux;
	}

	paginas_totales = total_imagenes / total_por_pagina;

	$('#'+id_galeria).jcarousel({
		scroll: total_por_pagina,
		initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
	// FancyBox
	$("a.gallery_image").fancybox({
		'titleShow'		: false,
		'overlayOpacity': 0.8,
		'overlayColor'	: '#000000',
		'padding'		: 20
	});

}