//Version 1
//========================================
//The images must be named as follows
//Thumb_id_index
//Img_id_index
//Number of items in each series
//========================================
Series1 = 6;
Series2 = 6;
Series3 = 6;
Series4 = 6;
Series5 = 6;
Series6 = 6;
Series7 = 6;
Series8 = 6;
Series9 = 6;
Series10 = 6;
Series11 = 6;
Series12 = 6;
Series13 = 6;
Series14 = 6;
Series15 = 6;
Series16 = 6;

var NoOfSeries = 16;

imgNext  = 'images/imgNext.jpg';
imgPrev  = 'images/imgPrev.jpg';
imgBlank = 'images/imgBlank.jpg';
imgUp    = 'images/imgUp.jpg';

//========================================

//========================================
function MailElizma() {
  var encryptedemail_id50='';
  var emailriddlerarray=[101,108,105,122,109,97,64,107,97,114,111,111,109,117,114,103,46,99,111,46,122,97];
  for (var i=0; i<emailriddlerarray.length; i++)
   encryptedemail_id50+=String.fromCharCode(emailriddlerarray[i]);
  document.write('<a href="mailto:'+encryptedemail_id50+'">'+encryptedemail_id50+'</a>');
}

//========================================
function MailMarianne() {
  var encryptedemail_id50='';
  var emailriddlerarray=[109,97,114,105,97,110,110,101,64,107,97,114,111,111,109,117,114,103,46,99,111,46,122,97];
  for (var i=0; i<emailriddlerarray.length; i++)
   encryptedemail_id50+=String.fromCharCode(emailriddlerarray[i]);
  document.write('<a href="mailto:'+encryptedemail_id50+'">'+encryptedemail_id50+'</a>');
}

//=========================================================================
//Custom Function to create the footer on every page.
//=========================================================================
function PlaceMenu(Current) {
  var newstring = '';
  var imgstring = '<IMG src = "images/imgDot.jpg"\/>';
  newstring += '<table class="MenuTable" align="center"><tr><td style="text-align: right">';
  newstring += '<div class="Menu">';
  if (Current == "Home")
     {newstring += 'HOME';}
   else  
     {newstring += '<a href="http:\/\/www.karoomurg.co.za">HOME<\/a>';}
  newstring += imgstring;
  if (Current == "Order")
    {newstring += 'PLACE ORDER';}
  else  
    {newstring += '<a href="order.htm">PLACE ORDER<\/a>';}
  newstring += imgstring;
  if (Current == "1")
    {newstring += 'SERIES 1';}
  else  
    {newstring += '<a href="series.htm?series=1">SERIES 1<\/a>';}
  newstring += imgstring;
  if (Current == "2")
    {newstring += '2';}
  else  
    {newstring += '<a href="series.htm?series=2">2<\/a>';}
  newstring += imgstring;
  if (Current == "3")
    {newstring += '3';}
  else  
    {newstring += '<a href="series.htm?series=3">3<\/a>';}
  newstring += imgstring;
  if (Current == "4")
    {newstring += '4';}
  else  
    {newstring += '<a href="series.htm?series=4">4<\/a>';}
  newstring += imgstring;
  if (Current == "5")
    {newstring += '5';}
  else  
    {newstring += '<a href="series.htm?series=5">5<\/a>';}
  newstring += imgstring;
  if (Current == "6")
    {newstring += '6';}
  else  
    {newstring += '<a href="series.htm?series=6">6<\/a>';}
  newstring += imgstring;
  if (Current == "7")
    {newstring += '7';}
  else  
    {newstring += '<a href="series.htm?series=7">7<\/a>';}
  newstring += imgstring;
  if (Current == "8")
    {newstring += '8';}
  else  
    {newstring += '<a href="series.htm?series=8">8<\/a>';}
  newstring += imgstring;
  if (Current == "9")
    {newstring += '9';}
  else  
    {newstring += '<a href="series.htm?series=9">9<\/a>';}
  newstring += imgstring;
  if (Current == "10")
    {newstring += '10';}
  else  
    {newstring += '<a href="series.htm?series=10">10<\/a>';}
  newstring += imgstring;
  if (Current == "11")
    {newstring += '11';}
  else  
    {newstring += '<a href="series.htm?series=11">11<\/a>';}
  newstring += imgstring;
  if (Current == "12")
    {newstring += '12';}
  else  
    {newstring += '<a href="series.htm?series=12">12<\/a>';}
  newstring += imgstring;
  if (Current == "13")
    {newstring += '13';}
  else  
    {newstring += '<a href="series.htm?series=13">13<\/a>';}
  newstring += imgstring;
  if (Current == "14")
    {newstring += '14';}
  else  
    {newstring += '<a href="series.htm?series=14">14<\/a>';}
  newstring += imgstring;
  if (Current == "15")
    {newstring += '15';}
  else  
    {newstring += '<a href="series.htm?series=15">15<\/a>';}
  newstring += imgstring;
  if (Current == "16")
    {newstring += '16';}
  else  
    {newstring += '<a href="series.htm?series=16">16<\/a>';}
  newstring += '<\/div>';
  newstring += '<\/td><\/tr><\/table>';
  document.write(newstring);
}


//=========================================================================
//Custom Function to create the footer on every page.
//=========================================================================
function PlaceFooter() {
  var newstring = '';
  newstring += '<div class="Footer">All images and content ©<a href="http:\/\/www.karoomurg.co.za">KarooMurg<\/a> 2008-2011. Design by <a href="http:\/\/www.funkypixel.co.za">Funky Pixel<\/a>.<\/div>';
  document.write(newstring);
}

//Display slideshow
//========================================
function DisplaySlide(series, slide)
{
  var newstring = '';
  var imagename = '';
  var itemcount = 0;
  var slideindex = 0;
  
  //newstring = '<IMG src = "images/imgHeaderSeries' + series + '.jpg"\/>';
  itemcount = eval("Series"+series);
  imagename = 'series/imgs/Img_' + series + '_' + slide + '.jpg';
  newstring += '<table class="InnerTable">';
  newstring += '<tr>';
  newstring += '<td style="text-align: center">';
  //newstring += '<td style="text-align: right">';
  previndex = slide - 1;
  slideindex = slide - 1;
  if (previndex > 0)
  {
    newstring += '<a href="slideshow.htm?series=' + series + '&slide=' + previndex + '"><IMG src="' + imgPrev + '"><\/><\/a>';
  }  
  else
  {
    newstring += '<IMG src="' + imgBlank + '"><\/>';
  }
  //newstring += "<\/td>";
  //newstring += '<td style="text-align: center">';
  ++slideindex;
  newstring += '<a href="series.htm?series=' + series + '"><IMG alt="Return to series ' + series + '" src="' + imagename + '"><\/></a>';
  //newstring += "<\/td>";
  //newstring += '<td style="text-align: left">';
  nextindex = slide + 1;
  ++slideindex;
  if (slideindex <= itemcount)
  {
    newstring += '<a href="slideshow.htm?series=' + series + '&slide=' + slideindex + '"><IMG src="' + imgNext + '"><\/><\/a>';
  }  
  else
  {
    newstring += '<IMG src="' + imgBlank + '"><\/>';
  }

  newstring += "<\/td>";
  newstring += "<\/tr>";
  newstring += "<\/table>";
  document.write(newstring);
}
    

//Display thumbnails
//Provide Identifier and Number of columns
//========================================
function DisplayThumbs(id, cols) 
{
  var itemindex;
  var itemcount;
  var rowcount;
  var row;
  var col;
  var arrayname;
  var thumbname;

  itemcount = eval("Series"+id);
  itemindex = 1;
  rowcount  = itemcount / cols;
  rowcount  = Math.ceil(rowcount);
  newstring = '<IMG src = "images/imgHeaderSeries' + id + '.jpg"\/>';
  newstring += '<table class="InnerTable">';
  for(row=0; row< rowcount; row++)
  {
    newstring += '<tr>';
    for(col=0; col< cols; col++)
    {
      newstring += '<td style="text-align: center">';
      if (itemindex <= itemcount) 
      {
        thumbname = 'series/thumbs/Thumb_' + id + '_' + itemindex + '.jpg';
        newstring += '<A HREF="slideshow.htm?series=' + id + '&slide=' + itemindex + '"><IMG src="' + thumbname + '"><\/A>&nbsp;';
      }
      itemindex += 1;
      newstring += "<\/td>";
    }
    newstring += "<\/tr>";
  } 
  newstring += "<\/table>";
  document.write(newstring);
}