function addEventToEl(l,type,listener) {
   try {
     l.addEventListener(type, listener, false);
   } catch(e) {
     l.attachEvent("on"+type, listener);
   }
}

addEventToEl(window,"load",addEvents);

function addEvents () {
  try {
    var p = $('Preview');
    createGalleryNew(1);
  }catch(e) {}
}


function createGalleryNew(num_img) {
  if (document.getElementById('PreviewNew'))
  {
    previewNew = document.getElementById('PreviewNew');
    cntImg = 13;
    smallImgPath = "/st/img/screens/small/";
    createPreviewsNew();
    currImg = num_img;
  }
}

function createPreviewsNew() {
  while (previewNew.childNodes.length) {
   previewNew.removeChild(preview.firstChild);
  }
  previewINew = new Array();
  for (var m = 1; m <= cntImg; m++){
    var elemI = document.createElement('img');
    elemI.src = smallImgPath + m + '.jpg';
    elemI.alt = 'посмотреть';
    elemI.className = 'PrevImg';
    elemI.id = 'inew' +m;
    previewNew.appendChild(elemI);
    previewINew[m] = document.getElementById('inew'+m);
    //previewI[m].onclick = imgClick;
    previewINew[m].onclick = imgClickNew;
  }
  pdButtonNew = document.getElementById('PtoDownNew');
  puButtonNew = document.getElementById('PtoUpNew');
  puButtonNew.src = "/st/img/arrow_up_unactive_screens.png";

  puButtonNew.onmousedown = previewScrollNew;
  puButtonNew.onmouseup = ScrollStop;
  puButtonNew.onmouseout = ScrollStop;

  pdButtonNew.onmousedown = previewScrollNew;
  pdButtonNew.onmouseup = ScrollStop;
  pdButtonNew.onmouseout = ScrollStop;
}

function previewScrollNew(evt){
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    course = (target.id == "PtoUpNew") ? toUpScrollNew : toDownScrollNew;
    scrollEngaged = true;

    startScroll(course);
    //scrollInterval = setInterval('startScroll(' + course + ')', 200);
    evt.cancelBubble = true;
    return false;
}

// сдвиг уменьшенных изображений вниз
function toDownScrollNew(){
  firstImg = previewNew.firstChild;
        elemId = parseInt(firstImg.id.substring(4,6));
        if (elemId < cntImg) {
          previewNew.removeChild(firstImg);
          puButtonNew.src = "/st/img/arrow_up_screens.png";
        };
        if (elemId+1 == cntImg)
        {
          pdButtonNew.src = "/st/img/arrow_down_unactive_screens.png";
        }
  //lastImg = preview.lastChild;
  //preview.insertBefore(lastImg, firstImg);
}

// сдвиг уменьшенных изображений вверх
function toUpScrollNew(){ 
        firstImg = previewNew.firstChild;
        elemId = parseInt(firstImg.id.substring(4,6));
        if (elemId > 1) {
          elem = previewINew[elemId-1];
          previewNew.insertBefore(elem, firstImg);
          pdButtonNew.src = "/st/img/arrow_down_screens.png";
        };
        if (elemId - 1 == 1) {
           puButtonNew.src = "/st/img/arrow_up_unactive_screens.png";
        }
  //var elemB = document.createElement('br');
  //preview.appendChild(elemB);
  //firstImg = preview.firstChild;
  //lastImg = preview.lastChild;
  //preview.insertBefore(firstImg, lastImg);
  //preview.removeChild(elemB);
}

function imgClickNew(evt){
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var regexp = /\d+/;
    img = regexp.exec(target.getAttribute('id'));
    showScreens(img);
    evt.cancelBubble = true;
    return false;
}


function showScreens(num_img) {
  var div = document.getElementById('screens');
  createGallery(num_img);
  //var content = document.getElementById('content');
  Position.prepare ();
  //var x = (screen.width - 1000) / 2;
  var x = 0;
  var y = 15 + Position.deltaY;
  div.style.left = '' + x + 'px';
  div.style.top =  '' + y + 'px';
  div.style.display = 'block';
}

function hideScreens() {
  var div = document.getElementById('screens');
  div.style.display = 'none';
}

function close_link_active() {
   clink.src = "/st/img/close2.gif";
}

function close_link_unactive() {
   clink.src = "/st/img/close1.gif";
}

function createGallery(num_img) {
  if (document.getElementById('Preview') &&
      document.getElementById('BigImg'))
  {
    preview = document.getElementById('Preview');
    bigImg = document.getElementById('BigImg');
    clink = document.getElementById('close_screens');
    //clink.onmouseover = close_link_active;
    //clink.onmouseout = close_link_unactive;
    cntImg = 13;
    smallImgPath = "/st/img/screens/small/";
    bigImgPath =  "/st/img/screens/big/";

    createPreviews();
    currImg = num_img;
    viewLargeImg(currImg); 
  }
}

// функция, в которой создадим массив уменьшенных изображений
// и выведем его результат на страницу

function createPreviews() {
  while (preview.childNodes.length) {
   preview.removeChild(preview.firstChild);
  }
  previewI = new Array();
  for (var m = 1; m <= cntImg; m++){
    var elemI = document.createElement('img');
    elemI.src = smallImgPath + m + '.jpg';
    elemI.alt = 'посмотреть';
    elemI.className = 'PrevImg';
    elemI.id = 'i' +m;
    preview.appendChild(elemI);
    previewI[m] = document.getElementById('i'+m);
    previewI[m].onclick = imgClick;
  }
  pdButton = document.getElementById('PtoDown');
  puButton = document.getElementById('PtoUp');
  puButton.src = "/st/img/arrow_up_unactive_screens.png";

  puButton.onmousedown = previewScroll;
  puButton.onmouseup = ScrollStop;
  puButton.onmouseout = ScrollStop;

  pdButton.onmousedown = previewScroll;
  pdButton.onmouseup = ScrollStop;
  pdButton.onmouseout = ScrollStop;
}

// отмена скрола
function ScrollStop() {
    scrollEngaged = false;
}

// обработчик события для сдвига уменьшенных изображений
// при нажатии на кнопки под галереей
function previewScroll(evt){
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    course = (target.id == "PtoUp") ? toUpScroll : toDownScroll;
    scrollEngaged = true;

    startScroll(course);

    //scrollInterval = setInterval('startScroll(' + course + ')', 200);
    evt.cancelBubble = true;
    return false;
}

// в этой функции запускаем скролл картинок
function startScroll(course){ 
    if (scrollEngaged) {
	     return course();
    } else {
       clearInterval(scrollInterval);
    }
}

// сдвиг уменьшенных изображений вниз
function toDownScroll(){
	firstImg = preview.firstChild;
        elemId = parseInt(firstImg.id.substring(1,3));
        if (elemId < cntImg) {
          preview.removeChild(firstImg);
          puButton.src = "/st/img/arrow_up_screens.png";
        };
        if (elemId+1 == cntImg)
        {
          pdButton.src = "/st/img/arrow_down_unactive_screens.png";
        }
	//lastImg = preview.lastChild;
	//preview.insertBefore(lastImg, firstImg);
}

// сдвиг уменьшенных изображений вверх
function toUpScroll(){ 
        firstImg = preview.firstChild;
        elemId = parseInt(firstImg.id.substring(1,3));
        if (elemId > 1) {
          elem = previewI[elemId-1];
          preview.insertBefore(elem, firstImg);
          pdButton.src = "/st/img/arrow_down_screens.png";
        };
        if (elemId - 1 == 1) {
           puButton.src = "/st/img/arrow_up_unactive_screens.png";
        }
	//var elemB = document.createElement('br');
	//preview.appendChild(elemB);
	//firstImg = preview.firstChild;
	//lastImg = preview.lastChild;
	//preview.insertBefore(firstImg, lastImg);
	//preview.removeChild(elemB);
}


// обрабатываем щелчок по уменьшенному изображению
function imgClick(evt){
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var regexp = /\d+/;
    img = regexp.exec(target.getAttribute('id'));
    viewLargeImg(img);
    evt.cancelBubble = true;
    return false;
}

// выводим увеличенное изображение
function viewLargeImg(imgId) {
        previewI[imgId].className = 'PrevImgActive';
        if (imgId != currImg) {
          previewI[currImg].className = 'PrevImg';
        }
        bigImg.innerHTML = "";
	var elemBI = document.createElement('img');
	elemBI.src = bigImgPath + imgId + '.jpg';
	elemBI.alt = '';
	elemBI.id = 'B'+imgId;
  elemBI.className = 'viewImg';
	bigImg.appendChild(elemBI);
  currImg = imgId;
}