﻿var noOfItemsToDisplay = 1;

function productItem(link, title, id, imgW, imgH, imgSRC, displaySeperator, price, desc, zmogljivost, sobe, kakovost, posebna) {

  var seperator = '<td style="width:21px;"></td>';

  if (displaySeperator == false)
    seperator = '';

  var cena = '';

  if (price != '') {
    cena = '<div><strong>Cena:</strong> ' + price + '</div>'
  }

if (zmogljivost != ''){
zmogljivost = zmogljivost + ' oseb';
}

  this.html = '<td valign="top" id="' + id + '">' +
  '<h2>' + title + '</h2>' +
  '<div style="height:2px;"></div>' +
  '<div class="MainPageRecommendedLine"></div>' +
              '   <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">' +
              '     <tr>' +
              '       <td valign="top" style="height:200px; width:384px;">' +
                                                              '<div style="height:6px;"></div>' +
              '         <a href="' + link + '">' +
              '           <img height="' + imgH + '" width="' + imgW + '" title="' + title + '" alt="' + title + '"' +
              '                src="' + imgSRC + '">' +
              '         </a>' +
              '       </td>' +
              '       <td valign="top">' +
              '<table border="0" cellspacing="0" cellpadding="0" style="width:358px;" class="MainPageRecommendedTable">' +
'  <tr>' +
'    <td class="MainPageRecommendedWhiteBg" style="width:178px;" align="right"><div>Največji prostor</div></td>' +
'    <td rowspan="8" style="width:2px; background-color:white;"></td>' +
'    <td style="width:178px;"><div>' + zmogljivost + '</div></td>' +
'  </tr>' +
'  <tr>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'  </tr>' +
'  <tr>' +
'    <td class="MainPageRecommendedGrayBg" align="right"><div>Število sob</div></td>' +
'    <td class="MainPageRecommendedGrayBg"><div>' + sobe + '</div></td>' +
'  </tr>' +
'  <tr>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'  </tr>' +
'  <tr>' +
'    <td class="MainPageRecommendedWhiteBg" align="right"><div>Kakovost nastanitve</div></td>' +
'    <td><div class="MainPageRecommendedStars">' + kakovost + '</div></td>' +
'  </tr>' +
'  <tr>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'  </tr>' +
'  <tr>' +
'    <td class="MainPageRecommendedGrayBg" align="right"><div>Posebna ponudba</div></td>' +
'    <td class="MainPageRecommendedGrayBg"><div>' + posebna + '</div></td>' +
'  </tr>' +
'  <tr>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'    <td class="MainPageRecommendedLine2"></td>' +
'  </tr>' +
'</table>' +
'<div>' + desc + ' <a href="' + link + '">Več &raquo;</a></div>' +         
              '</td>' + 
              '     </tr>' +
              '   </table>' +
              '</td>' +
              seperator

}

function setAttr(MainPageItemsContainerID, selIndexNoID, selAttrID, productsArrayAll, btn, attrValue) {
  jQuery('#' + selAttrID).val(attrValue);
  jQuery('#' + selIndexNoID).val('1');
  genList(MainPageItemsContainerID, selIndexNoID, selAttrID, productsArrayAll, btn);
}

function genList(MainPageItemsContainerID, selIndexNoID, selAttrID, productsArrayAll, btn) {
  
  var startItem = parseInt(jQuery('#' + selIndexNoID).val());
  var link, title, id, imgH, imgW, imgSRC, displaySeperator, attributes, btnBack, btnNext;
  var allItemsHTML = '';
  var cnt = 0;
  var productsArray = new Array;
  var selAttrVal = jQuery('#' + selAttrID).val();
  var currNo = parseInt(jQuery('#' + selIndexNoID).val());

  var btnBackEnabled = '<td style="width:50%"><img src="images/catalogue/recommended/back.jpg" alt="Nazaj" id="navBtnBack' + MainPageItemsContainerID + '" class="link"/></td>';
  var btnNextEnabled = '<td style="width:50%;" align="right"><img src="images/catalogue/recommended/next.jpg" alt="Naprej"  id="navBtnNext' + MainPageItemsContainerID + '" class="link"/></td>';
  var btnBackDisabled = '<td style="width:50%;"><img src="images/catalogue/recommended/back0.jpg" alt="Nazaj"/></td>';
  var btnNextDisabled = '<td style="width:50%;" align="right"><img src="images/catalogue/recommended/next0.jpg" alt="Naprej"/></td>';

  if (selAttrVal == '0') {
    productsArray = productsArrayAll;
  }
  else {

    for (var i = 0; i < productsArrayAll.length; i++) {

      attributes = '||' + productsArrayAll[i][6] + '||';

      if (attributes.indexOf('||' + selAttrVal + '||') > -1) {
        productsArray.push(productsArrayAll[i]);
      }
    }
  }

  var noOfProducts = productsArray.length;

  for (var i = (startItem - 1); i < noOfProducts; i++) {

    if (cnt < noOfItemsToDisplay) {

      if (i == noOfProducts - 1) {
        displaySeperator = false;
      }
      else {
        if (cnt == noOfItemsToDisplay - 1) {displaySeperator = false;}
        else {displaySeperator = true;}
      }

      var newItem = new productItem(productsArray[i][2], productsArray[i][1], productsArray[i][0], productsArray[i][3],
                                    productsArray[i][4], productsArray[i][5], displaySeperator, productsArray[i][7], productsArray[i][8],
                                    productsArray[i][9], productsArray[i][10], productsArray[i][11], productsArray[i][12]);
      
      allItemsHTML += newItem.html;

      cnt++;

    }
  }

  if (noOfProducts <= noOfItemsToDisplay) {
    btnBack = '<td style="width:50%;"></td>';
    btnNext = '<td style="width:50%;"></td>';
  }
  else {

    if (btn == -1) {
      btnNext = btnNextEnabled;
      btnBack = btnBackDisabled;
    }
    else {

      if (currNo + noOfItemsToDisplay <= noOfProducts) {btnNext = btnNextEnabled;}
      else {btnNext = btnNextDisabled;}

      if (currNo - 1 > 0) {btnBack = btnBackEnabled}
      else {btnBack = btnBackDisabled;}

    }
  }


  jQuery('#' + MainPageItemsContainerID).html('       <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">' + 
                                              '         <tr>' + allItemsHTML + '</tr>' + 
                                              '       </table>' +
                                              '<div style="height:6px;"></div>' +
                                              '<div class="MainPageRecommendedLine"></div>' + 
                                              '<table cellspacing="0" cellpadding="0" border="0" style="width:100%;">' +
                                              '<tr>' + 
                                              btnBack + 
                                              btnNext +
                                              '</tr></table>');

  jQuery('#navBtnNext' + MainPageItemsContainerID).click(function() {
    var newNo = currNo + noOfItemsToDisplay;
    
    if (newNo <= noOfProducts) {
      jQuery('#' + selIndexNoID).val(newNo);
      genList(MainPageItemsContainerID, selIndexNoID, selAttrID, productsArrayAll, 1);
    }
  });

  jQuery('#navBtnBack' + MainPageItemsContainerID).click(function() {
    var newNo = currNo - noOfItemsToDisplay;
    if (newNo > 0) {
      jQuery('#' + selIndexNoID).val(newNo);
      genList(MainPageItemsContainerID, selIndexNoID, selAttrID, productsArrayAll, 0);
    }
  });
}
