var stopRotate = false;
var bStep = 0;

function banner_rotate() {
	//
	if (!stopRotate) {
		var dB = document.getElementById('banner');
		var iG = document.getElementById('bMenuG');
		var iP = document.getElementById('bMenuP');
		var iW = document.getElementById('bMenuW');
		var iI = document.getElementById('bMenuI');

   		iG.src = "images/btn-graph.jpg";
   		iP.src = "images/btn-print.jpg";
   		iW.src = "images/btn-www.jpg";
   		iI.src = "images/btn-ipaper.jpg";


		switch (bStep) {
			case 0:
				//dB.setAttribute("style", "background-image:url(images/b-graph.jpg);");
				dB.style.backgroundImage = "url(images/b-graph.jpg)";
				iG.src = "images/btn-graph-on.jpg";
			break;
			case 1:
				//dB.setAttribute("style", "background-image:url(images/b-print.jpg);");
				dB.style.backgroundImage = "url(images/b-print.jpg)";
				iP.src = "images/btn-print-on.jpg";
			break;
			case 2:
				//dB.setAttribute("style", "background-image:url(images/b-www.jpg);");
				dB.style.backgroundImage = "url(images/b-www.jpg)";
				iW.src = "images/btn-www-on.jpg";
			break;
			case 3:
				//dB.setAttribute("style", "background-image:url(images/b-ipaper.jpg);");
				dB.style.backgroundImage = "url(images/b-ipaper.jpg)";
				iI.src = "images/btn-ipaper-on.jpg";
			break;
		}
	//

		bStep++;
		if (bStep > 3) { bStep = 0;}

		window.setTimeout(banner_rotate, 5000);
	}
}

function banner_change (i) {
	stopRotate = true;
	//
	var dB = document.getElementById('banner');
	var iG = document.getElementById('bMenuG');
	var iP = document.getElementById('bMenuP');
	var iW = document.getElementById('bMenuW');
	var iI = document.getElementById('bMenuI');
	var p0 = document.getElementById('banner_page0');
	var p1 = document.getElementById('banner_page1');
	var p2 = document.getElementById('banner_page2');
	var p3 = document.getElementById('banner_page3');

   	if (bImages["images/btn-graph.jpg"]) {
   		iG.src = bImages["images/btn-graph.jpg"];
   	} else {
	    tmpImg     = new Image();
	    tmpImg.src = "images/btn-graph.jpg";
	    iG.src = tmpImg.src
   	}
   	if (bImages["images/btn-print.jpg"]) {
   		iP.src = bImages["images/btn-print.jpg"];
   	} else {
	    tmpImg     = new Image();
	    tmpImg.src = "images/btn-print.jpg";
	    iP.src = tmpImg.src
   	}
   	if (bImages["images/btn-www.jpg"]) {
   		iW.src = bImages["images/btn-www.jpg"];
   	} else {
	    tmpImg     = new Image();
	    tmpImg.src = "images/btn-www.jpg";
	    iW.src = tmpImg.src
   	}
   	if (bImages["images/btn-ipaper.jpg"]) {
   		iI.src = bImages["images/btn-ipaper.jpg"];
   	} else {
	    tmpImg     = new Image();
	    tmpImg.src = "images/btn-ipaper.jpg";
	    iI.src = tmpImg.src
   	}

	p0.style.display = "none";
	p1.style.display = "none";
	p2.style.display = "none";
	p3.style.display = "none";

   	//iG.src = "images/btn-graph.jpg";
   	//iP.src = "images/btn-print.jpg";
   	//iW.src = "images/btn-www.jpg";
   	//iI.src = "images/btn-ipaper.jpg";
	switch (i) {
		case 0:
			//dB.setAttribute("style", "background-image:url(images/b-graph.jpg);");
			//dB.style.backgroundImage = "url(images/b-graph.jpg)";
			//iG.src = "images/btn-graph-on.jpg";
			p0.style.display = "block";
			if (bImages["images/btn-graph-on.jpg"]) {
				iG.src = bImages["images/btn-graph-on.jpg"];
			} else {
				tmpImg     = new Image();
				tmpImg.src = "images/btn-graph-on.jpg";
				iG.src = tmpImg.src
			}
		break;
		case 1:
			//dB.setAttribute("style", "background-image:url(images/b-print.jpg);");
			//dB.style.backgroundImage = "url(images/b-print.jpg)";
			//iP.src = "images/btn-print-on.jpg";
			p1.style.display = "block";
			if (bImages["images/btn-print-on.jpg"]) {
				iP.src = bImages["images/btn-print-on.jpg"];
			} else {
				tmpImg     = new Image();
				tmpImg.src = "images/btn-print-on.jpg";
				iP.src = tmpImg.src
			}
		break;
		case 2:
			//dB.setAttribute("style", "background-image:url(images/b-www.jpg);");
			//dB.style.backgroundImage = "url(images/b-www.jpg)";
			//iW.src = "images/btn-www-on.jpg";
			p2.style.display = "block";
			if (bImages["images/btn-www-on.jpg"]) {
				iW.src = bImages["images/btn-www-on.jpg"];
			} else {
				tmpImg     = new Image();
				tmpImg.src = "images/btn-www-on.jpg";
				iW.src = tmpImg.src
			}
		break;
		case 3:
			//dB.setAttribute("style", "background-image:url(images/b-ipaper.jpg);");
			//dB.style.backgroundImage = "url(images/b-ipaper.jpg)";
			//iI.src = "images/btn-ipaper-on.jpg";
			p3.style.display = "block";
			if (bImages["images/btn-ipaper-on.jpg"]) {
				iI.src = bImages["images/btn-ipaper-on.jpg"];
			} else {
				tmpImg     = new Image();
				tmpImg.src = "images/btn-ipaper-on.jpg";
				iI.src = tmpImg.src
			}
		break;
	}
	//
	bStep = i;
	return false;
}

function banner_out() {
	if (stopRotate) {
		//stopRotate = false;
		//window.setTimeout(banner_rotate, 10000);
	}
}

function banner_hover_btn (i, out) {
	switch (i) {
		case 0:
			dBtn = document.getElementById('bMenuG');
			img   = "images/btn-graph.jpg";
			img_o = "images/btn-graph-on.jpg";
			img_h = "images/btn-graph-h.jpg";
		break;
		case 1:
			dBtn = document.getElementById('bMenuP');
			img   = "images/btn-print.jpg";
			img_o = "images/btn-print-on.jpg";
			img_h = "images/btn-print-h.jpg";
		break;
		case 2:
			dBtn = document.getElementById('bMenuW');
			img   = "images/btn-www.jpg";
			img_o = "images/btn-www-on.jpg";
			img_h = "images/btn-www-h.jpg";
		break;
		case 3:
			dBtn = document.getElementById('bMenuI');
			img   = "images/btn-ipaper.jpg";
			img_o = "images/btn-ipaper-on.jpg";
			img_h = "images/btn-ipaper-h.jpg";
		break;
	}
	if (i != bStep) {
		if (out) {
			if (bImages[img]) {
				dBtn.src = bImages[img];
			} else {
				tmpImg     = new Image();
				tmpImg.src = img;
				dBtn.src = tmpImg.src
			}
		} else {
			if (bImages[img_h]) {
				dBtn.src = bImages[img_h];
			} else {
				tmpImg     = new Image();
				tmpImg.src = img_h;
				dBtn.src = tmpImg.src
			}
		}
	}
}

function hover_btn_old (i, out) {
	switch (i) {
		case 0:
			dBtn = document.getElementById('bMenuG');
			img   = "images/btn-graph.jpg";
			img_o = "images/btn-graph-on.jpg";
			img_h = "images/btn-graph-h.jpg";
		break;
		case 1:
			dBtn = document.getElementById('bMenuP');
			img   = "images/btn-print.jpg";
			img_o = "images/btn-print-on.jpg";
			img_h = "images/btn-print-h.jpg";
		break;
		case 2:
			dBtn = document.getElementById('bMenuW');
			img   = "images/btn-www.jpg";
			img_o = "images/btn-www-on.jpg";
			img_h = "images/btn-www-h.jpg";
		break;
		case 3:
			dBtn = document.getElementById('bMenuI');
			img   = "images/btn-ipaper.jpg";
			img_o = "images/btn-ipaper-on.jpg";
			img_h = "images/btn-ipaper-h.jpg";
		break;
	}
	if (out) {
		if (i == bStep) {
			if (bImages[img_o]) {
				dBtn.src = bImages[img_o];
			} else {
				tmpImg     = new Image();
				tmpImg.src = img_o;
				dBtn.src = tmpImg.src
			}
		} else {
			if (bImages[img]) {
				dBtn.src = bImages[img];
			} else {
				tmpImg     = new Image();
				tmpImg.src = img;
				dBtn.src = tmpImg.src
			}
		}
	} else {
		if (bImages[img_h]) {
			dBtn.src = bImages[img_h];
		} else {
			tmpImg     = new Image();
			tmpImg.src = img_h;
			dBtn.src = tmpImg.src
		}
	}
}