// JavaScript Document
$(document).ready(function() {
// GALLERY WITH PREVOUS AND NEXT BUTTONS

$('#gallery').after('<div id="thumbs" class="flexcroll">').cycle({ 
    fx: 'fade', 
    speed:  0, 
    timeout: 0,
	next: '.next',
	prev: '.prev',
    pager:  '#thumbs',
    slideExpr: 'img',
    pagerAnchorBuilder: function(idx, slide) { 
        return '<a href="#"><img src="' + slide.src + '" width="50" border="none" /></a>'; 
    } 
});

// MOVE SCROLLBAR
var numItem = $("#gallery > li").size();
var moveNum = 555/numItem;
$('#thumbs a, .nav_buttons a').click(function(){
   var index = $('#thumbs a').index($('a.activeSlide')) + 1;
   var marginTop = moveNum * index - 33;
   $('#thumbs_vscrollerbar').css("top", marginTop);
});


$('#nr_gallery').after('<ul id="pager">').cycle ({
	fx: 'fade',
	speed: 0,
	timeout: 0,
	next: '.next',
	prev: '.prev',
	pager: '#pager',
	pagerAnchorBuilder: function(idx, slide) { 
        return '<a class="' + $(slide).attr('class') + '" href="#">' + $(slide).attr('title') + '</a>'; 
    }
});

$('.thumbnails').click(function () {
	$(".nav_buttons, #header h3, .thumbnails, #nr_gallery").removeClass("show").addClass("hide");
	$("#pager").addClass("tn_image");
	});

$('#pager a').click(function () {
	$(".nav_buttons, #header h3, .thumbnails, #nr_gallery").removeClass("hide").addClass("show");
	$("#pager").removeClass("tn_image");
	});
});