// JavaScript Document

var links_banner = new Array();
links_banner[1] = "http://www.c100.cc/2009/0812/227.html";
links_banner[2] = "http://www.c100.cc/2009/0812/227.html";
links_banner[3] = "http://www.c100.cc/2009/0812/227.html";
links_banner[4] = "http://www.roadesign.org";
var imgs_banner = new Array();
for(var n = 1; n <= 4; n++) imgs_banner[n] = new Image();
imgs_banner[1].src = "c100/ad/banner01.jpg";
imgs_banner[2].src = "c100/ad/banner02.jpg";
imgs_banner[3].src = "c100/ad/banner03.jpg";
imgs_banner[4].src = "c100/ad/banner05.jpg";
var tits = new Array();
tits[1] = "&nbsp;";
tits[2] = "&nbsp;";
tits[3] = "&nbsp;";
tits[4] = "&nbsp;";
var imgwidth = 950;
var imgheight = 240;

var str = "<style type='text/css'>";
str += "#imgnv{ position:absolute; bottom:5px; left:5px; height:;}#imgnv div{float:left; margin-right:4px;}";
str += "#imgnv div.on,#imgnv div.off{ margin-bottom:1px; height:14px; padding-top:0px; width:14px; text-align:center; overflow:hidden; font-size:11px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}";
str += "#imgnv div.on{ background-color:#FF5515; color:#ffffff; border:1px solid #FF5515;}";
str += "#imgnv div.off{ border:1px solid #000000; color:#ffffff; background-color:#000000;}";
str += "#titnv{ margin-top:5px; color:#000; text-align:center;}";
str += "</style>";
str += "<div style='position:relative; height:240px; overflow:hidden'>";
str += "<div><a id='dlink' href='" + links_banner[1] + "' target='_blank'><img id='dimg' src='" + imgs_banner[1].src + "' border='0' width='" + imgwidth + "' height='"+imgheight+"' style='filter:Alpha(opacity=100)' onmouseover='Pause(true)' onmouseout='Pause(false)'></a></div>";


str += "<div id='imgnv'><div id='it1' class='on' onmouseover='ImgSwitch(1,true)' onmouseout='Pause(false)'>1</div><div id='it2' class='off' onmouseover='ImgSwitch(2,true)' onmouseout='Pause(false)'>2</div><div id='it3' class='off' onmouseover='ImgSwitch(3,true)' onmouseout='Pause(false)'>3</div><div id='it4' class='off' onmouseover='ImgSwitch(4,true)' onmouseout='Pause(false)'>4</div></div>";

str +="<div id='titnv'>" + tits[1] + "</div>"
str += "</div>";
document.write(str);

var oi_banner = document.getElementById("dimg");
var pause_banner = false;
var curid_banner = 1;
var lastid_banner = 1;
var sw_banner = 1;
var opacity_banner = 100;
var speed_banner = 2;
var delay_banner = (document.all)? 200:500;
var checkid_banner = setInterval(CheckLoad, 1);



function SetAlpha(){
	if(document.all){
	   if(oi_banner.filters && oi_banner.filters.Alpha) oi_banner.filters.Alpha.opacity = opacity_banner;
	}
	else{
	  oi_banner.style.MozOpacity = ((opacity_banner >= 100)? 99:opacity_banner) / 100;
	}
}

function ScrollImg(){
   if(pause_banner && opacity_banner >= 100) return;
   if(sw_banner == 0){
      opacity_banner += 2;
      if(opacity_banner > delay_banner){ opacity_banner = 100; sw_banner = 1; }
   }
   if(sw_banner == 1){
      opacity_banner -= 3;
      if(opacity_banner < 10){ opacity_banner = 10; sw_banner = 3; }
   }
   SetAlpha();
   if(sw_banner != 3) return;
   sw_banner = 0;
   curid_banner++;

   if(curid_banner > 4) curid_banner = 1;
   ImgSwitch(curid_banner, false);
}

function ImgSwitch(id, p){
//alert(id);
	if(p){
	  pause_banner = true;
	  opacity_banner = 100;
	  SetAlpha();
	}
	oi_banner.src = imgs_banner[id].src;
	document.getElementById("dlink").href = links_banner[id];
	document.getElementById("it" + lastid_banner).className = "off";
	document.getElementById("it" + id).className = "on";
	document.getElementById("titnv").innerHTML = "" + tits[id] + "";
	curid_banner = lastid_banner = id;
}


function Pause(s){
   pause_banner = s;
}

function StartScroll(){
   setInterval(ScrollImg, speed_banner);
}

function CheckLoad(){
   if (imgs_banner[1].complete == true && imgs_banner[2].complete == true) {
			  clearInterval(checkid_banner);
			  setTimeout(StartScroll, 10);
   }
}