Hi guys. I don't mind admitting I'm not too good with all this code. I tend to just copy and paste and then tinker until it works. Hence my problem now.

the site I'm working on is here: OLD RECTORYLAND.com

You'll notice that I've successfully implemented toggling of different <div>s depending on what language is selected from the drop-down box at the upper right. Here's my existing javascript for this:

Code:
 <script type="text/javascript">
// code for risk dropdown 
function toggleSubmit(obj){

	count=0
	while(document.getElementById("d"+count)){
	document.getElementById("d"+count).style.display="none"
	count++
	}
	document.getElementById("d"+obj.selectedIndex).style.display="block"

}
</script>
This is all well and good, but the links in each <div> all link to the same pages, regardless of language. What I want to do now is specify that when the links are clicked, they continue to open the same pages, but when opened, open different <divs> within those same HTML docs.

So that code something like this:
HTML Code:
<div style="float: left; width: 155; padding: 6px;" align="left">
				<a href="military.html" style="text-decoration:none" onclick="toggleDiv('d2');"><div style="background-color: #DFF488;">
				<Font face="Arial" color="#330000">
				<small>&nbsp;
				MILWROL
				<BR></small></div>
				<img src="mil.jpg" width="155" height="140" border="0">
				</a></div>
should open <div id="d2"> within the page 'military.html'.

Only it doesn't, because I have no idea what I'm doing.



I trust I make myself obscure.

I'd also like it if the page could "remember" what language was selected when the user clicks the back button, again to avoid having to reselect their language on every page.

Can anyone suggest an answer to the first problem, if not the second? Thanks.