﻿function SlideImage(imgid,parent)
{
    this.img = document.getElementById(imgid);
    this.imgDiv = document.getElementById(imgid + 'Div');
    this.imgContainer = document.getElementById(imgid + 'Container');
    
    this.parentContainer =  parent;
    
    this.setImage = function(path)
    {
        var ext = path.split('.')[1];
        
        if(ext == 'png')
        {
            this.imgDiv.style.display = '';
            if(this.img != null)
                this.img.style.display = 'none';
            
            if(document.all?true:false)
                this.imgDiv.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + path + "',sizingMethod='scale')";
            else
                this.imgDiv.style.background = "url(" + path + ") no-repeat";
        }        
        else
        {
            this.imgDiv.style.display = 'none';
            if(this.img != null)
                this.img.style.display = '';
            
            this.img.src = path;
        }
    }  
    this.getOpacity = function()
    {
        if(document.all?true:false)
            return parseInt(this.imgContainer.style.filter.split("alpha(opacity=")[1].split(")")[0]);
        else
            return parseInt(this.imgContainer.style.opacity * 100);
    }
    this.setOpacity = function(opacity)
    {
        this.imgContainer.style.filter = "alpha(opacity=" + opacity + ")";
        this.imgContainer.style.opacity = opacity/100;
    }
}