//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):

function $(id){
    return document.getElementById(id);
}	

var Slide = {
    slideId : null,
    QFront : 0,
    QCurrent : 0,
    QRear : 0,
    status: "init", // has  7 state : init, play, stop, next, back, pause, wait 
    lastStatus: "init",
    nextStatus: "",
    objNoIdShow: "1",
    objNameShow: "Pic1",
    objNoIdHide: "2",
    objNameHide: "Pic2",
    statusShowFinish: false,
    statusHideFinish: false,
    isIncrease: false,
    intDelay: null,
    //		intHide: null,
    Settings: {
        imagePath: "images/",
        styleSheetPath: "CSS/",
        panelWidthSize: "600px",
        panelHeightSize: "400px",	
        pictureWidthSize: "600px",
        pictureHeightSize: "330px",
        descriptionWidth: "400px",
        descriptionHorPosition: "right",
        descriptionVerticalPosition: "right",
		shortDescriptionAdvLeftPosition: 450,
        timeOnShow: 4000,
        timeStepMotion: 30
    },
	
    cssFile: "CSS/slide_picture.css",
    imagePath: "images/slide_picture/",
	
    picture: [],
		
    getElement: function(id){
        return $(id);
    },

    buildShortDesc: function(id, subject, descriptionElementId, linkURL){
			
        $(id + 'ShortDescriptionAdvertise').innerHTML = "";
		
        if(id.length > 0 &&
            subject.length > 0 &&
            descriptionElementId.length > 0){
		
            var descHTML = '';
            //		alert(id + 'ShortDescriptionAdvertise')
            try{
	
                var shortDesc = $(descriptionElementId).innerHTML;
				
                descHTML += '<span style="position:absolute;top:10px;float:right;background-color:black;color:black;padding:0px';
                descHTML += ';filter:alpha(opacity=40);opacity:0.4;">';
                descHTML += '<table border="0" cellpadding="0" cellspacing="0" height="100%">';
                descHTML += '<tr><td valign="top">';
                descHTML += '<p style="margin:20px;font-size:36px;">';
                descHTML += subject+ '</p>'
                descHTML += '<p style="margin-left:20px;">' + shortDesc +'</p>';
                descHTML += '</td></td></tr>';
                descHTML += '"</table></span>';
                descHTML += '<span style="position:absolute;top:10px;float:right;">';
                descHTML += '<table border="0" cellpadding="0" cellspacing="0" style="color:white';
                descHTML += '';
                descHTML += '">';
                descHTML += '<tr><td valign="top" align="left">'
                descHTML += '<p style="margin:20px;font-size:36px;">' + subject + '</font></p>';
                descHTML += '<p style="margin-left:20px;">'+ shortDesc +'</p>';
				if(linkURL.length > 0){
					descHTML += '<span style="float:right"><a href="' + linkURL +'"><img src="/images/slide_picture/read_more.png" border="0"></a></span></center>';
				}
					
				descHTML += '</td></tr>';
                descHTML += '</table>';
                descHTML += '</span>';
			
                $(id + 'ShortDescriptionAdvertise').innerHTML = descHTML;
            }catch(err){
				
            }
        }
    },
	
    buildNavigator: function(id){
        var htmlText = "";
        var j = 1;
        htmlText = '<table border="0" cellpadding="0" cellspacing="3"'
        htmlText += ' style="margin-right:10px"><tr>';
        for(var i = 0; i < this.picture.length; i++){
/*            if(htmlText.length > 0){
                htmlText += " | ";
            }*/
            htmlText += '<td align="center" width="24" height="24" class="naviPictueSlideItem">';
            htmlText += '<span id="' + id + 'NaviPictueSlideItem'+ i + '"';
            htmlText += '';
            htmlText += '><a href="javascript:;" onClick="Slide.doRequest(';
            htmlText += i + ')">' + j + '</a></span></td>';
            j++;
        }
	htmlText += '</tr></table>';
        $(id + 'NaviPictueSlide').innerHTML = htmlText;
    },

    selectNaviItem: function(itemId){
//        alert(itemId);
        for(var i = 0; i < this.picture.length; i++){
            if(i == itemId){
                $(this.slideId + 'NaviPictueSlideItem' + i).className =
                    "naviPictueSlideItemSelect";
            }else{
                $(this.slideId + 'NaviPictueSlideItem' + i).className =
                    "naviPictueSlideItemNoSelect";
            }
        }
    },

    _generateHTML: function(id){
				
		shortDescriptionAdvLeftPosition = 450;
		isMSIE7 = false;
		layerTag = "div";
		
		if(navigator.appName.indexOf("Microsoft") != -1){
			if(navigator.appVersion.indexOf("MSIE 7.0") != -1 ||
				navigator.appVersion.indexOf("MSIE 6.0") != -1){
				shortDescriptionAdvLeftPosition = 300;
				layerTag = "div";
//				alert('MSIE7');
				isMSIE7 = true;
				wScreenHeight = document.body.clientHeight;
				wScreenWidth = parseInt(document.body.clientWidth);
				picLeftPosition = (wScreenWidth/2) - (parseInt(this.Settings.panelWidthSize)/2);
				
			}

		}

		var slideHTML = '';
		

        //        slideHTML += '<div style="position:absolute;top;10px">';
        //        slideHTML += '<span">';
        slideHTML += '<table align="center" border="0" cellpadding="0" cellspacing="0"'
        slideHTML += 'height="'+ this.Settings.panelHeightSize +'" width="'+ this.Settings.panelWidthSize +'">';
        slideHTML += '<tr><td valign="top">';
        slideHTML += '<' + layerTag + ' style="position:absolute;';
		if(isMSIE7){
			slideHTML += 'left:' + picLeftPosition + 'px'; 
		}
		slideHTML += '" id="pallet1">';
//		slideHTML += '<a href="" id="' + id + 'LinkPic1">';
		slideHTML += '<img id="' + id + 'Pic1" border="0" width="'+ this.Settings.panelWidthSize +'">';
//		slideHTML += '</a>';
		slideHTML += '</' + layerTag + '>';
		if(this.picture.length > 1){
        	slideHTML += '<' + layerTag + ' style="position:absolute;';
			if(isMSIE7){
			slideHTML += 'left:' + picLeftPosition + 'px';
			}
			slideHTML += '" id="pallet2">';
//			slideHTML += '<a href="" id="' + id + 'LinkPic2">';
			slideHTML += '<img id="' + id + 'Pic2" border="0" width="'+ this.Settings.panelWidthSize +'">';
//			slideHTML += '</a>'
			slideHTML += '</' + layerTag + '>';
		}
        slideHTML += '<span id="' + id + 'ShortDescriptionAdvertise" style="margin:0px;position:absolute;'
		slideHTML += 'left:' + shortDescriptionAdvLeftPosition + 'px;z-index:5;width:';
		slideHTML += this.Settings.descriptionWidth + '"></span>';
//		slideHTML += '600px"></span>';
        slideHTML += '</td></tr>';

        if(this.picture.length > 1){
            slideHTML += '<tr><td valign="bottom" height="40">';
            slideHTML += '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">';
            slideHTML += '<tr><td width="200" align="left">';
            slideHTML += '<ul id="slideNaviBar">';
            // back button
            slideHTML += '<li class="slideBackButton"><a href="javascript:;" onClick="Slide.doBack()">';
            //slideHTML += '<input type="button" value="Back" onClick="Slide.doBack();">';
            slideHTML += '</a></li>';
            // play & pause button
            slideHTML += '<li class="slidePauseButton" id="slidePlayPauseButton"><a href="javascript:;" onClick="Slide.doPlayPauseByButton()">';
            //			slideHTML += '<input type="button" id="playButton" value="Pause" onClick="Slide.doPlayPauseByButton(this)';
            slideHTML += '</a></li>';
            // next button
            slideHTML += '<li class="slideNextButton"><a href="javascript:;" onClick="Slide.doNext()">';
            //slideHTML += '<input type="button" value="Next" onClick="Slide.doNext();">';
            slideHTML += '</a></li>';
            slideHTML += '</ul>';
            slideHTML += '</td><td align="right" class="Content"><span id="' + id + 'NaviPictueSlide" class="naviPictueSlide"></span>';
            slideHTML += '</td></tr></table></td></tr>';
        }
        slideHTML += '</table>';
        //        slideHTML += '</span>';
        //        slideHTML += '</div>';
		
        //		$(id).style.position = "relative";
        $(id).innerHTML = slideHTML;
		
        if(this.picture.length > 1){
            this.buildNavigator(id);
        }
    },
		
    start: function(id){
		
        this.slideId = id;
			
        this.objNameShow = id + this.objNameShow;
        this.objNameHide = id + this.objNameHide;
			
        if(this.picture.length > 1){	

            if(this.cssFile.length > 0){
                this.loadCSSfile();
            }
            this._generateHTML(id);
            /*
			*	setup slide : set picture show
			*/
            $(this.slideId + 'Pic1').src = this.picture[0][0];

            this.setPalletPictureShow(id + 'Pic1');		
			
            if(this.picture[0].length > 3){
                //                $(id + 'LinkPic1').href = "http://"+this.picture[0][2];
                this.buildShortDesc(id, 
									this.picture[0][2], 
									this.picture[0][3], 
									this.picture[0][1]);
            }

//          set select navi picture item
            $(id + 'NaviPictueSlideItem0').className = "naviPictueSlideItemSelect";
				
            $(id + 'Pic2').src = this.picture[1][0];
	
            this.setPalletPictureHide(id + 'Pic2');		
				
            this.setOpacity(id + 'Pic1', 1);
            this.setOpacity(id + 'Pic2', 0);
            this.doSwap(1,2);
        }else{
			this._generateHTML(id);
						
            $(this.slideId + 'Pic1').src = this.picture[0][0];
/*
            if(this.picture[0].length > 1){
				var strHTML = this.picture[0][1];
				linkResult = strHTML.replace("http://", "");
                $(id + 'LinkPic1').href = "http://" + linkResult;
            }else{
                $(id + 'LinkPic1').href = "javascript:;";
            }
*/
            this.setPalletPictureShow(id + 'Pic1');
			
			
            if(this.picture[0].length > 3){
                this.buildShortDesc(id, 
									this.picture[0][2], 
									this.picture[0][3], 
									this.picture[0][1]);
            }
        }
    },
    //*	 work
    doSwap: function(idCurrent, idNext){
				
        numPicture = this.picture.length;
				
        if(this.status == "play" || this.lastStatus == "play" || this.status == "pause"){

            this.doShow(this.slideId + 'Pic' + idNext);
            this.doHide(this.slideId + 'Pic' + idCurrent);

            if(!this.statusShowFinish){

                //this.QCurrent++;
                //							this.status = "play";
                clearTimeout(this.intDelay);
                this.intDelay = setTimeout(
                    "Slide.doSwap(" + idCurrent + ", " + idNext +
                    ")", this.Settings.timeStepMotion);
                this.lastStatus = this.status;
                this.buildShortDesc(this.slideId,
                    "", "", "");
            }else{
	
                //				alert(this.picture[nextPic][2] +','+
                //										this.picture[nextPic][3]);
					
                //						if(this.status != "pause" || this.status != "next" || this.status != "back"){
                if(this.status != "pause"){
                    this.status = "wait";
                }
					
                if(!this.isIncrease){
								
                    if(this.lastStatus != "stop"){
                        this.QCurrent++;
                    }
                    this.statusHideFinish = !this.statusHideFinish;
                    this.statusShowFinish = !this.statusShowFinish;
										
                    if(this.QCurrent == numPicture){
                        this.QCurrent = 0;
                        this.QFront = this.QCurrent + 1;
                        this.QRear = numPicture - 1;
                    }else{
                        this.QFront = this.QCurrent + 1;
                        this.QRear = this.QCurrent - 1;
                    }
									
                    if(this.QFront == numPicture){
                        this.QFront = 0;
                    }
					
                    if(this.picture[this.QCurrent].length > 3){
                        this.buildShortDesc(this.slideId,
                            this.picture[this.QCurrent][2],
                            this.picture[this.QCurrent][3], 
							this.picture[this.QCurrent][1]);

                    }else{
                        this.buildShortDesc(this.slideId,
                            "", "", "");
                    }
	
                    $(this.slideId + 'Pic' + idCurrent).src = this.picture[this.QFront][0];

                    clearTimeout(this.intDelay);
                    this.intDelay = setTimeout(
                        "Slide.status='play';Slide.doSwap(" + idNext + ", " +
                        idCurrent + ");Slide.isIncrease = false;", this.Settings.timeOnShow);
												
                    this.objNoIdHide = idNext;
                    this.objNoIdShow = idCurrent;
                    this.isIncrease = true;
                    this.lastStatus = this.status;
                }
            /*						this.objNoIdHide = idNext;
						this.objNoIdShow = idCurrent;
						this.isIncrease = true;
						this.lastStatus = this.status;		*/				
            }
        }
				
        if(this.status == "next"){
            clearTimeout(this.intDelay);
            this.objNoIdHide = idCurrent;
            this.objNoIdShow = idNext;
        }
				
        if(this.status == "back"){
            clearTimeout(this.intDelay);
            this.objNoIdHide = idCurrent;
            this.objNoIdShow = idNext;
        }
				
        if(this.status == "stop"){
            clearTimeout(this.intDelay);
        }
				
        if(this.status == "pause"){
            if(this.statusShowFinish){
                clearTimeout(this.intDelay);
            //						this.status = "wait";
            }
        }
				
        //				alert(this.status);
        if(this.status == "init"){
					
            this.QCurrent = 0;
            this.QFront = this.QCurrent + 1;
            this.QRear = numPicture - 1;
									
            clearTimeout(this.intDelay);
            this.intDelay = setTimeout("Slide.status='play';Slide.doSwap(" +
                this.objNoIdShow + ", " + this.objNoIdHide +
                ");", this.Settings.timeOnShow);
            this.lastStatus = this.status;
        //					this.status = "pause";
        }
				
    },
	
    doShow: function(id){
        //			alert(id);
        var img1 = this.getElement(id);
        this.objShow = id;
        //			img1.style.filter = "alpha(opacity=40)";
        var oldValue = parseFloat(img1.style.opacity,1);
        //			alert(id + " opacity = " + oldValue);
        this.setPalletPictureShow(id);
        if(oldValue < 1){
            oldValue = oldValue + 0.05;
        }else{
            $(id).style.zIndex = -1;
            oldValue = 1;
            this.statusShowFinish = true;
            this.selectNaviItem(this.QFront);

            if(this.status == "pause"){
                this.status = "wait";
                this.isIncrease = true;
                clearTimeout(this.intDelay);
            }
        }
        if(navigator.appName.indexOf("Microsoft") > 0){
            oldValue = oldValue + '';
        }
			
        img1.style.opacity= oldValue;
        oldValue = oldValue * 100;
        //	alert(oldValue);
        img1.style.filter = "alpha(opacity=" + oldValue + ")";
    },
		
    doHide: function(id){
        var img1 = this.getElement(id);
        this.objHide = id;
        //	img2.style.filter = "alpha(opacity=40)";
        var oldValue = parseFloat(img1.style.opacity, 1);
        this.setPalletPictureHide(id);
        if(oldValue > 0){
            oldValue = oldValue - 0.05;
        }else{
            oldValue = 0;
            this.statusHideFinish = true;
            $(id).style.zIndex = -10;
				
            if(this.status == "pause"){
                this.status = "wait";
                this.isIncrease = true;
                clearTimeout(this.intDelay);
            }
        //            $(id).href = "javascript:;";
        }
			
        if(navigator.appName.indexOf("Microsoft") > 0){
            oldValue = oldValue + '';
        }
        //	alert(oldValue);
        img1.style.opacity = oldValue;
        oldValue = oldValue * 100;
        //	alert(oldValue);
        img1.style.filter = "alpha(opacity=" + oldValue + ")";
    },
		
    doPlayPauseByButton: function(){
		
        //			alert("doPlayPauseByButton = " + this.status);

        if(this.status == "play" || this.status == "wait" || this.status == "init"){
            //				clearTimeout(this.intDelay);
            this.lastStatus = this.status;
            this.doPause();
            //            buttonObj.value = "Play";
            $("slidePlayPauseButton").className = "slidePlayButton";

        }else if(this.status == "stop" || this.status == "pause" || this.status == "next" || this.status == "back"){
            //				clearInterval(this.intDelay);
            this.lastStatus = this.status;
            //            buttonObj.value = "Pause";
            $("slidePlayPauseButton").className = "slidePauseButton";
            //				alert(this.lastStatus + " is status later.");
            this.doPlay(this.objNoIdShow, this.objNoIdHide);
        }
    //			}
    },
		
    doPlay: function(){

        clearTimeout(this.intDelay);
        this.intDelay = setTimeout(
            "Slide.status='play';Slide.doSwap("+ this.objNoIdHide +", " +
            this.objNoIdShow + ");", this.Settings.timeOnShow);
        this.isIncrease = false;
        this.statusShowFinish = false;
        this.lastStatus = "stop";

    },
		
    doNext: function(){

        numPicture = this.picture.length;

        if(this.status == "init"){
            this.QCurrent = this.QFront;
        }else{
            clearTimeout(this.intDelay);
            this.QCurrent++;
            if(this.QCurrent == numPicture){
                this.QCurrent = 0;
            }
        }

        //        this.QFront++;
        this.QFront = this.QCurrent + 1;
        this.QRear = this.QCurrent;
			
        if(this.QFront == 0){
            this.QCurrent = numPicture - 1;
        }
			
        if(this.QFront == numPicture){
            this.QFront = 0;
        }
		
        this.setOpacity(this.slideId + 'Pic'+this.objNoIdShow, 1);
        this.setOpacity(this.slideId + 'Pic'+this.objNoIdHide, 0);
        $(this.slideId + 'Pic'+this.objNoIdShow).src = this.picture[this.QCurrent][0];
        $(this.slideId + 'Pic'+this.objNoIdHide).src = this.picture[this.QFront][0];		
		
        this.status = "next";
			
        clearTimeout(this.intDelay);
        this.intDelay = setTimeout(
            "Slide.doSwap("+ this.objNoIdHide +", " +
            this.objNoIdShow + ")", 5);
        //			this.statusIncrease = true;
		
        if(this.picture[this.QCurrent].length > 3){
            this.buildShortDesc(this.slideId,
                this.picture[this.QCurrent][2],
                this.picture[this.QCurrent][3],
                this.picture[this.QCurrent][1]);
        }else{
            this.buildShortDesc(this.slideId, "", "", "");
        }


//      change CCS style (class Name) to show play buttom
        $("slidePlayPauseButton").className = "slidePlayButton";
//
//      call method display select picture item
        this.selectNaviItem(this.QCurrent);
//
        this.statusShowFinish = true;
        this.isIncrease = true;
    },
		
    doBack: function(){

        numPicture = this.picture.length;

        if(this.status == "init"){
            this.QCurrent = numPicture - 1;
            this.QFront = 0;
        }else{
            this.QCurrent--;
            if(this.QCurrent < 0){
                this.QCurrent = numPicture - 1;
            }
        }

        this.QFront = this.QCurrent + 1;
        this.QRear = this.QCurrent;
			
        if(this.QFront == 0){
            this.QCurrent = numPicture - 1;
        }
			
        if(this.QFront == numPicture){
            this.QFront = 0;
        }

        if(this.QRear == numPicture){
            this.QRear = 0;
        }
		
        this.setOpacity(this.slideId + 'Pic'+this.objNoIdShow, 1);
        this.setOpacity(this.slideId + 'Pic'+this.objNoIdHide, 0);
        $(this.slideId + 'Pic'+this.objNoIdShow).src = this.picture[this.QRear][0];
        $(this.slideId + 'Pic'+this.objNoIdHide).src = this.picture[this.QFront][0];
			
        this.status = "back";
			
        clearTimeout(this.intDelay);
        this.intDelay = setTimeout(
            "Slide.doSwap("+ this.objNoIdHide +", " +
            this.objNoIdShow + ")", 5);
        //			this.statusIncrease = true;
		
        if(this.picture[this.QCurrent].length > 3){
            this.buildShortDesc(this.slideId,
                this.picture[this.QCurrent][2],
                this.picture[this.QCurrent][3],
                this.picture[this.QCurrent][1]);
        }else{
            this.buildShortDesc(this.slideId, "", "", "");
        }
        
//      change CCS style (class Name) to show play buttom
        $("slidePlayPauseButton").className = "slidePlayButton";
//
//      call method display select picture item
        this.selectNaviItem(this.QCurrent);
//
        this.statusShowFinish = true;
        this.isIncrease = true;
    },
		
    doPause: function(){
        //			alert(this.status);
        //			if(this.status == "init"){
        clearTimeout(this.intDelay);
        //			}
        this.status = "pause";
        this.lastStatus = this.status;
			
        if(!this.statusShowFinish){
            this.intDelay = setTimeout(
                "Slide.doSwap("+ this.objNoIdHide +", " +
                this.objNoIdShow + ")", 5);
        }
			
        //			$(this.objNameShow).src = this.picture[this.QFront][0];
			
        this.statusIncrease = true;
    },
		
    doStop: function(){
        //			alert('doStop');
        clearTimeout(this.intDelay);
        this.status = "stop";
        //			if(this.QFront > 0){
        this.QFront = 1;
        this.QCurrent = 0;
        this.QRear = this.picture.length-1;
        $('pic1').src = this.picture[0][0];
        //			}
        this.setOpacity(this.objShow, 1);
        this.setOpacity(this.objHide, 0);
			
    },
	
    doRequest: function(pictureNo){

        numPicture = this.picture.length;

        this.QCurrent = pictureNo;
        this.QFront = this.QCurrent;
        this.QRear = this.QCurrent;
			
        if(this.QFront == numPicture){
            this.QFront = 0;
        }
		
        this.setOpacity(this.objNameShow, 1);
        this.setOpacity(this.objNameHide, 0);
        $(this.objNameShow).src = this.picture[this.QCurrent][0];
        $(this.objNameHide).src = this.picture[this.QFront][0];
		
        this.status = "stop";
			
        clearTimeout(this.intDelay);
        this.intDelay = setTimeout(
            "Slide.doSwap("+ this.objNoIdHide +", " +
            this.objNoIdShow + ")", 5);
        //			this.statusIncrease = true;
		
        if(this.picture[this.QCurrent].length > 3){
            this.buildShortDesc(this.slideId,
                this.picture[this.QCurrent][2],
                this.picture[this.QCurrent][3],
                this.picture[this.QCurrent][1]);
        }else{
            this.buildShortDesc(this.slideId, "", "", "");
        }
		
        $("slidePlayPauseButton").className = "slidePlayButton";
        this.selectNaviItem(this.QCurrent);
        this.statusShowFinish = true;
        this.isIncrease = true;
    },	
		
    setOpacity: function(id, value){
        $(id).style.opacity = value;
        value = value * 100;
        $(id).style.filter = "alpha(opacity="+value+")";
    },
		
    setPalletPictureShow: function(id){
        $(id).style.zIndex = -10;
    },

    setPalletPictureHide: function(id){
        $(id).style.zIndex = -20;
    },
	
    /*
	 *	Add CSS file or Javascript File
	 *
	 *
	 */
    addJavaScriptOrCSSfile : function (filename, filetype){
        if (filetype=="js" || filetype=="javascript"){ //if filename is a external JavaScript file
            var fileref=document.createElement('script')
            fileref.setAttribute("type","text/javascript")
            fileref.setAttribute("src", filename)
        }
        else if (filetype=="css" || filetype=="stylesheet"){ //if filename is an external CSS file
            var fileref=document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", filename)
        }
        if (typeof fileref!="undefined")
            document.getElementsByTagName("head")[0].appendChild(fileref)
    },
	
    loadCSSfile : function (){
        var fileref=document.createElement("link")
        fileref.setAttribute("rel", "stylesheet");
        fileref.setAttribute("type", "text/css");
        fileref.setAttribute("href", this.cssFile);
        document.getElementsByTagName("head")[0].appendChild(fileref)
    },
    /**
     * Add an event listener
     *
     * @param obj Object on which the event will be attached
     * @param ev Kind of event
     * @param fu Function which is execute on the event
     */
    addEvent: function(obj, ev, fu) {
        if (obj.attachEvent)
            obj.attachEvent("on" + ev, fu);
        else
            obj.addEventListener(ev, fu, false);
    },
		
    /**
     * Remove an event listener
     *
     * @param obj Object on which the event will be attached
     * @param ev Kind of event
     * @param fu Function which is execute on the event
     */
    removeEvent:  function(obj, ev, fu) {
        if (obj.attachEvent)
            obj.detachEvent("on" + ev, fu);
        else
            obj.removeEventListener(ev, fu, false);
    }
}

/*
 * Load CSS File
 */
var cssFile = Slide.cssFile;
if(cssFile.length > 0){
    //	document.write("<font color='white'>" + cssFile +"</font>");
    Slide.loadCSSfile();
}