var AdsRelPath = '/imgs/';
var SlideDelay =10000;
var SlideTimer = null;
var FadeTimer = null;
var LoadDown, CurrentAdIndex, objAds;
window.onload = function() {
objAds = $('Ads').childNodes;if (objAds.length == 0);
var objImg = (objAds[0].nodeName == 'IMG')? objAds[0]: objAds[0].firstChild;if (objAds.length > 1) {
objImg.onload = function() {CurrentAdIndex = 0;InitButtons();SlideAds(1, true);}}
objAds[0].style.display = 'block';objImg.setAttribute('src', AdsRelPath + objImg.className);
}
function InitButtons() {
var strHTML = '<div id="NumberBtns">';for (var i=0;i<objAds.length;i++) {
strHTML +='<a href="#"';if (i == objAds.length - 1) {
strHTML +=' class="Active"';}
strHTML +=' onclick="return DisplayAd(' +i+ ')">' + (i + 1) + '</a>';}
strHTML +='</div><a href="#" id="AdCtrlBtn" onclick="return PlayBackBtnClick(this)"></a>';var objBtnHolder = document.createElement('div');objBtnHolder.id = 'AdBtns';objBtnHolder.innerHTML = strHTML;$('Ads').appendChild(objBtnHolder);}
function DisplayAd(Index) {
if (Index == CurrentAdIndex || FadeTimer) return false
$('AdCtrlBtn').style.backgroundImage = 'url(/imgs/PlayBtn_Bg.jpg)';if (SlideTimer) window.clearTimeout(SlideTimer);((objAds[CurrentAdIndex].nodeName == 'IMG')? objAds[CurrentAdIndex]: objAds[CurrentAdIndex].firstChild).onload = function() {return false};var objImg = (objAds[Index].nodeName == 'IMG')? objAds[Index]: objAds[Index].firstChild;if (objImg.onload) {
ChangeAd(Index, false);} else {
objImg.onload = function() {
ChangeAd(Index, false);}
objImg.setAttribute('src', AdsRelPath + objImg.className);}
return false
}
function PlayBackBtnClick(objBtn) {
if (FadeTimer) return false
if (objBtn.style.backgroundImage.indexOf('Play') > -1) {
objBtn.style.backgroundImage = 'url(/imgs/PauseBtn_Bg.jpg)';SlideAds((CurrentAdIndex == objAds.length - 2)? 0: CurrentAdIndex + 1, true);} else {
objBtn.style.backgroundImage = 'url(/imgs/PlayBtn_Bg.jpg)';if (SlideTimer) window.clearTimeout(SlideTimer);objAds[CurrentAdIndex].onload = function() {return false}
}
return false
}
function SlideAds(Index, Continued) {
var objImg = (objAds[Index].nodeName == 'IMG')? objAds[Index]: objAds[Index].firstChild;if (objImg.onload) {
LoadDown = true;} else {
LoadDown = false;objImg.onload = function() {
LoadDown = true;if (!SlideTimer) ChangeAd(Index, Continued);}
objImg.setAttribute('src', AdsRelPath + objImg.className);}
SlideTimer = window.setTimeout(function() {
SlideTimer = null;if (LoadDown) ChangeAd(Index, Continued);}, SlideDelay);}
function ChangeAd(Index, Continued) {
ChangeNumberBtn(Index);var Timer = 0;for (var i=100;i>=0;i-=20) {
FadeTimer = window.setTimeout('SetOpacity(' + CurrentAdIndex + ', ' + i + ')', 50 * Timer);if (i == 0) window.setTimeout(function() {objAds[CurrentAdIndex].style.display = 'none'}, 50 * Timer);Timer++;}
for (i=0;i<=100;i+=20) {
FadeTimer = window.setTimeout('SetOpacity(' +Index+ ', ' + i + ')', 50 * Timer);if (i == 0) window.setTimeout(function() {objAds[Index].style.display = 'block'}, 50 * Timer);if (i == 100) window.setTimeout(function() {
CurrentAdIndex = Index;FadeTimer = null;if (Continued) SlideAds((Index == objAds.length - 2)? 0: Index + 1, true);}, 50 * Timer);Timer++;}
}
function ChangeNumberBtn(Index) {
var objBtns = $('NumberBtns').childNodes;for (var i=0;i<objBtns.length;i++) {
if (i == Index) {
objBtns[i].className +='Active';} else {
objBtns[i].className =objBtns[i].className.replace('Active','');}
}}
function SetOpacity(Index, OpacityLevel) {
objAds[Index].style.opacity = OpacityLevel / 100;objAds[Index].style.filter = 'alpha(opacity='+OpacityLevel+ ')';}