$(document).ready(menu_imagenes);

var primera = 0;
var nitems = 0;
var preventClick = false;

function menu_imagenes()
{
    var selected = parseInt($('.menu-imagenes .menu').attr("iw4id"));
    var li = $('.menu-imagenes .menu ul li[iw4id='+selected+']');
    var n = parseInt($(".menu-imagenes .menu > ul > li").index(li));

	var items = $('.menu-imagenes .menu ul li');
	nitems = items.size();
	var width = items.size()*150;
    var pags = Math.ceil(nitems / 4);
    if (n != null) {
        var pag = Math.floor(n / 4);
        primera = pag*4;
        var left = -588*pag;
        $('.menu-imagenes .menu ul').css("left",left+"px");
    }
    $('.menu-imagenes .menu ul').css("display","block");
	$('.menu-imagenes .menu ul').css('width',width+'px');
	$('.menu-imagenes .buttons .seguir').click(adelante);
	$('.menu-imagenes .buttons .volver').click(atras);
}

function adelante()
{
	if (!preventClick)
	{
		preventClick = true;
		if (primera >= nitems - 4)
		{
			preventClick = false;
			return;
		}
		$('.menu-imagenes .menu ul').animate({"left": "-=588px"}, "slow",activateClick); //147*4=588
		primera+=4;
	}
}

function atras()
{
	if (!preventClick)
	{
		preventClick = true;
		if (primera <= 0)
		{
			preventClick = false;
			primera = 0;
			return;
		}
		$('.menu-imagenes .menu ul').animate({"left": "+=588px"}, "slow",activateClick);
		primera-=4;
	}
}

function activateClick()
{
	preventClick = false;
}