var n=0;

var showsPic = document.getElementById("Pic_Nums");

var m=showsPic.getElementsByTagName("p").length;

function Mea(value){

    n=value;

    setBg(value);

    plays(value);

    cons(value);

    }

function setBg(value){

    for(var i=0;i<m;i++)

   if(value==i){

        showsPic.getElementsByTagName("p")[i].className='on';

        } 

    else{   

        showsPic.getElementsByTagName("p")[i].className='';

        }  

    } 

function plays(value){

    try

    {

        with (Big_Pics){

            filters[0].Apply();



            for(i=0;i<m;i++)i==value?children[i].className="dis":children[i].className="undis"; 

            filters[0].play();      

            }

    }

    catch(e)

    {

        var d = document.getElementById("Big_Pics").getElementsByTagName("div");

        for(i=0;i<m;i++)i==value?d[i].className="dis":d[i].className="undis"; 

    }

}

function cons(value){

try

    {

        with (Titles){



        for(i=0;i<m;i++)i==value?children[i].className="dis":children[i].className="undis"; 

        

        }

    }

    catch(e)

    {

        var d = document.getElementById("Titles").getElementsByTagName("ul");

        for(i=0;i<m;i++)i==value?d[i].className="dis":d[i].className="undis"; 

    }

}



function clearAuto(){clearInterval(autoStart)}

function setAuto(){autoStart=setInterval("auto(n)", 3000)}

function auto(){

    n++;

    if(n>=m)n=0;

    Mea(n);

} 

function sub(){

    n--;

    if(n<0)n=m-1;

    Mea(n);

} 

setAuto(); 
