$(document).ready(function() {

var elems = $("#jgallnav > a");
$("#myDivId").css({
	"color":"white",
	"font-size": "18pt",
	"background-color": "gray"
});


var t = Number($("#myDivId").text());
$(elems).each(function(i) {
	if ( i < 5 || i > (elems.length -5) ) {
		$(elems[i]).after(" | ");
		if (i==4) {$(elems[i]).after(" ... ");}
 	}
	else if ( t < (i+5) && t > (i-2) ) {
		$(elems[i]).after(" | ");
	}
	else {
   		$(elems[i]).css( "display", "none" );
    }
   var c = elems.length - 7;
   if (elems[i] ==  elems[c] ) {
   		$(elems[i]).replaceWith( "&nbsp;...&nbsp;" );
   }  

});
});