var d=document;
var counter=0,picname,picpath;


function getNext() {
	counter++;
	if(counter >= 4) counter = 0;
	changeImage();
}
function getPrev() {
	counter--;
	if(counter <= -1) counter = 3;
	changeImage();
}

function changeNum() {
	if(d.getElementById) {
	// NN6+
		d.getElementById("imageNum").innerHTML = counter + 1;
	} else if(document.all) {
	//IE 6
		d.all.imageNum.innerHTML = counter + 1;
	} else {
		// NN4 !!!
		alert("I'm sorry but your browser does not support the features necessary for the changing of images.");
	}
}

if (d.images) {
	HomeButton_Out = new Image();   HomeButton_Out.src = "nav/home_black.gif";
	HomeButton_Over = new Image();  HomeButton_Over.src = "nav/home_white.gif";
	XButton_Out = new Image();   XButton_Out.src = "nav/xfactor_black.gif";
	XButton_Over = new Image();  XButton_Over.src = "nav/xfactor_white.gif";
	OtherWorkButton_Out = new Image();   OtherWorkButton_Out.src = "nav/otherwork_black.gif";
	OtherWorkButton_Over = new Image();  OtherWorkButton_Over.src = "nav/otherwork_white.gif";
	EstillButton_Out = new Image();   EstillButton_Out.src = "nav/estill_black.gif";
	EstillButton_Over = new Image();  EstillButton_Over.src = "nav/estill_white.gif";
	GalleryButton_Out = new Image();   GalleryButton_Out.src = "nav/gallery_black.gif";
	GalleryButton_Over = new Image();  GalleryButton_Over.src = "nav/gallery_white.gif";
	TestimonailsButton_Out = new Image();   TestimonailsButton_Out.src = "nav/testimonials_black.gif";
	TestimonailsButton_Over = new Image();  TestimonailsButton_Over.src = "nav/testimonials_white.gif";
	BlogButton_Out = new Image();   BlogButton_Out.src = "nav/blog_black.gif";
	BlogButton_Over = new Image();  BlogButton_Over.src = "nav/blog_white.gif";
	SubscribeButton_Out = new Image();   SubscribeButton_Out.src = "nav/subscribe_up.gif";
	SubscribeButton_Over = new Image();  SubscribeButton_Over.src = "nav/subscribe_over.gif";
	
	flag=true;
}
function rollOver(imgName) {
	if (document.images && (flag == true)) {
		d[imgName].src = eval(imgName + "_Over.src");
	}
}
function rollOut(imgName) {
	if (document.images && (flag == true)) {
		d[imgName].src = eval(imgName + "_Out.src");
	}
}