var count = 1;

//studio gallery prev/next
function nextstudio(){	if(count<=27){	count = count + 1;
	setTimeout("imagestudio()",20);	
	if(count>1){setTimeout("show('prev');",20);}
	if(count>27){setTimeout("hide('next');",20);}
}}	
function prevstudio(){	if(count>=2){	count = count - 1;
	setTimeout ("imagestudio()",20);
	if(count<2){setTimeout("hide('prev');",20);}
	if(count<28){setTimeout("show('next');",20);}
}}
function imagestudio(){
document.getElementById('studio').innerHTML = '<a href="javascript://" onclick="setVisibility(\'bigimg\', \'inline\');"><img src="img/studio/4/'+count+'.jpg"  id="x" height="400" alt="Photography by Claudine" /></a>\n<div id="imgwrap"><div id="bigimg"><a href="javascript://" onclick="setVisibility(\'bigimg\', \'none\');";><img class="large" src="img/studio/8/'+count+'.jpg" height="800"alt="Photography by Claudine"  id="x" /></a></div></div><span style="padding-right:150px; font-size:12px;">click image to enlarge</span>';
}



//things gallery prev/next
function nextthings(){	if(count<=4){	count = count + 1;
	setTimeout("imagethings()",20);	
	if(count>1){setTimeout("show('prev');",20);}
	if(count>4){setTimeout("hide('next');",20);}
}}	
function prevthings(){	if(count>=2){	count = count - 1;
	setTimeout ("imagethings()",20);
	if(count<2){setTimeout("hide('prev');",20);}
	if(count<5){setTimeout("show('next');",20);}
}}
function imagethings(){
document.getElementById('things').innerHTML = '<a href="javascript://" onclick="setVisibility(\'bigimg\', \'inline\');"><img src="img/things/4/'+count+'.jpg"  id="x" height="400" alt="Photography by Claudine" /></a>\n<div id="imgwrap"><div id="bigimg"><a href="javascript://" onclick="setVisibility(\'bigimg\', \'none\');";><img class="large" src="img/things/8/'+count+'.jpg" height="800"alt="Photography by Claudine"  id="x" /></a></div></div><span style="padding-right:150px; font-size:12px;">click image to enlarge</span>';
}

//show hide large image
function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}

//global
function hide(id) {	
	if (document.getElementById) {document.getElementById(id).style.visibility = 'hidden';	} // DOM3 = IE5, NS6
	else {
		if (document.layers) { document.id.visibility = 'hidden';}// Netscape 4			
		else {document.all.id.style.visibility = 'hidden';} // IE 4
	}
}
		
function show(id) {	
	if (document.getElementById) {document.getElementById(id).style.visibility = 'visible';	} // DOM3 = IE5, NS6
	else {
		if (document.layers) { document.id.visibility = 'visible';}// Netscape 4			
		else {document.all.id.style.visibility = 'visible';} // IE 4
	}
}