$(document).ready(function() {
	$('.ngg-gallery-list').wrap('<div class="ngg-gallery-wrap" />');
	$('.ngg-gallery-wrap').wrap('<div class="ngg-gallery-container" />');
	$('.ngg-gallery-list').prepend('<a href="#" id="prev-arrow">prev</a>');
	$('.ngg-gallery-list').append('<a href="#" id="next-arrow">next</a>');
	
	var thumb_num = $('.ngg-gallery-list > li').size(); // Counts number of thumbs
	var list_width = thumb_num * 110; // Multiply number of thumbs by thumb width to get width of list
	$('.ngg-gallery-list').css('width', list_width+"px");
	
	var img_title = $('.pic img').attr('title'); //grabs desciption and puts it in a span on next line
	$('.pic').append('<span id="img-title">'+img_title+'</span>');	
	
	
	var count = 0;
	$('.ngg-gallery-list li').each(function() {
		count++
		$(this).append('<span class="thumb-count">'+count+'</span>');
	});
	
	
	// set selected thumbnail on load
    var set_thumb = parseInt($('li.ngg-thumbnail-list.selected span.thumb-count').text());
    
    var thumb_pos = ((set_thumb * 110) - 110);
    if(thumb_pos <= 320){thumb_pos = 0}
    $('ul.ngg-gallery-list').css('margin-left', -thumb_pos);   
	
	var window_width = 720;
	var slide_amount = 300;
	var min = 0;
    var max = (thumb_num * 110); 
	var min_margin = 0;
	var max_margin = window_width - max;
	
	
	// gallery thumbnail slide controls
	
	// if user clicked on prev button  
    $('#prev-arrow').click(function() {
    	var current_margin = parseInt($('ul.ngg-gallery-list').css('margin-left'));
		var new_margin = current_margin + slide_amount;
    	
    	if(current_margin >= -slide_amount){new_margin = 0}
			$('ul.ngg-gallery-list').animate({'margin-left': new_margin}, 250);
	    return false;
    }); 
    
    // if user clicked on next button  
    $('#next-arrow').click(function() {
    	var current_margin = parseInt ($('ul.ngg-gallery-list').css('margin-left'));
    	var new_margin = current_margin - slide_amount;  

        if(max_margin >= current_margin && current_margin < max_margin + slide_amount){new_margin = max_margin}
		$('ul.ngg-gallery-list').animate({'margin-left': new_margin}, 250);

        return false;
    });
    
        
	
});