var d = document;


function hide_block(an){
  window.counter = 0;  
  window.js_preloader = d.getElementById("js_preloader");

   if(window.js_preloader==null) return;    // return if no any product on the page

    window.mos_height = d.getElementById("prod_list").parentNode.offsetHeight;
  var mList = d.getElementById("prod_list");
  mList.style.visibility = "hidden";
  window.js_preloader.style.display = "block";
  var pTs = mList.getElementsByTagName("IMG");
  for(var i = 0; i < pTs.length; i++){
    var pTmb = pTs[i];
    window.counter++;
    if(i == an){        
      pTmb.id = "active_tumb";        
      open_prod_det(an);
    }
  }
  d.getElementById('product_details').innerHTML += '<div id="empty_prod"></div>';
  var emBl = d.getElementById('empty_prod');
  emBl.style.height = window.mos_height - 4 + "px";
  if(an != null){
    d.getElementById('empty_prod').style.display = "none";
  };
  if(window.counter > 21){
    emBl.style.height = window.mos_height + 30 + "px";
    d.getElementById("prod_pager").setAttribute("pager", "visible");
    create_pager(window.counter);
    mList.style.visibility = "visible";
    window.js_preloader.style.display = "none";    
  }else if(window.counter < 21){    
    go_mosaic();
  }else if(window.counter == 21){
    window.js_preloader.style.display = "none";
    mList.style.visibility = "visible";
  }
}

function go_mosaic(){
  var mUl = d.getElementById("prod_list");
  var mlis = mUl.getElementsByTagName("LI");
  if(window.counter < 21){    
    for(var i = 0; i < mlis.length; i++){
      var pTmb = mlis[i];
      pTmb.className = "mos_r mos_I" + i;
    }
    mUl.style.visibility = "visible";
    window.js_preloader.style.display = "none";
  }else{
    var mQ = (window.prd_cnt-1);
    if(window.prd_cnt * 21 != window.counter){
      for(var i = 0; i < mlis.length; i++){
        var pTmb = mlis[i];
        if(i >= window.counter - (window.counter - (mQ * 21))){
          mlis[i].className = "mos_r mos_I" + (i - (mQ * 21));        
          mlis[i].style.marginTop = (window.mos_height * mQ) + "px";
        }
      }
    }
  }
}

function create_pager(tN){
  window.prd_cnt = Math.ceil(window.counter / 21);
  var pUl = d.getElementById("prod_pager");
  pUl.style.display = "block";
  pUl.innerHTML = '<li class="fixed"><strong>Pages</strong></li>';    
  add_pages(window.prd_cnt,pUl,null);
  go_mosaic();
}

function add_pages(b,g,c){  
  if(b > c){
    var r = 1;
    var tt = r + c;
  if (tt == 1) {
        g.innerHTML += '<li id="active_page"><a href="#" onclick="prod_nav(this); return false">' + (c + 1) + '</a></li>';
    } else {
        g.innerHTML += '<li><a href="#" onclick="prod_nav(this); return false">' + (c + 1) + '</a></li>';;
    }
    ng = window.setTimeout(function(){add_pages(b,g,tt)}, 70);
  }
}

function prod_nav(b){
  if (b.parentNode.id != "active_page") {
    d.getElementById("active_page").id = "";
    b.parentNode.id = "active_page";
    var pTs = d.getElementById("prod_list");
    pTs.style.top = - ((b.innerHTML - 1) * window.mos_height) + "px";
  }
}

/* Show the category navigator */
function showNavPanel() {
var d = window.document;
 
  button = d.getElementById('closeBtn');
  button.style.display = "none";
  
  panel = d.getElementById('category_navigator');
  panel.style.display= "block";

  category = d.getElementById('active_category');
  category.style.display = "block";

  hideSelects(d.getElementById("active_product"));  // hide all select tags - due to IE6 bug
  
  d.getElementById("active_product").id=null;
  d.getElementById("active_tumb").id=null;

}

/* Show the button to close the category navigator */
function showCloseBtn() {
  button = window.document.getElementById('closeBtn');
  button.style.display = "block";
}

function show_product(tmb){
  hide_navigator();

  if(tmb.id != "active_tumb"){
    var acTmb = d.getElementById("active_tumb");
    var pTs = d.getElementById("prod_list").getElementsByTagName("IMG");
    for (var i = 0; i < pTs.length; i++) {
      var pTmb = pTs[i];
      if (pTmb.parentNode == tmb) {
    if (acTmb) { acTmb.id = null; };
    pTmb.parentNode.id = "active_tumb";
        open_prod_det(i);
      }
    }
  }
}

// Hide all select & button tags - due to IE6 bug
//
function hideSelects(acTmb) {
  if(!checkIEversion()) return; // if not IE6/5
  var tSels = acTmb.getElementsByTagName("select");
  for (var i = 0; i < tSels.length; i++) {
   tSels[i].style.visibility = "hidden";
 } // for
 var button = document.getElementsByClassName('addToBasketButtonPlace',acTmb);
 button[0].style.visibility = "hidden";
}

// Show all select & button tags - due to IE6 bug
//
function showSelects(acTmb) {
  if(!checkIEversion()) return; // if not IE6/5
  var tSels = acTmb.getElementsByTagName("select");
  for (var i = 0; i < tSels.length; i++) {
    tSels[i].style.visibility = "visible";
  } // for
  var button = document.getElementsByClassName('addToBasketButtonPlace',acTmb);
  button[0].style.visibility = "visible";
}

function open_prod_det(pId){  
  var actD = d.getElementById("active_product");
  var pDivs = d.getElementById("product_details").getElementsByTagName("DIV");
  var n = 0;
  var newArray = [];  
  for (var i = 0; i < pDivs.length; i++) {
    if (pDivs[i].className == "prodItem") {
      newArray[n] = pDivs[i];
      n++;      
    }
  }
  for(var n = 0; n < newArray.length; n++){
  var tab = newArray[n];  
  if (n == pId) {
      if (actD) { actD.id = ""; hideSelects(actD); };
      tab.id = "active_product";
    showSelects(tab);      // show select tags due to IE6's bug
    clearAttrMessage(tab);     // clear attributes message
    }
  }
  if (d.getElementById('empty_prod')) {
    d.getElementById('empty_prod').style.display = "none"
  };
  var acDO = d.getElementById("active_product").getElementsByTagName("IMG");  
  for (var i = 0; i < acDO.length; i++) {
    if (acDO[i].parentNode.className == "itemBlock") {
      var sz = d.getElementById("prod_list").parentNode.parentNode.offsetHeight;
      if (d.getElementById("prod_pager").getAttribute("pager") == "visible") {
        var RColH = sz;
      } else {
        var RColH = sz - 4;
      }
      var pIm = acDO[i];
      pIm.parentNode.style.height = (RColH - 20) + "px";
      var pH = pIm.offsetHeight;
      if(pH && pH < RColH && pIm.className != "fixed"){
        pIm.className = "fixed";
        pIm.style.paddingTop = ((RColH - 20) - pH) / 2 + "px";
      } else if (pH && pH > RColH && pIm.className != "fixed") {
        pIm.className = "fixed";
        pIm.style.height = (RColH - 20) + "px";
        pIm.style.width = "auto";
      }
    }
  }  
}

function openNavBlock(){
var box = d.getElementById("prod_list");
if(box==null) return;
  var nr = d.getElementById("category_navigator");  
  nr.style.height = d.getElementById("prod_list").parentNode.parentNode.offsetHeight + "px";
  nr.style.display = "block";    
}

function hide_navigator(){
  var navigator = d.getElementById("category_navigator");
  if(navigator.style.display == "block") {
    navigator.style.display = "none";
  }
  var category = d.getElementById('active_category');
  category.style.display = "none";
}

function openDet(l){
  var det = d.getElementById("active_order");
  var ab = l.parentNode.parentNode;
  if (det) {
    if(ab == det) {
      ab.id = "";
    } else {
      det.id = "";
      ab.id = "active_order";
    }
  } else {
    ab.id = "active_order";
  }
}

// Checking product attributes form and showing a message to select the attributes
// Function version for <input type="submit"> tag
//
function checkAttrSelectForInput(fObj) {
  var sel = fObj.getElementsByTagName("select");
  var returnParam = true;
  for(var i=0; i<sel.length; i++)  {
    if(sel[i].value=='') 
      { sel[i].parentNode.className = 'notSelected'; returnParam = false; } 
    else 
      sel[i].parentNode.className = '';
  } // for

    var errMessage = document.getElementsByClassName('errorMessage',fObj);
    if (returnParam)
        errMessage[0].style.display = "none";
    else
        errMessage[0].style.display = "block";

  return returnParam;
}

// Checking product attributes form and showing a message to select the attributes OR send the form
//
function checkAttrSelect(aObj) {
  var thisForm = getParentTagObj(aObj,'form');
  if(!thisForm) return false;  // we do not have any parent FORM tag

  var sel = thisForm.getElementsByTagName("select");
  var returnParam = true;
  for(var i=0; i<sel.length; i++)  {
    if(sel[i].value=='')
      { sel[i].parentNode.className = 'notSelected'; returnParam = false; } 
    else 
      sel[i].parentNode.className = '';
  } // for

    var errMessage = document.getElementsByClassName('errorMessage',thisForm);
    if (returnParam) {
        errMessage[0].style.display = "none";
        thisForm.submit();
    }
    else
        errMessage[0].style.display = "block";

  return returnParam;
}

// Find first parent tag Object by tag name or return FALSE in nothing has been found
//
function getParentTagObj(obj,tagName) {
  var parentTagName = obj.parentNode.tagName.toLowerCase();
  if(parentTagName == 'body') return false;
  if(parentTagName == tagName.toLowerCase()) return obj.parentNode;
  return  getParentTagObj(obj.parentNode,tagName);
}

// Clear selected prod attr message
//
function clearAttrMessage(acTmb) {
  tDivs= acTmb.getElementsByTagName("div");
   for (var i = 0; i < tDivs.length; i++) {
      if(tDivs[i].className == "notSelected") tDivs[i].className = '';
      if(tDivs[i].className == "errorMessage") tDivs[i].style.display = "none";
   }
}