var articlePictures = new Array();
var articlePicturesZoomLink = new Array();
var articlePicturesDescriptions = new Array();
var articlePicturesCurrentIndex = 0;

$(document).ready(function() {
  var selector;

  if (buildImgPreview())
  {
    selector = '.articlePictureLink';
  } else {
    selector = '.imgwrap_art .all a';
  }

  $(selector).lightbox({
    fitToScreen: true,
    fileLoadingImage: '/includes/jquery-lightbox/images/loading.gif',
    fileBottomNavCloseImage: '/includes/jquery-lightbox/images/close.gif'
  });

  setUpPictureBoxClickHandler(0);
});

function buildImgPreview() {
  // if we only have mainpicture we don't show the img browser
  if(articlePictures.length <= 1){
    return false;
  }

  for(i = 0; i < articlePictures.length; i++){
    var url = articlePictures[i] + '&amp;MaxW=200&amp;Border=0';
    var bigUrl = articlePictures[i] + '&MaxW=600&MaxH=400&Border=0';
    var description = articlePicturesDescriptions[i];

    var html = '';
    html += '<a ';
    html += 'class="articlePictureLink" ';
    html += 'href="' + bigUrl + '" ';
    html += 'rel="articlePictures" ';
    html += 'title="' + description + '"';
    html += '>';

    html += '<img ';
    html += 'class="articlePicture" ';
    html += 'data-zoom-url="' + url + '" ';
    html += 'data-picture-index="' + i + '" ';
    html += 'onclick="showInMainImg(\'' + url + '\', ' + i + ', \'' + articlePicturesZoomLink[i] + '\')" ';
    html += 'style="cursor:pointer;margin-bottom:2px;margin-right:2px;" ';
    html += 'width="47" ';
    html += 'border="0" ';
    html += 'src="'+articlePictures[i]+'&amp;MaxW=47&amp;Border=0">';

    html += '<img ';
    html += 'src="' + url + '" ';
    html += 'style="display: none;"';
    html += '>';
    
    html += '</a>';

    document.getElementById('pictureBox').innerHTML += html;
  }

  $('.articlePicture').hover(
    function() {
      var picture = $(this);
      var i = picture.attr('data-picture-index');
      showInMainImg(picture.attr('data-zoom-url'), i, articlePicturesZoomLink[i]);
    },
    null);

  return true;
}

function setUpPictureBoxClickHandler(index) {
  var mainPicture = $('#mainPicture');
  var link = mainPicture.parent();
  link.click(function() {
    $("img[data-picture-index=" + index + "]").parent().click();
    return false;
  });
}

function showInMainImg(url, index, zoomUrl){
  var mainPicture = $('#mainPicture');
  mainPicture.attr('src', url);

  var link = mainPicture.parent();
  link.attr('href', zoomUrl);
  setUpPictureBoxClickHandler(index);

  var mainPictureCaption = $('#mainPictureCaption');
  mainPictureCaption.html(articlePicturesDescriptions[index]);
}

function addEvent(obj, evType, fn){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, false);
    return true;
  } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
    return false;
  }
}


var articleGalPictures = new Array();
var articleGalPicturesZoomLink = new Array();
var articleGalPicturesDescriptions = new Array();
  	addGalEvent(window, 'load', buildImgGalPreview1);

		function buildImgGalPreview1(){
			// if we only have mainpicture we don't show the img browser
			if(articleGalPictures.length <= 1){
				return;
			}
			for(o = 0; o < articleGalPictures.length; o++){
				document.getElementById('GalpictureBox').innerHTML += '<img onclick="showGalInMainImg(\''+articleGalPictures[o]+'&amp;MaxW=435&amp;Border=0\', '+o+', \''+articleGalPicturesZoomLink[o]+'\')" style="cursor:pointer;margin-bottom:2px;margin-right:2px;margin-top:12px;margin-left:1px" height="60" border="0" src="'+articleGalPictures[o]+'&amp;MaxH=100&amp;Border=0">';
			}
		}

		function showGalInMainImg(url, description, zoomUrl){
			document.getElementById('mainPicture').src = url;
			document.getElementById('mainPicture').parentNode.href = zoomUrl;
			document.getElementById('mainPictureCaption').innerHTML = articleGalPicturesDescriptions[description]
		}

		function addGalEvent(obj, evType, fn){
		 if (obj.addGalEventListener){
		   obj.addGalEventListener(evType, fn, false);
		   return true;
		 } else if (obj.attachEvent){
		   var r = obj.attachEvent("on"+evType, fn);
		   return r;
		 } else {
		   return false;
		 }
	}