function extractUrl(input)
{
 // remove quotes and wrapping url()
 return input.replace(/"/g,"").replace(/url\(|\)$/ig, "");
}

$(document).ready(function () {
	var n = $('#buttons div').length;
	var widthButton = $('#buttons div').width();
	$('#buttons').wrap('<div id="buttons_container"></div>').css('width', n * widthButton +"px");
	// Some fucking variables
	var nombreScreens = $('#screenlist a').length;
	var widthScreenShot = $('#screenlist a').width();
	var borderWidth =($("#screenlist a").outerWidth() - $("#screenlist a").width()) / 2;
	var marginRight =  $("#screenlist a").css("margin-right").replace("px", "") ;

	$('#screenlist > div').width(((widthScreenShot+(borderWidth*2))*nombreScreens)+(marginRight*(nombreScreens))+'px');

	$('#screenlist a')
	.each(function(index) {

		var image = extractUrl($(this).css("background-image"));
		var split = image.split('.jpg');
		image = split[0]+"-large.jpg"
		$(this).attr({"href": image, "rel":"screenshots"});
	})
	.css("cursor", "pointer")
	.fancybox({
		"overlayOpacity" : "0",
		"transitionIn" : "elastic",
		"transitionOut" : "elastic"
	});
	$('a.screen.presentation').attr({"href": '#videocontainer'});
	$('#videocontainer a').click(function() {
		$('#videocontainer video').get(0).pause();
	});
});