// for IE4 and above or NAV3 and above
	var ua = window.navigator.userAgent
	var browser
	var fullscreen

	var Mac = ua.indexOf( "Mac_")

	var msie = ua.indexOf ( "MSIE " )
	if ( msie > 0 )	{
		// is Microsoft Internet Explorer
		browser = "IE"
		if(parseInt ( ua.substring ( msie+5, ua.indexOf ( ".", msie ) ) )  >= 4) browser = "IE4"
		if(parseInt ( ua.substring ( msie+5, ua.indexOf ( ".", msie ) ) )  >= 6) fullscreen = "yes"

	}
	else {
		var nav = ua.indexOf ( "Netscape" )
		if ( nav > 0 ) {
			// Netscape Navigator
			browser = "NAV"
			if(parseInt ( ua.substring ( nav+9, ua.indexOf ( ".", nav ) ) )  >= 3) browser = "NAV3"
		} else {
			nav = ua.indexOf ( "Firefox" )
			if(nav > 0) {
				// Firefox, lets see if it performs like IE
				browser = "IE4"

			} else {
				// another browser
				alert("This Internet Browser has not been tested with this WebSite and may not function correctly\n"+ua);
				browser = "Unknown"
			}
		}
	}


// for rotating image stuff in home, photo etc...
// ****************************************************
var slideShowSpeed = 6000;
var fadeDuration = 50;
var t
var j = 0
var preLoad = new Array()
var running = true

var relative = (location.href.indexOf("CarsForSale") == -1)?"" : "../../"


function preLoadImages(fadeimgarray)
{
	for (i = 0; i < fadeimgarray.length; i++) {
		preLoad[i] = new Image()
		preLoad[i].src = fadeimgarray[i]
	}
}

function runSlideShow(){

	   if(preLoad[j].complete == true) {
			if (document.all){
			   document.images.SlideShow.style.filter="blendTrans(duration=2)"
			   document.images.SlideShow.style.filter="blendTrans(duration=fadeDuration)"
			   document.images.SlideShow.filters.blendTrans.Apply()      
			}
			if(preLoad.length <= j) {
				preLoad[j] = new Image()
				preLoad[j].src = fadeimgarray[j]
			}
			document.images.SlideShow.src = preLoad[j].src

		    des.innerHTML = desc[j]
			if (document.all){
			   document.images.SlideShow.filters.blendTrans.Play()
			}
			j = j + 1
			if (j > (fadeimgarray.length-1)) j=0
			if(running) t = setTimeout('runSlideShow()', slideShowSpeed)
	   }
	   else
	   {
	       // wait a sec until image is loaded
	   		t = setTimeout('runSlideShow()', 1000)
	   }
}

function pauseSlideShow() {
	if(running) {
		running=false;
		document.images.pause.src = relative+"buttons/playbutton.gif";
		document.images.pause.alt = "Start SlideShow";
		clearTimeout(t);
	} else {
		running = true;
		document.images.pause.src = relative+"buttons/pausebutton.gif";
		document.images.pause.alt = "Pause SlideShow";
		runSlideShow();
	}
}

function resumeSlideShow() {
	if(running == false) {
		running = true;
		runSlideShow();
	}

}
function nextImage() {
	if(running) clearTimeout(t);
	runSlideShow();
}
function prevImage() {

	if(running) clearTimeout(t);
	if(fadeimgarray.length == 1) return;
	if (j > 0) {
		j = j - 2;
		if( j < 0) j = fadeimgarray.length-1;
	}
	else
		j = fadeimgarray.length-2;

	runSlideShow();
}

function nextDown() {
	document.next.src=relative+"buttons/nextbuttondown.gif";
}
function nextUp() {
	document.next.src=relative+"buttons/nextbutton.gif";
}

function prevDown() {
	document.prev.src=relative+"buttons/prevbuttondown.gif";
}
function prevUp() {
	document.prev.src=relative+"buttons/prevbutton.gif";
}

function pauseDown() {
	if(running) {
		document.pause.src=relative+"buttons/pausebuttondown.gif";
	}
	else {
		document.pause.src=relative+"buttons/playbuttondown.gif";
	}
}
function pauseUp() {
	if(running) {
		document.pause.src=relative+"buttons/pausebutton.gif";
	}
	else {
		document.pause.src=relative+"buttons/playbutton.gif";
	}
}

	
function buttons(xright, ytop) {
	// insert the prev stop/pause next buttons
	
	if(fadeimgarray.length <= 1) return;
	var butwidth=102;
	
	xright = xright - 113; // centre it
	document.write("<div style='position:absolute; overflow:hidden; left:"+(xright-butwidth)+"px; top:"+ytop+"px; width:100px; height:15px; z-index:17'>");
	document.write("<img NAME='next' src='"+relative+"buttons/nextbutton.gif' border=0 width=100 height=15 alt='Next image' onClick = 'javascript:nextImage() 'onMouseOver='javascript:nextDown()' onMouseOut='javascript:nextUp()'></div>");

	document.write("<div style='position:absolute; overflow:hidden; left:"+(xright-3*butwidth)+"px; top:"+ytop+"px; width:100px; height:15px; z-index:15'>");
	document.write("<img NAME='prev' src='"+relative+"buttons/prevbutton.gif' border=0 width=100 height=15 alt='Previous image' onClick = 'javascript:prevImage()' onMouseOver='javascript:prevDown()' onMouseOut='javascript:prevUp()'></div>");
	
	document.write("<div style='position:absolute; overflow:hidden; left:"+(xright-2*butwidth)+"px; top:"+ytop+"px; width:100px; height:15px; z-index:16'>");
	document.write("<img NAME='pause' src='"+relative+"buttons/pausebutton.gif' border=0 width=100 height=15 alt='Pause SlideShow' onClick = 'javascript:pauseSlideShow()' onMouseOver='javascript:pauseDown()' onMouseOut='javascript:pauseUp()'></div>");
	
}

function navigationBar() {
	// insert the site navigation bar
	document.write("<div style='position:absolute; overflow:hidden; left:248px; top:276px; width:531px; height:15px; z-index:30'>");
	document.write("<div class='wpmd'>");
	document.write("<div><B><a href='"+relative+"index.html' class='style2'>Home</a></B><font color='#333333'><B> | </B></font><B><a href='"+relative+"cars.html' class='style2'>Cars for Sale</a></B><font color='#333333'><B> | </B></font><B><a href='"+relative+"tuning.html' class='style2'>Engine Tuning</a></B><font color='#333333'><B> | </B></font><B><a href='"+relative+"enginebuild.html' class='style2'>Engine ReBuilds</a></B><font color='#333333'><B> | </B></font><B><a href='"+relative+"spares.html' class='style2'>Spares</a></B><font color='#333333'><B> | </B></font><B><a href='"+relative+"events.html' class='style2'>Events</a></B><font color='#333333'><B> | </B></font><B><a href='"+relative+"contacts.html' class='style2'>Contacts</a></B></div>");
	document.write("</div></div>");
	frameImages();
}


function frameImages() {
	document.write("<div style='position:absolute; overflow:hidden; left:9px; top:257px; width:187px; height:47px; z-index:1'><img src='"+relative+"images/users_feedback_s.gif' border=0 width=187 height=47></div>");
	document.write("<div style='position:absolute; overflow:hidden; left:196px; top:257px; width:28px; height:47px; z-index:0'><img src='"+relative+"images/topmenu_img1.gif' border=0 width=28 height=47></div>");
	document.write("<div style='position:absolute; overflow:hidden; left:222px; top:257px; width:560px; height:47px; z-index:5'><img src='"+relative+"images/products_b.gif' border=0 width=557 height=47></div>");

	document.write("<div style='position:absolute; overflow:hidden; left:9px; top:730px; width:187px; height:47px; z-index:3'><img src='"+relative+"images/bot1.gif' border=0 width=187 height=47></div>");
	document.write("<div style='position:absolute; overflow:hidden; left:196px; top:730px; width:28px; height:47px; z-index:4'><img src='"+relative+"images/bot2.gif' border=0 width=28 height=47></div>");
	document.write("<div style='position:absolute; overflow:hidden; left:222px; top:730px; width:560px; height:47px; z-index:2'><img src='"+relative+"images/botmenu_bg.gif' border=0 width=560 height=47></div>");
	document.write("<div id='shape1' style='position:absolute; overflow:hidden; left:9px; top:780px; width:773px; height:15px; z-index:6; background-color:#9DA7BD'>&nbsp;</div>");
	document.write("<div style='position:absolute; overflow:hidden; left:484px; top:780px; width:296px; height:30px; z-index:9'>");
	document.write("<div class='wpmd'>");
	document.write("<div><font class='ws8' face='Tahoma'>Copyright Comptons of Welshpool Ltd. All Rights Reserved.</font></div>");
	document.write("</div></div>");

}

function ShowThumbs() {

	document.write('<div style="position:absolute; overflow:hidden; left:247px; top:307px; width:530px; height:420px; z-index:10">');
	document.write('<table width=530 border=5 cellspacing=0 cellpadding=0 align=left>');
	 
	for(var i = 0; i < 3; i++) {		// for each row
	    document.write('<tr>');
	    
	    for(var j = 0; j < 2; j++) {	// for each column 
		    document.write('<td width=175 height=130 align=bottom border=5>');
		  	if(Images[i*2+j] != "") document.write('<a href="CarsForSale/'+Images[i*2+j]+'/page.html"><img width=175 height=130 src="CarsForSale/'+Images[i*2+j]+'/thumb.jpg" border=0></a>');
		  	document.write('</td><td width=90 height=130 valign=center>');
		  	if(Images[i*2+j] != "") document.write('<a href="CarsForSale/'+Images[i*2+j]+'/page.html" class="style2"><p>'+Images[i*2+j]+'</p></a>');
		  	document.write('</td>');
  		}
	  	document.write('</tr>');
 	}

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