
var direction="";
var left_dir=0;
var step=2;
var delay=10;
var im_width=80;
var from=3;

var start_year=0;


function moveAct(dir)
{
   switch(dir)
   {
     case "left":
      if(left_dir>$('arch').offsetLeft)
      {
        $('arch').style.left=left_dir;
        return;
      }
    val=$('arch').offsetLeft-step;
    $('arch').style.left=val+"px";

     break;
     case "right":
      if(left_dir<=$('arch').offsetLeft)
      {
        $('arch').style.left=left_dir;
        return;
      }
      st=step; 
      val=$('arch').offsetLeft+st
      $('arch').style.left=val+"px";
     break;
   }
  
   window.setTimeout("moveAct('"+dir+"')",delay);
}


function go(dir)
{
   switch(dir)
   {
    case "left":
//      alert($('arch').offsetWidth-$('archivBar').offsetWidth+left_dir);
      if($('arch').offsetWidth-$('archivBar').offsetWidth+left_dir<im_width) return;
      left_dir=left_dir-im_width;
      break;
    case "right":
      if(left_dir>=0) return;
      left_dir=left_dir+im_width;
      break;
   }

   window.setTimeout("moveAct('"+dir+"')",delay);
}




function init()
{
var tmp=0;
var tmp1=0;
var j=0;
var start=0;
var cnt=0;
   for(i=0;i<$('arch').childNodes['length'];i++)
   {
   if($('arch').childNodes[i].id!=undefined)
     if($('arch').childNodes[i].id.match(/[0-9]+a/)!=null)
     {
       tmp+=($('arch').childNodes[i].offsetWidth)

       if($('arch').childNodes[i].id==start_year+"a")
           start=tmp;
           
       if(j==from) tmp1=tmp;
       j++;
     }
     
   }
   tmp=tmp+65;
   $('archivBar').style.width=tmp1+"px";
   $('arch').style.width=tmp+"px";
   if(start>$('archivBar').offsetWidth)
   {
      left_dir=$('archivBar').offsetWidth-start+63;
//      alert(left_dir);
      go('left');
   }
   show_year(start_year);
}

//!!!!!!!!!!!!______________________________________________________
function objectDisplay(obj) {
	var displayLine="";
	if(typeof(obj)=="object")
	{

		for (var prop in obj) {
			displayLine +="<tr><td><b>"+prop+"</b></td><td>"+obj[prop]+"</td></tr>";
		}

		if(displayLine!="")
		{
			w=window.open('about:blank','TTTT','scrollbars=yes,menubar=no,height=600,width=800,toolbar=no,location=no,status=no');
			w.document.write("<html><head><title>Описание объекта</title></head>");
			w.document.write("<body bgcolor=\"#7777ff\"><table width=100% collspasing=0 cellspasing=0>");
			w.document.write(displayLine);
			w.document.write("</table></body>");
			w.document.write("</html>");
		}
	}
}

function show_year1( a_year)
{
  show_class("archive_month", "table", "none");
  show_class("archive_span", "span", "none");
  show_class("archive_link", "a", "block");
  
  var element_link = document.getElementById(a_year+"a");
  element_link.style.display="none";
  element_link = document.getElementById(a_year+"s");
  element_link.style.display="block";
  element_link = document.getElementById(a_year);
  element_link.style.display="block";
}

function show_year( a_year)
{
  show_class("archive_month", "table", "none");
  show_class("archive_span", "span", "none");
  show_class("archive_link", "a", "block");
  
  var element_link = document.getElementById(a_year+"a");
  element_link.style.display="none";
  element_link = document.getElementById(a_year+"s");
  element_link.style.display="block";
  element_link = document.getElementById(a_year);
  element_link.style.display="block";
}

function show_photo( a_year)
{
  show_class("archive_img", "img", "none");
  show_class("archive_span", "span", "none");
  show_class("archive_link", "a", "block");
  
  var element_link = document.getElementById(a_year+"a");
  element_link.style.display="none";
  element_link = document.getElementById(a_year+"s");
  element_link.style.display="block";
  element_link = document.getElementById(a_year);
  element_link.style.display="block";
}

function show_class( a_name, a_tag, a_status )
{
  var list=document.getElementsByClassName(a_name, a_tag);
  for(var i=0;i<list.length;i++ )
  {
    list[i].style.display = a_status;
  }
}
