// JavaScript Document

function switchphoto(newurl, title, id){
   document.images[id+'photobookimage'].src = newurl;
   document.images[id+'photobookimage'].title = title;
   document.images[id+'photobookimage'].alt = title;
   document.getElementById(id+'fototitle').innerHTML = title;
}

function switchset(i, id, offset, max){
   var current = document.getElementById(id+'currentimageset').value;
   var currentset = document.getElementById(id+'fotoset_'+current);
   var next = parseInt( current ) + i;
   var nextset = document.getElementById(id+'fotoset_'+next);
   if(nextset){ 
       currentset.style.display="none";
       nextset.style.display="";
       document.getElementById(id+'currentimageset').value = next;
       
	   var newBeginNum = ((next)*offset);
	   if(newBeginNum + offset > max)
	   		var newEndNum = max; 
	   else
	   		var newEndNum = newBeginNum + offset;   		

 	   newBeginNum +=1;
	   document.getElementById(id+'currentlyVisible').innerHTML = newBeginNum+" - "+newEndNum;
   }
   
   //updateButtons(id, next);
} 

function updateButtons(id, page)
{
   var hasNextSet = document.getElementById(id+'fotoset_'+(parseInt(page)+1));
   if(hasNextSet)		
   		show(id+'next');  
   else
   		hide(id+'next');
   
   var hasPrevSet = document.getElementById(id+'fotoset_'+(parseInt(page)-1));
   if(hasPrevSet)		
   		show(id+'prev');  
   else
   		hide(id+'prev');
}

function hide(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function show(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}