﻿function FocusImg(focbox,picobj,sebox,PicNum,time)
{
	var n=0;
	var showsPic = document.getElementById(focbox);
	var Num=showsPic.getElementsByTagName(picobj);
	var m=showsPic.getElementsByTagName(picobj).length;
	var ShowNum = document.getElementById(sebox);
	function setBg(value) {
	    for (var i = 0; i < m; i++)
	        ShowNum.getElementsByTagName("td")[i].className = (value == i) ? "RedBg Center Bold White" : "unRedBg Center Bold White";
    }

function mouse(n){
    for(var i=0;i<m;i++){
        (function(n){
            ShowNum.getElementsByTagName("td")[i].onmouseover = Num[i].onmouseover = function () { clearInterval(autoStart); Mea(n); }
            ShowNum.getElementsByTagName("td")[i].onmouseout = Num[i].onmouseout = function () { setAuto(); }
        })(i);
    }
}

	function plays(value)
	{
        try {
            with (showsPic) {
                filters[0].apply();
                for (i = 0; i < m; i++){i == value ? children[i].className = "dis":children[i].className = "undis"};
                filters[0].play();
            }
        }
        catch (e) {
            for (i = 0; i < m; i++){i == value ? Num[i].className = "dis":Num[i].className = "undis"};
        }
	}
	function Mea(value)
	{
	    n = value;
	    mouse(n);
		plays(value);
		setBg(value);
	}
	function auto()
	{
		n++;
		if(n>m-1)n=0;
		Mea(n);
    }

    function sub() {
        n--;
        if (n < 0) n = m - 1;
        Mea(n);
    }

	function setAuto()
	{
		autoStart=setInterval(function(){auto();},time)
    	}
	setAuto();
}
