var imgArray = new Array();
var wayArray = new Array();
var cntArray = new Array();

/* Настройки анимации */
var animImageWidth = 28;        // Длина картинки (исходное значение было 26). Бек нужно будет изменить до нужной длины вручную.
var animDelay = "1";            // Задержка анимации.
var animPxelsPerIteration = 4;  // Колличество пикселей пройденных за итерацию. !ВАЖНО! Должно быть кратно <animImageWidth>. Чтобы было кратное число, можно увеличить <animImageWidth>.
var animIterationCount = animImageWidth/animPxelsPerIteration;  // Колличество итераций цикла, обеспечивающего анимацию. Должно быть целым числом.

if (animIterationCount%1) alert("ВНИМАНИЕ!\n<animIterationCount> имеет дробную часть. Скрипт анимации плашек может работать не корректно!\nВозможные причины:\n- указано недопустимое значение <animImageWidth>\n- указано недопустимое значение <animPxelsPerIteration>");

function select_images(){
  tmp_imgArray = document.getElementsByTagName("img");
  var count = 0;
  for (i=0; i<tmp_imgArray.length; i++) {
    if (tmp_imgArray[i].id.indexOf("pm") == 0) {
      tID = count;  //tmp_imgArray[i].id.slice(2,4);
      count++;
      imgArray[tID] = tmp_imgArray[i];
      imgArray[tID].width = animImageWidth;
      imgArray[tID].style.backgroundPosition = "-" + animImageWidth + "px 0px";
      wayArray[imgArray[tID].id] = true;
      cntArray[imgArray[tID].id] = 0;
    }
  }
}

function hide_all_bg(id){
  for (i=1; i<=imgArray.length; i++) {
    if ("pm" + i != id) document.getElementById("pm" + i).style.backgroundPosition = "-" + animImageWidth + "px 0px";
  }
}

function bg_show(id){
  if (wayArray[id]) {
    cntArray[id]++;
    if (cntArray[id] >= animIterationCount) {
      var CIID = "sit" + id;
      clearInterval(CIID);
      cntArray[id] = animIterationCount;
      wayArray[id] = false;
    }
    var ord = animImageWidth - cntArray[id]*animPxelsPerIteration;
    document.getElementById(id).style.backgroundPosition = "-" + ord + "px 0px";
  }
}

function bg_hide(id){
  if (!wayArray[id]) {
    cntArray[id]--;
    if (cntArray[id] <= 0) {
      var CIID = "sit" + id;
      clearInterval(CIID);
      cntArray[id] = 0;
      wayArray[id] = true;
    }
    var ord = animImageWidth - cntArray[id]*animPxelsPerIteration;
    document.getElementById(id).style.backgroundPosition = "-" + ord + "px 0px";
  }
}

function anim(s,id){
  eval("clearInterval(sit" + id + ")");
  if (s) {
    hide_all_bg(id);
    eval("sit" + id + " = setInterval(\"bg_show('" + id + "')\"," + animDelay + ")");
  }
  else eval("sit" + id + " = setInterval(\"bg_hide('" + id + "')\"," + animDelay + ")");
}

/* Функции отработки выпадающего меню */
function open_dd(id,cls) {
  if (document.getElementById("dd" + id)){
    document.getElementById("dd" + id).style.visibility = "visible";
    tmp_ClassName = document.getElementById("ddm" + id).className;
    document.getElementById("ddm" + id).className = cls;
  }
  if (document.getElementById("select")){
    document.getElementById("select").style.visibility = "hidden";
  }
  var div_pm = "pm" + id;
  anim(true,div_pm);
}

function close_dd(id,cls) {
  if (document.getElementById("dd" + id)){
    document.getElementById("dd" + id).style.visibility = "hidden";
    document.getElementById("ddm" + id).className = cls;
  }
  if (document.getElementById("select")){
    document.getElementById("select").style.visibility = "visible";
  }
  var div_pm = "pm" + id;
  anim(false,div_pm);
}

/* Функция попап окна в портфолио */
function come_up( url ){
  Swidth = screen.availWidth;
  Sheight = screen.availHeight;
  Wwidth = 672;
  Wheight = 675;
  Wparams = "width=" + Wwidth + ", height=" + Wheight + ", top=" + (Sheight/2-Wheight/2) + ", left=" + (Swidth/2-Wwidth/2) + ", status";
  new_win = window.open(url, "portfolio", Wparams);

  return false;
}

function on_select(obj, skip)
{
	if (skip || (obj.selectedIndex > 0)) 
	{
		window.location.href = obj.options[obj.selectedIndex].value; 
	}
}

function chimage (href) {
	document.getElementById('img').src = href;

	return false;
}

function show_div (id) {
  var content = document.getElementById("p" + id);
  document.getElementById("portfolio").style.display = "none";
  document.getElementById("div").style.display = "block";
  document.getElementById("content").innerHTML = content.innerHTML;
 
}


function hide_div () {
  document.getElementById("portfolio").style.display = "block";
  document.getElementById("div").style.display = "none";
}


var e;
function pi(img, w, h)
{
	if (e)
	  e.close();

	e = window.open('', 'pic', 'scrollbars=no,width=' + w + ',height=' + h);
	if (window.focus) { e.focus(); }


	e.document.open();
	e.document.write('<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">');
	e.document.write('<img align="center" src=' + img + ' width=' + w + ' height=' + h + '><br>');
	e.document.close();

	return false;
}