﻿


function Slider(nm) {
    this.nm = nm
    this.slideshow_width = '361px'
    this.slideshow_height = '204px'
    this.pause = 2000
    this.dropslide = null

    this.fadeimages = new Array();
    this.preloadedimages = new Array();

    if (nm == 's1') {
        this.fadeimages[0] = "images/uploads/slider_1_0.jpg"
        this.fadeimages[1] = "images/uploads/slider_1_1.jpg"
        this.fadeimages[2] = "images/uploads/slider_1_2.jpg"
        this.fadeimages[3] = "images/uploads/slider_1_3.jpg"
        this.fadeimages[4] = "images/uploads/slider_1_4.jpg"
    }
    if (nm == 's2') {
        this.fadeimages[0] = "images/uploads/slider_2_0.jpg"
        this.fadeimages[1] = "images/uploads/slider_2_1.jpg"
        this.fadeimages[2] = "images/uploads/slider_2_2.jpg"
        this.fadeimages[3] = "images/uploads/slider_2_3.jpg"
        this.fadeimages[4] = "images/uploads/slider_2_4.jpg"
    }
    if (nm == 's3') {
        this.fadeimages[0] = "images/uploads/slider_3_0.jpg"
        this.fadeimages[1] = "images/uploads/slider_3_1.jpg"
        this.fadeimages[2] = "images/uploads/slider_3_2.jpg"
        this.fadeimages[3] = "images/uploads/slider_3_3.jpg"
        this.fadeimages[4] = "images/uploads/slider_3_4.jpg"
    }


    for (var p = 0; p < this.fadeimages.length; p++) {
        this.preloadedimages[p] = new Image()
        this.preloadedimages[p].src = this.fadeimages[p]
    }



    this.ie4 = document.all
    this.dom = document.getElementById


    this.curpos = 10
    this.degree = 10
    this.curcanvas = this.nm + "0"
    this.curimageindex = 0
    this.nextimageindex = 1
    this.tempobj = new Object()

    this.canvastempobj; //???

    //this.init = init
    //this.fadepic = fadepic
    //this.rotateimage = rotateimage
    //this.resetit = resetit
    //this.startit = startit



    this.showRow = function(x, y, show) {
        var i = document.getElementById("row");
        i.style.left = x;
        i.style.top = y;
        i.style.display = show ? "" : "none";
    }

    this.init = function() {
        if (this.ie4 || this.dom) {
            document.write('<div style="margin-top:1px;position:relative;width:' + this.slideshow_width + ';height:' + this.slideshow_height + ';overflow:hidden"><div id="' + this.nm + '0" style="position:absolute;width:' + this.slideshow_width + ';height:' + this.slideshow_height + ';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="' + this.nm + '1" style="position:absolute;width:' + this.slideshow_width + ';height:' + this.slideshow_height + ';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
        } else
            document.write('<img name="def' + this.nm + '" src="' + this.fadeimages[0] + '">')

    }


    this.fadepic = function() {
        if (this.curpos < 100) {
            this.curpos += 10
            if (this.tempobj.filters) this.tempobj.filters.alpha.opacity = this.curpos
            else if (this.tempobj.style.MozOpacity) this.tempobj.style.MozOpacity = this.curpos / 100


        }
        else {
            top.clearInterval(this.dropslide)
            this.nextcanvas = (this.curcanvas == this.nm + "0") ? this.nm + "0" : this.nm + "1"
            this.tempobj = this.ie4 ? eval("document.all." + this.nextcanvas) : document.getElementById(this.nextcanvas)
            this.tempobj.innerHTML = '<img src="' + this.fadeimages[this.nextimageindex] + '">'
            this.nextimageindex = (this.nextimageindex < this.fadeimages.length - 1) ? this.nextimageindex + 1 : 0
            top.setTimeout(this.nm + ".rotateimage()", this.pause)
        }
    }

    this.rotateimage = function() {
        if (this.ie4 || this.dom) {
            this.resetit()
            var crossobj = this.tempobj = this.ie4 ? eval("document.all." + this.curcanvas) : document.getElementById(this.curcanvas)
            crossobj.style.zIndex++
            this.dropslide = eval('top.setInterval("' + this.nm + '.fadepic()",50)')
            this.curcanvas = (this.curcanvas == this.nm + "0") ? this.nm + "1" : this.nm + "0"
        }
        else
            eval("document.images.def" + this.nm).src = this.fadeimages[this.curimageindex]
        this.curimageindex = (this.curimageindex < this.fadeimages.length - 1) ? this.curimageindex + 1 : 0
    }

    this.resetit = function() {
        this.curpos = 10
        var crossobj = this.ie4 ? eval("document.all." + this.curcanvas) : document.getElementById(this.curcanvas)
        if (crossobj.filters)
            crossobj.filters.alpha.opacity = this.curpos
        else if (crossobj.style.MozOpacity)
            crossobj.style.MozOpacity = parseInt(this.curpos / 100)
    }

    this.startit = function() {
        var crossobj = this.ie4 ? eval("document.all." + this.curcanvas) : document.getElementById(this.curcanvas)
        crossobj.innerHTML = '<img src="' + this.fadeimages[this.curimageindex] + '">'
        eval(this.nm + ".rotateimage()")
    }
}

