/* photo gallery */
var photo_gallery_width = 0;
var photo_gallery_window = 0;
var x = 0;
var x_old = 0;
var max_x = 0;
var fading = 0.5;
var speed = 800;

$(document).ready(function(){
	
	$("a[rel='slideshow'], area[rel='slideshow']").colorbox({
		current: "imagen {current} de {total}",
		previous: "anterior",
		next: "siguiente",
		close: "cerrar",}
	);
	
	
	$(".prev").fadeTo( speed, 0 );
	$(".next").fadeTo( speed, 0 );
	
	
	var nav = $("#nav");
	var nav_top = nav.offset().top;
	var sidebar_top = $("#sidebar").offset().top;
	var left_point = $('#wrapper').offset().left;
	var PADDING_TOP = 63; // MAGIC NUMBER
/*	var REAL_TOP = topmost_point - PADDING_TOP;*/
	var REAL_TOP = nav_top + sidebar_top - PADDING_TOP;
	var the_window = $(window);
	var NAV_IS_FIXED = (nav.css('position') == 'fixed');
	
	/*console.log('nav_top: '+nav_top);
	console.log('left_point: '+left_point);
	console.log('REAL_TOP: '+REAL_TOP);
	console.log('NAV_IS_FIXED: '+NAV_IS_FIXED);*/
	
	the_window.scroll(function () {
	
		if (the_window.scrollTop() > REAL_TOP && $.browser.msie && $.browser.version == "6.0") {
		
			//if ($.browser.msie && $.browser.version == "6.0") {
			
				nav.css('top', the_window.scrollTop() + PADDING_TOP);
			
			/*} else if (!NAV_IS_FIXED) {
			
				nav.css({
					left: left_point,
					top: PADDING_TOP,
					position: 'fixed'
				});
				
				NAV_IS_FIXED = true;
			
			}*/
		
		} /*else {
		
			if (NAV_IS_FIXED) {
				nav.css({
				position: 'absolute',
				top: topmost_point,
				left: ''
				});
				NAV_IS_FIXED = false;
			}
		
		}*/
	
	});

	/*the_window.resize(function () {
	
		left_point = $('#container').offset().left;
	
		if (NAV_IS_FIXED) {
		
			nav.css('left', left_point);
		
		}
	
	});*/

});


/* after all images have loaded */
$(window).load(function() {
	
	$("#photo_bar li").each(function(){ 
		photo_gallery_width += $(this).width() + 2;
	});
	
	photo_gallery_window = $("#photo_bar .slides").width() + 2;
	move_offset = Math.round(photo_gallery_window / 2);
	move_offset_small = Math.round(photo_gallery_window / 8);
	max_x = photo_gallery_width - photo_gallery_window;
	
	// functions
	$(".prev").click(function() {
		if (x > 0) {
			x -= move_offset;
		} else {
			x -= move_offset_small;
			$("#photo_bar ul").animate({
				left: -x + "px"
			}, "fast", "swing" );
			x_old = x;
		}
		animate_photo_gallery();
	});
	
	$(".prev").hover(function() {
		$(this).fadeTo( "normal", 1 );
	}, function() {
		$(this).fadeTo( "normal", fading );
	});
	
	$(".next").click(function() {
		if (x < max_x) {
			x += move_offset;
		} else {
			x +=  move_offset_small;
			$("#photo_bar ul").animate({
				left: -x + "px"
			}, "fast", "swing" );
			x_old = x;
		}
		animate_photo_gallery();
	});
	
	$(".next").hover(function() {
		$(this).fadeTo( "normal", 1 );
	}, function() {
		$(this).fadeTo( "normal", fading );
	});
	
	$(".prev").fadeTo( speed, fading );
	$(".next").fadeTo( speed, fading );
	
	// dragable
	$('#photo_bar ul').draggable({
		axis: 'x',
		start: function(event, ui) {
			$('#photo_bar li a').unbind();
		},
		stop: function(event, ui) {
			x = -(ui.position.left);
			x_old = x;
			animate_photo_gallery();
		}
	});
});


function animate_photo_gallery() {
	if (x < 0) {
		x = 0;
	} else if (x > (photo_gallery_width - photo_gallery_window)) {
		x = photo_gallery_width - photo_gallery_window;
	}
	
	if (x_old != x) {
		$("#photo_bar ul").animate({
			left: -x + "px"
		}, speed, "swing" );
		x_old = x;
	}
}