function WSlideInit() {
    var wSlideElm = null;
    var wSlideMax = 9;
	var wSlideLinks = new Array();
	var wIndex = 0;
	var wSlideFadeElm = null;
	var xtimer;
	var xtimerskip = 0;
	var xfadetimer;
	var wFadeState = 0;
	var wFadeCnt = 0;
    if (document.getElementById) {
        wSlideElm = document.getElementById('wslide');
    }
    if (wSlideElm) {
		if (wSlideMax > 1) {
		    for (var i =0; i<wSlideMax;i++) {
				wSlideLinks[i] = xCreateElement('a');
				wSlideLinks[i].style.display = 'block';
				wSlideLinks[i].style.position = 'absolute';
				wSlideLinks[i].style.bottom = '20px';
				wSlideLinks[i].style.right = (((wSlideMax-1-i)*28)+20)+'px';
				wSlideLinks[i].style.width = '20px';
				wSlideLinks[i].style.height = '20px';
				wSlideLinks[i].style.background = 'url(\'/jscripts/ws01.png\') 50% 50% no-repeat';
				wSlideLinks[i].style.zIndex = '10';
				wSlideLinks[i].style.cursor = 'pointer';
				wSlideLinks[i].onmouseover = function() { wSlideSwitch(this); }
				wSlideLinks[i].windex = i;
    			wSlideElm.appendChild(wSlideLinks[i]);
			}
			wSlideLinks[0].style.background = 'url(\'/jscripts/ws02.png\') 50% 50% no-repeat';
			wSlideFadeElm = xCreateElement('div');
			wSlideFadeElm.style.zIndex = '9';
			wSlideFadeElm.style.background = '#401210';
			wSlideFadeElm.style.width = '100%';
			wSlideFadeElm.style.height = wSlideElm.clientHeight+'px';
			wSlideFadeElm.style.position = 'absolute';
			wSlideFadeElm.style.top = '0';
			wSlideFadeElm.style.left = '0';
			wSlideFadeElm.style.visibility = 'hidden';
			wSlideElm.appendChild(wSlideFadeElm);
			xtimer = window.setInterval(wSlideChange,7000);
		}
    }
    
    function wSlideSwitch(elm) {
		xtimerskip = 2;
		window.clearInterval(xfadetimer);
		wOldIndex = wIndex;
		wIndex = elm.windex;
		for (i=0;i<wSlideMax;i++) {
		    if (i != wIndex) {
				wSlideLinks[i].style.background = 'url(\'/jscripts/ws01.png\') 50% 50% no-repeat';
			}
		}
  		wSlideLinks[wIndex].style.background = 'url(\'/jscripts/ws02.png\') 50% 50% no-repeat';
		wFadeState = 0;
		xfadetimer = window.setInterval(wSlideFade,1);
	}


	function wSlideChange() {
		if (xtimerskip == 0) {
			window.clearInterval(xfadetimer);
			wIndex++;
			if (wIndex >= wSlideMax) { wIndex = 0; }
			wFadeState = 0;
			xfadetimer = window.setInterval(wSlideFade,1);
		} else {
			xtimerskip--;
		}
    }

	function wSlideFade() {
		if (wFadeState == 0) {
			wSlideFadeElm.style.opacity = (0)
            wSlideFadeElm.style.filter = 'alpha(opacity=0)';
			wSlideFadeElm.style.visibility = 'visible';
			wFadeCnt = 0;
			wFadeState = 1;
		}
		else if (wFadeState == 1) {
			if (wFadeCnt <= 50) {
				var opacity = Math.floor(wFadeCnt*(100/50));
                wSlideFadeElm.style.opacity = (opacity/100)
                wSlideFadeElm.style.filter = 'alpha(opacity='+opacity+')';
				wFadeCnt++;				
			} else {
			    for (i=0;i<wSlideMax;i++) {
		    		if (i != wIndex) {
						wSlideLinks[i].style.background = 'url(\'/jscripts/ws01.png\') 50% 50% no-repeat';
					}
				}
				wSlideLinks[wIndex].style.background = 'url(\'/jscripts/ws02.png\') 50% 50% no-repeat';
				wSlideElm.className='wi'+zeroPad((wIndex+1),2);
				wFadeState = 2;
				wFadeCnt = 0;
			}
		} 
		else if (wFadeState == 2) {
			if (wFadeCnt <= 50) {
				var opacity = 100-Math.floor(wFadeCnt*(100/50));
                wSlideFadeElm.style.opacity = (opacity/100)
                wSlideFadeElm.style.filter = 'alpha(opacity='+opacity+')';
				wFadeCnt++;				
			} else {
				wSlideFadeElm.style.opacity = (0)
            	wSlideFadeElm.style.filter = 'alpha(opacity=0)';
				wSlideFadeElm.style.visibility = 'hidden';
				wFadeCnt = 0;
				wFadeState = 1;
				window.clearInterval(xfadetimer);
			}
		}		
	}
    
}

function zeroPad(num,count) {
    var result = num + '';
    while(result.length < count) {
		result = '0'+result;
    }
    return result;
}


function xCreateElement(type) {
    var result = false;
    if (document.createElementNS) {
        result = document.createElementNS('http://www.w3.org/1999/xhtml','html:'+type);
    } else {
        result = document.createElement(type);
    }
    return result;
}

function addEvent(obj, evType, fn){
    if (obj.addEventListener){
        obj.addEventListener(evType, fn, false);
        return true;
    } else if (obj.attachEvent){
        var r = obj.attachEvent("on"+evType, fn);
        return r;
    } else {
        return false;
    }
}

addEvent(window,'load',WSlideInit);