//	if (!(BrowserDetect.browser == 'Explorer' && (BrowserDetect.version == '6' || BrowserDetect.version == '5' || BrowserDetect.version == '7' || BrowserDetect.version == '8'))) {
	if (!(BrowserDetect.browser == 'Explorer' && (BrowserDetect.version == '6' || BrowserDetect.version == '5'))) {

		// the 3 versions below have a height clause which can be removed once the different picture versions are ready
		if (screenres() == 600) {
			document.write("<div id='fixme'><img src=pictures/ac0.jpg height=110px width=700px>") ;
		}
		if (screenres() == 800) {
			document.write("<div id='fixme'><img src=pictures/ac0.jpg height=110px width=700px>") ;
		}
		if (screenres() == 1000) {
			document.write("<div id='fixme'><img src=pictures/ac0.jpg height=164px width=700px>") ;
		}				



		new menu (MENU_ITEMS, MENU_TPL);

		if (screenres() == 600) {
			document.write("	<div id='rotator' style='height:110px' >") ;
		}
		if (screenres() == 800) {
			document.write("	<div id='rotator' style='height:110px' >") ;
		}
		if (screenres() == 1000) {
			document.write("	<div id='rotator' style='height:164px' >") ;
		}				

	//			because of a flicker in firefox I had to reduce a delay in so_init() to zero
	//			as a result the image changes upon 1st display
	//			so I take the 1st image twice for the 1st run
	
	
	if (BrowserDetect.browser == 'Firefox') {	
		document.write("		        <img id='pic1' src='pictures/ac1.jpg'  height=110px width=700px    >") ;
		document.getElementById('pic1').style.MozOpacity = 0;
		document.write("		        <img id='pic2' src='pictures/ac1.jpg'  height=110px width=700px    >") ;
		document.getElementById('pic2').style.MozOpacity = 0;
		document.write("		        <img id='pic3'  src='pictures/ac6.jpg'  height=110px width=700px    >") ;
		document.getElementById('pic3').style.MozOpacity = 0;
		document.write("		        <img id='pic4'  src='pictures/ac2.jpg'  height=110px width=700px    >") ;
		document.getElementById('pic4').style.MozOpacity = 0;
		document.write("		        <img id='pic5'  src='pictures/ac4.jpg'  height=110px width=700px    >") ;
		document.getElementById('pic5').style.MozOpacity = 0;
		document.write("		        <img id='pic6'  src='pictures/ac3.jpg'  height=110px width=700px    >") ;
		document.getElementById('pic6').style.MozOpacity = 0;
		document.write("		        <img id='pic7'  src='pictures/ac5.jpg'  height=110px width=700px  >") ;
		document.getElementById('pic7').style.MozOpacity = 0;
	}


	
	if (BrowserDetect.browser == 'Explorer' && (BrowserDetect.version == '7' || BrowserDetect.version == '8' || BrowserDetect.version == '9' || BrowserDetect.version == '10')) {	
		document.write("		        <img id='pic1' src='pictures/ac1.jpg'  height=110px width=700px   style='filter:alpha(opacity=0);opacity: 0;'    >") ;
		document.write("		        <img id='pic2' src='pictures/ac1.jpg'  height=110px width=700px   style='filter:alpha(opacity=0);opacity: 0;'    >") ;
		document.write("		        <img id='pic3'  src='pictures/ac6.jpg'  height=110px width=700px  style='filter:alpha(opacity=0);opacity: 0;'    >") ;
		document.write("		        <img id='pic4'  src='pictures/ac2.jpg'  height=110px width=700px  style='filter:alpha(opacity=0);opacity: 0;'    >") ;
		document.write("		        <img id='pic5'  src='pictures/ac4.jpg'  height=110px width=700px  style='filter:alpha(opacity=0);opacity: 0;'    >") ;
		document.write("		        <img id='pic6'  src='pictures/ac3.jpg'  height=110px width=700px  style='filter:alpha(opacity=0);opacity: 0;'    >") ;
		document.write("		        <img id='pic7'  src='pictures/ac5.jpg'  height=110px width=700px  style='filter:alpha(opacity=0);opacity: 0;'    >") ;
	}	



		// adding the inline style definitions may solve the opacity problem in IE7 and IE8. For some reason I am executing THIS script for IE7 and IE8, see test on top so keep it that way
		// test locally first on FF

		document.write("	</div>") ;
	
		document.write("</div>") ;	

	}