var stim = new Array();
var img_preloaded=new Array();
var ecatalog_block_interrupt = false;

function moveSlider(wid, left_slider, right_slider, scroll_bar, initpos, timeout)
{
        if(this.scrol = document.getElementById(scroll_bar))
        {
        var re = new RegExp("gallery2_tree_media_", "g");
	
	var lslider = document.getElementById(left_slider);
	var rslider = document.getElementById(right_slider);
        this.timeout = timeout;
        this.initpos = initpos;
	this.wid = wid;
        this.const1 = Math.PI/this.wid;
        this.qwid = wid/10;
	this.curwid = 0;
	this.maxwidth = 0;
        this.imgct = 1;
        
	/*if(this.scrol.style.left)
        {
                this.curwid = parseInt(this.scrol.style.left.replace(re, ''));
        }
        else
        {*/
                this.curwid = 0;
        //}
        
        this.scrol.onmouseover = function(){ecatalog_block_interrupt = true;}
        this.scrol.onmouseout = function(){ecatalog_block_interrupt = false;}
        
	this.initMaxWidth = function(count)
	{
		this.maxwidth = -1*(count*this.wid-2*this.wid);
	}

	this.left = function()
	{
			twid = this.curwid;
			this.curwid = this.curwid + this.wid;
			var self = this;
                        setTimeout(function(){self.moveLeft(twid);}, this.timeout);
	}
	
	this.right = function()
	{
			twid = this.curwid;
			this.curwid = this.curwid - this.wid;
                        var self = this;
                        setTimeout(function(){self.moveRight(twid);}, this.timeout);
	}
	
	this.moveRight = function(mov)
	{
		if(mov > this.curwid)
		{
			this.scrol.style.left = Math.ceil(mov+initpos)+'px';
			mov=this.moveFunction(mov, 'right');
			var self = this;
                        setTimeout(function(){self.moveRight(mov);}, this.timeout);
		}
		else
		{
			this.scrol.style.left = Math.ceil(this.curwid+initpos)+'px';
                        var elems = this.scrol.getElementsByTagName('table');
                        for(i = 0; i < elems.length;i++)
                        {
                                if(elems[i].className == 'picture_table')
                                {
                                        var obj = elems[i];
                                        break;
                                }
                        }
                        var firsttd = obj.getElementsByTagName('td')[0];
                        var lasttd = obj.getElementsByTagName('td')[(obj.getElementsByTagName('td').length)-1];
                        this.scrol.style.left = this.initpos+"px";
                        this.curwid = 0;
                        obj.getElementsByTagName('tr')[0].removeChild(firsttd);
                        obj.getElementsByTagName('tr')[0].appendChild(firsttd);
                        this.imgct++;
                        if(!my_img[this.imgct])
                        {
                                this.imgct = 0;
                        }
                        this.right();
		}
	}
	
	this.moveLeft = function(mov)
	{
		if(mov < this.curwid)
		{
			this.scrol.style.left = Math.ceil(mov+initpos)+'px';
			mov=this.moveFunction(mov, 'left');
			var self = this;
                        setTimeout(function(){self.moveLeft(mov);}, this.timeout);
		}
		else
		{
			this.scrol.style.left = Math.ceil(this.curwid+initpos)+'px';
		}
	}
	
        this.moveFunction = function(mov, pos)
	{
                if(ecatalog_block_interrupt == true)
                {
                        return mov;
                }
                else
                {
                        ddd = 1;
                        if(pos == 'left')
                        {
                                mov = mov+ddd;
                        }
                        else if(pos == 'right')
                        {
                                mov = mov-ddd;
                        }
                        return mov;
                }
	}
        }
        else
        {
                this.right = function(){return false;}
        }
}


function preload_img()
{
        if(window.my_img !== undefined)
        {
                if(my_img.length>0)
                {
                        for(var i=0; i<my_img.length; i++)
                        {
                                img_preloaded[my_img[i].id] = new Image();
                                img_preloaded[my_img[i].id].src = my_img[i].src_c;
                        }
                }
        }
}

preload_img();

function showColor(th)
{
        var desc = th.getElementsByTagName('div');
        for(var j =0;j < desc.length;j++)
        {
                if(desc[j].className === 'img_title')
                {
                        var obj = new Object();
                        obj = desc[j];
                        obj.style.visibility = 'visible';
                        stim.push(setTimeout(function(){obj.style.visibility = 'hidden';}, 2000));
                }
                if(desc[j].className === 'img_op_bg')
                {
                        var obj2 = new Object();
                        obj2 = desc[j];
                        obj2.style.visibility = 'visible';
                        stim.push(setTimeout(function(){obj2.style.visibility = 'hidden';}, 2000));
                }
        }
        var elems = th.getElementsByTagName('div');
        for(var i =0;i < elems.length;i++)
        {
                if(elems[i].className == 'color_image')
                {
                        elems[i].style.visibility = 'visible';
                        break;
                }
        }
}

function hideColor(th)
{
        if(stim.length > 0)
        {
                for(var j = 0; j < stim.length;j++)
                {
                        clearTimeout(stim[j]);
                }
        }
        stim = Array();
        var elems = th.getElementsByTagName('div');
        for(var i =0;i < elems.length;i++)
        {
                if(elems[i].className == 'color_image')
                {
                        elems[i].style.visibility = 'hidden';
                }
                if(elems[i].className === 'img_title')
                {
                        elems[i].style.visibility = 'hidden';
                }
                if(elems[i].className === 'img_op_bg')
                {
                        elems[i].style.visibility = 'hidden';
                }
        }
}