function initBelleza() {
	
	var container = $('#photos')
	var slides = container.find('.slide');
	
	//Check if navigation is needed
	if(container.size() == 0 || slides.size() == 0)
		return false;
		
	//Basic setup		
	var next = $('#nav .next');
	var prev = $('#nav .prev');
	var active = 0;
	var width = parseInt(slides.outerWidth());
		
	next.css('display', 'block');
	container.find('#photosContainer').css('width', width*slides.size())
	
	//Navigation
	next.click(function() {
		
		active = goNext(container, active, prev, next);
		
	})
	
	prev.click(function() {
		
		active = goPrev(container, active, prev, next);
		
	})
	
}

function goNext(container, active, prev, next) {
	return goSlide(container, active, prev, next, -1)
}
function goPrev(container, active, prev, next) {
	return goSlide(container, active, prev, next, 1)
}

function goSlide(container, active, prev, next, where) {

	var slides = container.find('.slide');
	var width = parseInt(slides.outerWidth());
	var max = slides.size() - 1;
	active += where*-1;
	
	if(active >= max) {
		active = max;
		next.css('display', 'none');
	} else
		next.css('display', 'block');
		
	if(active <= 0) {
		active = 0;
		prev.css('display', 'none');
	} else
		prev.css('display', 'block')

	container.find('#photosContainer').animate({ left: -(width*active) })
	
	return active;

}