var BrowserDetect = {
    init: function() {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
        this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function(data) {
        for (var i = 0; i < data.length; i++) {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
                if (dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            }
            else if (dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function(dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
    },
    dataBrowser: [
		{
		    string: navigator.userAgent,
		    subString: "Chrome",
		    identity: "Chrome"
		},
		{ string: navigator.userAgent,
		    subString: "OmniWeb",
		    versionSearch: "OmniWeb/",
		    identity: "OmniWeb"
		},
		{
		    string: navigator.vendor,
		    subString: "Apple",
		    identity: "Safari",
		    versionSearch: "Version"
		},
		{
		    prop: window.opera,
		    identity: "Opera"
		},
		{
		    string: navigator.vendor,
		    subString: "iCab",
		    identity: "iCab"
		},
		{
		    string: navigator.vendor,
		    subString: "KDE",
		    identity: "Konqueror"
		},
		{
		    string: navigator.userAgent,
		    subString: "Firefox",
		    identity: "Firefox"
		},
		{
		    string: navigator.vendor,
		    subString: "Camino",
		    identity: "Camino"
		},
		{		// for newer Netscapes (6+)
		    string: navigator.userAgent,
		    subString: "Netscape",
		    identity: "Netscape"
		},
		{
		    string: navigator.userAgent,
		    subString: "MSIE",
		    identity: "Explorer",
		    versionSearch: "MSIE"
		},
		{
		    string: navigator.userAgent,
		    subString: "Gecko",
		    identity: "Mozilla",
		    versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
		    string: navigator.userAgent,
		    subString: "Mozilla",
		    identity: "Netscape",
		    versionSearch: "Mozilla"
		}
	],
    dataOS: [
		{
		    string: navigator.platform,
		    subString: "Win",
		    identity: "Windows"
		},
		{
		    string: navigator.platform,
		    subString: "Mac",
		    identity: "Mac"
		},
		{
		    string: navigator.userAgent,
		    subString: "iPhone",
		    identity: "iPhone/iPod"
		},
		{
		    string: navigator.platform,
		    subString: "Linux",
		    identity: "Linux"
		}
	]

};
BrowserDetect.init();



window.addEventListener ? window.addEventListener("load", so_init, false) : window.attachEvent("onload", so_init);

var d = document, imgs = new Array(), zInterval = null, current = 0, count=0, pause = false;

function so_init() {

    if (!d.getElementById || !d.createElement) return;
    imgs = d.getElementById("comics_a").getElementsByTagName("img");

    var rand_no = Math.random();
    rand_no = rand_no * imgs.length-1;
    rand_no = Math.ceil(rand_no);
    current = rand_no;
    count = rand_no;
    StartUp();
    
}

function StartUp()
{
   
    for (i = 0; i < imgs.length; i++) {
        imgs[i].xOpacity = 0;
        imgs[i].style.display = "none";
        if (BrowserDetect.browser == "Explorer") 
        {
            imgs[i].style.filter = "";
        }
        else {
      
            imgs[i].style.removeProperty("opacity");
        }
    }

    imgs[current].style.display = "block";
        if (BrowserDetect.browser == "Explorer") 
        {
           
            imgs[current].style.filter = "";
        }
        else
        {
            imgs[current].style.removeProperty("opacity");
        }
        
    imgs[current].xOpacity = .99;
    setTimeout(so_xfade, 7000);
}

function so_xfade() {
    cOpacity = imgs[current].xOpacity;   
    nIndex = imgs[current + 1] ? current + 1 : 0;
 
    nOpacity = imgs[nIndex].xOpacity;

    cOpacity -= .01;  
    nOpacity += .01;  

    imgs[current].xOpacity = cOpacity;      

    setOpacity(imgs[current]);

   
  if ((imgs.length-1) != count) 
                {
        imgs[nIndex].style.display = "block";
        imgs[nIndex].xOpacity = nOpacity;
    }
        if (cOpacity <= 0) {

            count = count + 1;
            imgs[current].style.display = "none";
            current = nIndex;
            if ((imgs.length) == count) 
                {
                    count=0
                    setTimeout(StartUp, 0);   
               }
                else 
                {
                    setTimeout(so_xfade, 7000);
                }
         }
        else 
        {
            setTimeout(so_xfade, 0);
        }

    function setOpacity(obj) {
        if (obj.xOpacity > .99) {
            obj.xOpacity = .99;
            return;
        }
        obj.style.opacity = obj.xOpacity;
        obj.style.MozOpacity = obj.xOpacity;
        obj.style.filter = "alpha(opacity=" + (obj.xOpacity * 100) + ")";
    }

}