var skgSlide = {
    '$': function(id){
        return document.getElementById(id);
    },
    galItem: null,
    galSize: 0,
    divMain: null,
    latag: null,
    timerfade: 0,
    timerauto: 0,
    atag: false,
    'onload': function(btn){
        //skgslideshow
        var isOpera = false, isIE = false;
        if (typeof(window.opera) != 'undefined') {
            isOpera = true;
        }
        if (!isOpera && (navigator.appName.indexOf('Internet Explorer') != -1)) {
            isIE = true
        }
        
        var divMain = skgSlide.$('skgslideshow');
        /*
         skgSlide.galItem = divMain.getElementsByTagName('a');
         if (skgSlide.galItem.length == 0)
         */
        skgSlide.latag = divMain.getElementsByTagName('a');
        skgSlide.galItem = divMain.getElementsByTagName('img');
        
        skgSlide.galSize = skgSlide.galItem.length;
        skgSlide.atag = skgSlide.latag.length > 0 ? true : false;
        
        skgSlide.galItem[0].style.opacity = 1;
        skgSlide.galItem[0].style.filter = 'alpha(opacity=' + 100 + ')';
        skgSlide.galItem[0].setAttribute('id', 'item_0');
        
        for (var i = 1; i < skgSlide.galSize; i++) {
            //style.MozOpacity
            skgSlide.galItem[i].style.opacity = 0;
            skgSlide.galItem[i].style.filter = 'alpha(opacity=' + 0 + ')';
            skgSlide.galItem[i].setAttribute('id', 'item_' + i);
            
        }
        
        if (skgSlide.atag) {
        
            skgSlide.latag[0].setAttribute('id', 'a_0');
            for (var i = 1; i < skgSlide.galSize; i++) {
                //style.MozOpacity
                
                skgSlide.latag[i].setAttribute('id', 'a_' + i);
                skgSlide.latag[i].style.display = "none";
                
            }
        }
        
        if (btn) {
            var divNext = null;
            var divPrev = null;
            if (isIE) {
                divNext = document.createElement('<div id="galnext" onclick="skgSlide.nextimg()" onmouseout = "skgSlide.Play()" />');
                divPrev = document.createElement('<div id="galprev" onclick="skgSlide.previmg()" onmouseout = "skgSlide.Play()" />');
            }
            else {
                divNext = document.createElement('div');
                divPrev = document.createElement('div');
                
                divNext.setAttribute('id', 'galnext');
                divNext.setAttribute('onclick', 'skgSlide.nextimg()');
                
                divNext.setAttribute('onmouseout', 'skgSlide.Play()');
                divNext.setAttribute('onmouseover', 'skgSlide.Pause()');
                
                divPrev.setAttribute('id', 'galprev');
                divPrev.setAttribute('onclick', 'skgSlide.previmg()');
                
                divPrev.setAttribute('onmouseout', 'skgSlide.Play()');
                divPrev.setAttribute('onmouseover', 'skgSlide.Pause()');
            }
            divMain.appendChild(divPrev);
            divMain.appendChild(divNext);
        }
        // document.getElementById(id).app
        skgSlide.current = 0;
        skgSlide.Play();
    },
    current: 0,
    'Play': function(){
        skgSlide.timerauto = setInterval(function(){
            if (skgSlide.current == (skgSlide.galSize - 1)) {
                skgSlide.fade(skgSlide.current, 0, 0);
                skgSlide.current = 0;
            }
            else {
                skgSlide.fade(skgSlide.current, (++skgSlide.current), 0);
            }
            //skgSlide.fadeIn('item_' + (skgSlide.current++) , 0);
        }, 5000);
    },
    
    'Pause': function(){
        clearInterval(skgSlide.timerauto);
    },
    
    truoc: 0,
    milliseconds: 0,
    tfade: 100,
    auto: 0,
    
    
    'nextimg': function(){
        if (skgSlide.current == (skgSlide.galSize - 1)) {
            skgSlide.change(skgSlide.current, 0);
            skgSlide.current = 0;
        }
        else {
            skgSlide.change(skgSlide.current, (++skgSlide.current));
        }
    },
    
    
    'previmg': function(){
        if (skgSlide.current == 0) {
            skgSlide.change(skgSlide.current, (skgSlide.galSize - 1));
            skgSlide.current = (skgSlide.galSize - 1);
        }
        else {
            skgSlide.change(skgSlide.current, (--skgSlide.current));
        }
    },
    
    'fade': function(Idout, Idin, opacity){
        if (document.getElementById('item_' + Idout) && document.getElementById('item_' + Idin)) {
            if (opacity <= 100) {
                if (skgSlide.atag) 
                    document.getElementById('a_' + Idin).style.display = "";
                document.getElementById('item_' + Idout).style.opacity = (100 - opacity) / 100;
                document.getElementById('item_' + Idin).style.opacity = opacity / 100;
                
                document.getElementById('item_' + Idout).style.filter = 'alpha(opacity=' + (100 - opacity) + ')';
                document.getElementById('item_' + Idin).style.filter = 'alpha(opacity=' + opacity + ')';
                
                opacity += 10;
                
                
                skgSlide.timerfade = window.setTimeout("skgSlide.fade('" + Idout + "','" + Idin + "'," + opacity + ")", 70);
            }
            else {
                if (skgSlide.atag) 
                    document.getElementById('a_' + Idout).style.display = "none";
                
            }
            
        }
    },
    'change': function(Idout, Idin){
        if (document.getElementById('item_' + Idout) && document.getElementById('item_' + Idin)) {
            document.getElementById('item_' + Idout).style.opacity = 0;
            document.getElementById('item_' + Idin).style.opacity = 1;
            
            document.getElementById('item_' + Idout).style.filter = 'alpha(opacity= 0)';
            document.getElementById('item_' + Idin).style.filter = 'alpha(opacity= 100)';
            
            if (skgSlide.atag) {
                document.getElementById('a_' + Idout).style.display = "none";
                document.getElementById('a_' + Idin).style.display = "";
            }
        }
    },
    
    'fadeIn': function(Idin, opacity){
        if (document.getElementById(Idin)) {
            if (opacity <= 100) {
                document.getElementById(Idin).style.opacity = opacity / 100;
                document.getElementById(Idin).style.filter = 'alpha(opacity=' + opacity + ')';
                opacity += 10;
                skgSlide.timerfade = window.setTimeout("skgSlide.fadeIn('" + Idin + "'," + opacity + ")", 70);
            }
            
        }
    },
    'fadeOut': function(Idout, opacity){
        if (document.getElementById(Idout)) {
            if (opacity >= 0) {
                document.getElementById(Idout).style.opacity = opacity / 100;
                document.getElementById(Idout).style.filter = 'alpha(opacity=' + opacity + ')';
                opacity -= 10;
                skgSlide.timerfade = window.setTimeout("skgSlide.fadeOut('" + Idout + "'," + opacity + ")", 70);
            }
        }
    },
    
    'fadeAll': function(Idout, Idin, o1, o2){
        if (document.getElementById(Idout) && document.getElementById(Idin)) {
            if (o1 >= 0) {
                document.getElementById(Idout).style.opacity = o1 / 100;
                
                document.getElementById(Idout).style.filter = 'alpha(opacity=' + o1 + ')';
                
                o1 -= 10;
                
            }
            else {
                document.getElementById(Idin).style.opacity = o2 / 100;
                
                
                document.getElementById(Idin).style.filter = 'alpha(opacity=' + o2 + ')';
                
                
                o2 += 10;
                
            }
            
            skgSlide.timerfade = window.setTimeout("skgSlide.fadeAll('" + Idout + "','" + Idin + "'," + o1 + "," + o2 + ")", 100);
        }
    }
    
}