// Batalov.js Document
var currentImg=1;

var divNextInnerHTMLoff="<img src=\"images/right_arr_off.jpg\" alt=\"\" name=\"arrNext\" width=\"32\" height=\"39\" border=\"0\" id=\"arrNext\" >";

var divNextInnerHTMLon="<a href=\"javascript:nextImg();\" ><img src=\"images/right_arr_off.jpg\" alt=\"\" name=\"arrNext\" width=\"32\" height=\"39\" border=\"0\" id=\"arrNext\" onMouseOver=\"this.src='images/right_arr_on.jpg'\" 			onMouseOut=\"this.src='images/right_arr_off.jpg'\"></a>";

var divPrevInnerHTMLoff="<img src=\"images/left_arr_off.jpg\" alt=\"\" name=\"arrPrev\" width=\"32\" height=\"39\"  border=\"0\" id=\"arrPrev\" >";

var divPrevInnerHTMLon="<a href=\"javascript:prevImg();\"><img src=\"images/left_arr_off.jpg\" alt=\"\" name=\"arrPrev\" width=\"32\" height=\"39\"  border=\"0\" id=\"arrPrev\" onMouseOver=\"this.src='images/left_arr_on.jpg'\" 			onMouseOut=\"this.src='images/left_arr_off.jpg'\" ></a>";

function prevImg() {
	
	if(currentImg==1)return;
	else if(currentImg==2)setImg(1);
	else if(currentImg==3)setImg(2);
	/*
	if(currentImg==3)divNext.innerHTML=divNextInnerHTMLon;
	document.all("img"+currentImg+"pic").src="images/pic.jpg";
	
	currentImg--;
	imgBatalov.src="images/batalov/pic"+currentImg+".jpg";	
	document.all("img"+currentImg+"pic").src="images/nowpresentpic.jpg";
	if(currentImg==1)
		divPrev.innerHTML=divPrevInnerHTMLoff;*/
		
}



var trPan1=" <table  width=\"485\" height=\"39\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"  >              <tr> <td> <img src=\"images/under_pic_01.jpg\" width=\"325\" height=\"39\" alt=\"\"></td>                <td> <div id=\"divPrev\"><img src=\"images/left_arr_off.jpg\" alt=\"\" name=\"arrPrev\" width=\"32\" height=\"39\"  border=\"0\" id=\"arrPrev\" ></div></td>                <td> <img src=\"images/nowpresentpic.jpg\" alt=\"\" name=\"img1pic\" width=\"32\" height=\"39\" id=\"img1pic\"></td>                <td> <a href=\"javascript:setImg(2);\" ><img src=\"images/pic.jpg\" alt=\"\" name=\"img2pic\" width=\"32\" height=\"39\" border=\"0\" id=\"img2pic\"></a></td>                <td> <a href=\"#\" onClick=\"setImg(3);\"><img src=\"images/pic.jpg\" alt=\"\" name=\"img3pic\" width=\"32\" height=\"39\" border=\"0\" id=\"img3pic\"></a></td>                <td> <div id=\"divNext\"><a href=\"javascript:nextImg();\" ><img src=\"images/right_arr_off.jpg\" alt=\"\" name=\"arrNext\" width=\"32\" height=\"39\" border=\"0\" id=\"arrNext\" onMouseOver=\"this.src='images/right_arr_on.jpg'\" 			onMouseOut=\"this.src='images/right_arr_off.jpg'\"></a></div></td></tr>            </table>";

var trPan2=" <table  width=\"485\" height=\"39\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"  >              <tr> <td> <img src=\"images/under_pic_01.jpg\" width=\"325\" height=\"39\" alt=\"\"></td>                <td> <div id=\"divPrev\"><a href=\"javascript:prevImg();\" ><img src=\"images/left_arr_off.jpg\" alt=\"\" name=\"arrPrev\" width=\"32\" height=\"39\"  border=\"0\" id=\"arrPrev\" onMouseOver=\"this.src='images/left_arr_on.jpg'\" 			onMouseOut=\"this.src='images/left_arr_off.jpg'\" ></a></div></td>                <td> <a href=\"#\" onClick=\"setImg(1);\"><img src=\"images/pic.jpg\" alt=\"\" name=\"img1pic\" width=\"32\" height=\"39\" border=\"0\" id=\"img1pic\"></a></td>                <td> <img src=\"images/nowpresentpic.jpg\" alt=\"\" name=\"img1pic\" width=\"32\" height=\"39\" id=\"img2pic\"></td>                <td> <a href=\"#\" onClick=\"setImg(3);\"><img src=\"images/pic.jpg\" alt=\"\" name=\"img3pic\" width=\"32\" height=\"39\" border=\"0\" id=\"img3pic\"></a></td>                <td> <div id=\"divNext\"><a href=\"javascript:nextImg();\" ><img src=\"images/right_arr_off.jpg\" alt=\"\" name=\"arrNext\" width=\"32\" height=\"39\" border=\"0\" id=\"arrNext\" onMouseOver=\"this.src='images/right_arr_on.jpg'\" 			onMouseOut=\"this.src='images/right_arr_off.jpg'\"></a></div></td></tr>            </table>";
			
var trPan3="<table  width=\"485\" height=\"39\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"  >              <tr> <td> <img src=\"images/under_pic_01.jpg\" width=\"325\" height=\"39\" alt=\"\"></td>                <td> <div id=\"divPrev\"><a href=\"javascript:prevImg();\" ><img src=\"images/left_arr_off.jpg\" alt=\"\" name=\"arrPrev\" width=\"32\" height=\"39\"  border=\"0\" id=\"arrPrev\" onMouseOver=\"this.src='images/left_arr_on.jpg'\" 			onMouseOut=\"this.src='images/left_arr_off.jpg'\" ></a></div></td>                <td> <a href=\"#\" onClick=\"setImg(1);\"><img src=\"images/pic.jpg\" alt=\"\" name=\"img1pic\" width=\"32\" height=\"39\" border=\"0\" id=\"img1pic\"></a></td>                <td> <a href=\"#\" onClick=\"setImg(2);\"><img src=\"images/pic.jpg\" alt=\"\" name=\"img2pic\" width=\"32\" height=\"39\" border=\"0\" id=\"img2pic\"></a></td>                <td> <img src=\"images/nowpresentpic.jpg\" alt=\"\" name=\"img1pic\" width=\"32\" height=\"39\" id=\"img2pic\"></td>                <td> <div id=\"divNext\"><img src=\"images/right_arr_off.jpg\" alt=\"\" name=\"arrNext\" width=\"32\" height=\"39\" border=\"0\" id=\"arrNext\" ></div></td></tr>            </table>";

			
			

function nextImg() {
	//alert(currentImg);
	if(currentImg==3)return;
	
	if(currentImg==1)setImg(2);
	//alert(currentImg);
	else if(currentImg==2)setImg(3);
	//alert(currentImg);
}

function setImg(ImgNum) {
	if(ImgNum==1) {
		batalovPan.innerHTML=trPan1;
		currentImg=1;
		imgBatalov.src="images/batalov/pic"+currentImg+".jpg";
		return;
	}
	if(ImgNum==2) {
		batalovPan.innerHTML=trPan2;
		currentImg=2;
		imgBatalov.src="images/batalov/pic"+currentImg+".jpg";
		return;
	}
	if(ImgNum==3) {
		batalovPan.innerHTML=trPan3;
		currentImg=3;
		imgBatalov.src="images/batalov/pic"+currentImg+".jpg";
		return;
	}
	
}