$(document).ready(
	function(){	
		$("#previous").hide();
		if ( typeof( window[ 'lower' ] ) != "undefined" ) {
		if (lower == upper) $("#next").hide();
		}
		$("a.lightbox").lightBox();
		$("a.external").attr('target','_blank');
		var teller = 1;
		var paused = false;
		$(".rol").hover(
			function(){
				var iconName = $(this).attr("src");
				var ext = iconName.substring(iconName.lastIndexOf(".") + 1);
				iconName = iconName.substring(0, iconName.length - (ext.length + 1)) + "rol." + ext;				
				$(this).attr({src: iconName});
				$(this).css("cursor","pointer");
			},
			function(){
				var iconName = $(this).attr("src");
				var ext = iconName.substring(iconName.lastIndexOf(".") + 1);
				iconName = iconName.substring(0, iconName.length - (ext.length + 4)) + "." + ext;
				$(this).attr({src: iconName});
			}
		);
	    $("#next").click(
	    	function(){
	    		if (!paused) {
		    		teller += 1;
		    		if (teller == upper) {
		    			$("#next").hide();
		    		}
		    		$("#previous").show();
		    		doImg(true);
	    		}
	    	}
	    );
	    $("#previous").click(
	    	function(){
	    		if (!paused) {
	    			teller -= 1;
		    		if (teller == lower) {
		    			$("#previous").hide();
		    		}
		    		$("#next").show();
		    		doImg(false);
	    		}
	    	}
	    );
	    function doImg(isNext) {
	    	paused = true;
			var dirHide = isNext ? "left" : "right";
			var dirShow = isNext ? "right" : "left";
	    	var iconName = start + teller + ext;
	    	$("#image").hide("slide", { direction: dirHide }, "slow",
	    		function(){
	    			$("#image").attr({src: iconName}).load(
		    			function(){
		    				$("#image").show("slide", { direction: dirShow }, "slow");
		    				paused = false;
		    				$("#image").unbind("load");
		    			}
	    			);
	    		}
	    	);
	    }
	}
);