setInterval ("rotateImage()", 10000 );

function rotateImage(){
	var curSlide = parseInt($('#currentSlide').html());
  var maxSlide = parseInt($('#maxSlide').html());
	$('#homepagePromoTrack').css('width',(maxSlide*756)+'px');
	if((curSlide)==maxSlide){
		$('#currentSlide').html(1);
		var distance = 0;
	}else{
		$('#currentSlide').html((curSlide+1));
		var distance = (-1*(curSlide*720));
	}
	
  $('#homepagePromoTrack').animate({ 
  	marginLeft: distance+"px"
    }, 3000 );
	
}

$(document).ready(function(){
	
  $('.serviceName').live('click',function(){
  	var lastClicked = $('#lastClickedSection').html();
    var lastClickedValue = $('#lastClickedValue').html();
    if(lastClicked!=''){
    	$('#'+lastClicked).html(lastClickedValue);
    }
    $('#lastClickedSection').html($(this).attr('id'));
    $('#lastClickedValue').html($(this).html());
  });
  
  
  $('.productSection').live('click',function(){
  	
    
    var hookDiv = $(this).next('div');
    
    nextDiv = hookDiv.find('.departmentId');
    var lastUrlElement = hookDiv.find('.curUrl');
    var pageSectionDiv = hookDiv.find('.pageSectionId');
    var departmentValue = nextDiv.html();
    var lastElement = lastUrlElement.html();
    var pageSection = pageSectionDiv.html();
    hookDiv.html('<div class="loadingProducts"><img src="/images/reuse/ajax-loader.gif"></div>');
    
    $.post("/js/xhr/getProductResults.php", {
    		subDepartment : departmentValue,
        lastElement: lastElement,
        pageSectionId: pageSection,
        pageSectionHeader : hookDiv.html(),
        baseUrl: '/nfs/c03/h07/mnt/81244/domains/kluyts.com/html/'
      },function(response){
		$('.loadingProducts').remove();
        
		var nextSlideContainer = hookDiv.find('.productSlideContainer');
		hookDiv.html(response);
		
		hookDiv.find('a.lightbox').lightBox({
			imageLoading: '/images/ajax-loader.gif',
			imageBtnPrev: '/images/back-button.gif',
			imageBtnNext: '/images/next-button.gif',
			imageBtnClose: '/images/close-button.gif'
		}); 
	});
  });
  
  
  $('.serviceName').live('click',function(){
  	$('.serviceDescription').slideUp(500);
    $('.serviceNameOn').removeClass('serviceNameOn').addClass('serviceName');
    nextDiv = $(this).next('div');
    nextDiv.slideDown(500);
    $(this).removeClass('serviceName').addClass('serviceNameOn');
  });
  
  $('.pageSectNavOn, .pageSectNavOff').live('click',function(){
  	$('.serviceDescription').slideUp(500);
  	idParts = $(this).attr('id').split("-");
    var targetAccordionHeader = $('#serviceName-'+idParts[1]);
    hookDiv = targetAccordionHeader.next('div');
    
    nextDiv = hookDiv.find('.departmentId');
    var lastUrlElement = hookDiv.find('.curUrl');
    var pageSectionDiv = hookDiv.find('.pageSectionId');
    var departmentValue = nextDiv.html();
    var lastElement = lastUrlElement.html();
    var pageSection = pageSectionDiv.html();
    
    
    if($(this).hasClass('productSectTarget')){
    	hookDiv.append('<div class="loadingProducts"><img src="/images/reuse/ajax-loader.gif"></div>');
    	$.post("/js/xhr/getProductResults.php", {
    		subDepartment : departmentValue,
        lastElement: lastElement,
        pageSectionId: pageSection,
        pageSectionHeader : targetAccordionHeader.html(),
        baseUrl: '/nfs/c03/h07/mnt/81244/domains/kluyts.com/html/'
      }, function(response){
      	$('.loadingProducts').remove();
        
        var nextSlideContainer = hookDiv.find('.productSlideContainer');
      	hookDiv.html(response);
    	});
    }
    hookDiv.slideDown(500);
  });
  
 
 $('.masterNav').live('click',function(){
 	var subNav = $(this).next('.subNav');
  var navid = $(this).attr('id');
  subNav.slideDown(300,function(){
  	if(navid == 'shopNav'){
    	$('#campaignNav').css('margin-top','20px');
    }
  });
  return false;
 });
 
 $('#productImageOverlay').live('click',function(){
 	var screenWidth = ((screen.width)-17);
  $('#fullSizeImage').css('width',screenWidth+'px');
  $('#fullScreenOverlay').show();
 });
 
 $('#fullScreenOverlay').live('click',function(){
 	$('#fullScreenOverlay').hide();
 });
 
 $('.moveLeft').live('click',function(){
 	var idParts = $(this).attr('id').split('-');
  
 	var currentSlide = parseInt($('#productCurrentSlide-'+idParts[1]).html());
  var maxSlide = parseInt($('#productMaxSlide-'+idParts[1]).html());
  $('#productCurrentSlide-'+idParts[1]).html((currentSlide-1));
  curName = $('#imageTitle-'+(currentSlide-1)+'-'+idParts[1]).html();
  if((currentSlide-1)==1){
  	curName = "Wood Types";
  }
  accordionHeader.html(curName);
 	$('.productNavControl').fadeOut(200);
 	$('#productSlideTrack-'+idParts[1]).animate({ 
 		marginLeft: "+=700px"
 	}, 2000, function(){
 		/*$('#currentSlide').html(idParts[1]);*/
    $('.productNavControl').fadeIn(400);
    
  });
 });
 
 $('.moveRight').live('click',function(){
 	var idParts = $(this).attr('id').split('-');
  var currentSlide = parseInt($('#productCurrentSlide-'+idParts[1]).html());
  var maxSlide = parseInt($('#productMaxSlide-'+idParts[1]).html());
  
  if(currentSlide==(maxSlide)){
  	distance = "0";
    $('#productCurrentSlide-'+idParts[1]).html(1);
    curName = "Wood Types";
  }else{
  	curName = $('#imageTitle-'+(currentSlide+1)+'-'+idParts[1]).html();
    distance = "-=700px";
    $('#productCurrentSlide-'+idParts[1]).html((currentSlide+1));
    swatchImage = $('#swatch-'+(currentSlide+1));
  }
  
  accordionHeader.html(curName);
  
 	$('.productNavControl').hide();
 	$('#productSlideTrack-'+idParts[1]).animate({ 
 		marginLeft: distance
 	}, 2000, function(){
 		$('.productNavControl').fadeIn(400);
  });
  
 });
 
 $('.returnToIndex').live('click',function(){
 		idParts = $(this).attr('id').split("-");
    $('.productNavControl').hide();
    $('#productCurrentSlide-'+idParts[1]).html(1);
    accordionHeader = $(this).parent().parent().parent().parent().parent().parent().parent().find('.serviceNameOn');
    accordionHeader.html(idParts[0]);
 		
    $('#productSlideTrack-'+idParts[1]).animate({ 
  		marginLeft: "0px"
  	}, 2000, function(){
   		
   	});
    
 });

/*
 $('.productSwatch, .productSwatchLast').live('click', function(){
 		
    $('.productNavControl').hide();
    idParts = $(this).attr('id').split("-");
    $('#productCurrentSlide-'+idParts[2]).html(idParts[1]);
    accordionHeader = $(this).parent().parent().parent().parent().parent().find('.serviceNameOn');
    
    curName = $('#imageTitle-'+idParts[1]+'-'+idParts[2]).html();
    accordionHeader.html(curName);
    
  	var curSlide = parseInt($('#productCurrentSlide-'+idParts[2]).html());
    var maxSlide = parseInt($('#productMaxSlide-'+idParts[2]).html());
    var distance = ((parseInt(idParts[1])-1)*700);
    $('#productSlideTrack-'+idParts[2]).animate({ 
  		marginLeft: (-1*distance)+"px"
  	}, 2000, function(){
   		
      $('.productNavControl').fadeIn(400);
   	});
    
 });
*/
 
 $('.miniTrackControllerLeft').live('click',function(){
 	
  idparts = $(this).attr('id').split("-");
  var currentSlide = parseInt($('#miniCurrent-'+idparts[1]).html());
  var maxSlide = parseInt($('#miniMax-'+idparts[1]).html());
  
  if(currentSlide==1){
  	distance = (-1*((maxSlide*480)-480))+'px';
    $('#miniCurrent-'+idparts[1]).html(maxSlide);
  }else{
  	distance = "+=480px";
    $('#miniCurrent-'+idparts[1]).html((currentSlide-1));
  }
  
  $('#miniTrack-'+idparts[1]).animate({ 
 		marginLeft: distance
 	}, 2000, function(){
 		
  });
  
 });
 
 $('.miniTrackControllerRight').live('click',function(){
 	
  idparts = $(this).attr('id').split("-");
  var currentSlide = parseInt($('#miniCurrent-'+idparts[1]).html());
  var maxSlide = parseInt($('#miniMax-'+idparts[1]).html());
  
  if(currentSlide==(maxSlide)){
  	distance = "0";
    $('#miniCurrent-'+idparts[1]).html(1);
  }else{
  	distance = "-=480px";
    $('#miniCurrent-'+idparts[1]).html((currentSlide+1));
  }
  
  $('#miniTrack-'+idparts[1]).animate({ 
 		marginLeft: distance
 	}, 2000, function(){
 		
  });
 });
 
  $('#prev').live('click',function(){
  	$('.searchResults').html('<div class=\'loader\'><img src=\'/images/interface/ajax-loader.gif\'></div>');
  	$.post("/js/xhr/getProducts.php", {
    
        currentPage : (parseInt($('#currentPage').html())-2),
        currentCategory: $('#currentCategory').html(),
        maxResults : $('#maxResults').html(),
        resultsPerPage : $('#resultsPerPage').html(),
        baseUrl: '/nfs/c03/h07/mnt/81244/domains/cake.weareeveryone.com/html/'
      }, function(response){
      	var newPage = (parseInt($('#currentPage').html())-1);
        var currentPage = parseInt($('#currentPage').html());
        var maxPage = $('#maxPage').html();
      	$('#currentPage').html(newPage);
        $('.searchResults').html(response);
        $('#pagingData').html('Page '+newPage+' of '+maxPage);
        if(currentPage==2){
        	$('#prev').hide();
        }else{
        	$('#prev').show();
        }
       	$('#next').show();
    	});
      return false;
  });
  
  $('.dropDownMediumSelected').click(function ()
  {
    var mydrop = $(this).next('.dropdownMedium');
    if (mydrop.is(':visible')) {
      mydrop.hide();
      mydrop.css("z-index", "500");
    } else {
      $('.dropdown,.dropdownLarge,.dropdownMedium').hide();
      mydrop.show();
      mydrop.css("z-index", "999");
    }
  });
	

  $('.dropdownLarge, .dropdownMedium, .dropdown').mouseleave(function ()
  {
    $(this).hide();
  });

  $('.dropdownItem, .dropdownItemAlt').click(function ()
  {

    displayVal = $(this).html();
    parts = $(this).attr('id').split("-");
    var selectedVal = parts[1];
    $(this).parent("ul").hide();
    var myparent = $(this).parent("ul");
    myparent.css("z-index", "500");
    var setVal = myparent.prev();
    var hiddenField = myparent.next();
    setVal.html(displayVal);
    hiddenField.val(selectedVal);
    $('.instructionMessage').hide();
    /* drop down specific rules go here */


    if (hiddenField.attr('id') == 'eventStartTime') {
      var dateField = $('#eventStartDate');
      var startDate = dateField.val();
      var startTime = $(this).html();
      $('#startDateTime').val(startDate + ' ' + startTime);
    }

    if (hiddenField.attr('id') == 'eventStopTime') {
      var dateField = $('#eventStopDate');
      var stopDate = dateField.val();
      var stopTime = $(this).html();
      $('#endDateTime').val(stopDate + ' ' + stopTime);
    }

    if (hiddenField.attr('id') == 'gender') {
      var genderValue = $('#gender').val();
      if (genderValue != 'Please Choose') {
        $('#genderTick').show();
      } else {
        $('#genderTick').hide();
      }
    }

    if (hiddenField.attr('id') == 'postContext') {

      var currentContext = $('#lastContext').html();
      var chosenContext = $('#chosenContext').html();
      var chosenContextParts = $('#chosenContext').html().split(" ");
      var selectedContacts = $('#selectedContacts').html();

      if (chosenContext != 'All contacts' && chosenContext != 'Relevant KILTR users') {
        if (selectedContacts == null || currentContext != chosenContext) {
          spawnModalDialogueWindow(670, 500, 'Choose ' + chosenContextParts[1], '/Post/LoadShareWithPicker', 'context:' + chosenContextParts[1]);
        } else {
          $('#emptyModalDialogue').show();
        }
      }
      $('#lastContext').html(chosenContext);
    }

    if (hiddenField.attr('id') == 'postType') {
      var newInputMethod = $('#postType').val();
      $('.inputForm').hide();
      $('#' + newInputMethod + '-form').show();

      if (newInputMethod == 'Event') {
        $('#createPostForm').attr('action', '/Post/PostEvent');
      } else {
        $('#createPostForm').attr('action', '/Post/Create');
      }
      /* temporary coming soon invoker on input types */

      if (newInputMethod == 'Question' || newInputMethod == 'Job' || newInputMethod == 'Event' || newInputMethod == 'BusinessOpportunity' || newInputMethod == 'InvestmentOpportunity' || newInputMethod == 'ProductOrService') {
        $('#postSubmit').hide();
        $('.comingSoonBar').remove();
        $('#postToolbar').css('width', '180px');
        $('#postToolbar').after('<img src="/Images/ported/myKiltr/comingSoon.gif" class="comingSoonBar">');
      } else {
        $('.comingSoonBar').remove();
        $('#postToolbar').css('width', '455px');
        $('#postSubmit').show();
      }
    }

    if (hiddenField.attr('id') == 'day' || hiddenField.attr('id') == 'month' || hiddenField.attr('id') == 'year') {
      var parentDiv = $(this).parent();
      var parentDiv = parentDiv.prev('.dropDownSelected');
      hiddenField.val(parentDiv.html());
      $('#dateOfBirth').val($('#day').val() + '/' + $('#month').val() + '/' + $('#year').val());
      if ($('#day').val() != 'Day' && $('#month').val() != 'Month' && $('#year').val() != 'Year') {
        $('#dateTick').show();
        $('#dateErrorMessage').hide();
      } else {
        $('#dateErrorMessage').show();
        $('#dateTick').hide();
      }
    }
  });

  $('.standard').focus(function ()
  {
    $('.standard').css('border', 'solid 1px #CCCCCC');
    $(this).css('border', 'solid 1px #909599');
  });
  
  $('#sendButton').click(function(){
		$('#sendButton').fadeOut(1000,function(){
    	$('#ajax-loader').show();
        $.post("/js/xhr/enquiry.php", {
        spacer: 'spacer',
      	firstName: $('#firstName').val(),
      	surname: $('#surname').val(),
				company: $('#company').val(),
				website: $('#website').val(),
      	email: $('#email').val(),
      	telephone: $('#telephone').val(),
				subject: $('#subject').val(),
      	message: $('#message').val(),
      	baseUrl: '/nfs/c03/h07/mnt/81244/domains/kluyts.com/html/'
    	}, function(response){
    		if(response==1){
      		$('#formContainer').fadeOut(1000,function(){
        		$('#thankyou-message').fadeIn(1000);
      		});
      	}else{
      		$('#formContainer').fadeOut(1000,function(){
      			$('#failure-message').fadeIn(1000);
        	});
      	}
        $('#ajax-loader').hide();
    	});
    });
    return false;
  	});
});


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.js
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

// Offering a Custom Alias suport - More info: http://docs.jquery.com/Plugins/Authoring#Custom_Alias
(function($) {
	/**
	 * $ is an alias to jQuery object
	 *
	 */
	$.fn.lightBox = function(settings) {
		// Settings to configure the jQuery lightBox plugin how you like
		settings = jQuery.extend({
			// Configuration related to overlay
			overlayBgColor: 		'#000',		// (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
			overlayOpacity:			0.8,		// (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
			// Configuration related to navigation
			fixedNavigation:		false,		// (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
			// Configuration related to images
			imageLoading:			'images/lightbox-ico-loading.gif',		// (string) Path and the name of the loading icon
			imageBtnPrev:			'images/lightbox-btn-prev.gif',			// (string) Path and the name of the prev button image
			imageBtnNext:			'images/lightbox-btn-next.gif',			// (string) Path and the name of the next button image
			imageBtnClose:			'images/lightbox-btn-close.gif',		// (string) Path and the name of the close btn
			imageBlank:				'images/lightbox-blank.gif',			// (string) Path and the name of a blank image (one pixel)
			imageMailto: 			'images/mailto-button.gif',
			mailto:					'mailto:torquil@kluyts.com',
			// Configuration related to container image box
			containerBorderSize:	[126,126,120,126],			// (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value
			
			
			containerResizeSpeed:	400,		// (integer) Specify the resize duration of container image. These number are miliseconds. 400 is default.
			// Configuration related to texts in caption. For example: Image 2 of 8. You can alter either "Image" and "of" texts.
			txtImage:				'Image',	// (string) Specify text "Image"
			txtOf:					'of',		// (string) Specify text "of"
			// Configuration related to keyboard navigation
			keyToClose:				'c',		// (string) (c = close) Letter to close the jQuery lightBox interface. Beyond this letter, the letter X and the SCAPE key is used to.
			keyToPrev:				'p',		// (string) (p = previous) Letter to show the previous image
			keyToNext:				'n',		// (string) (n = next) Letter to show the next image.
			// Don´t alter these variables in any way
			imageArray:				[],
			activeImage:			0
		},settings);
		// Caching the jQuery object with all elements matched
		var jQueryMatchedObj = this; // This, in this context, refer to jQuery object
		/**
		 * Initializing the plugin calling the start function
		 *
		 * @return boolean false
		 */
		function _initialize() {
			_start(this,jQueryMatchedObj); // This, in this context, refer to object (link) which the user have clicked
			return false; // Avoid the browser following the link
		}
		/**
		 * Start the jQuery lightBox plugin
		 *
		 * @param object objClicked The object (link) whick the user have clicked
		 * @param object jQueryMatchedObj The jQuery object with all elements matched
		 */
		function _start(objClicked,jQueryMatchedObj) {
			// Hime some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
			$('embed, object, select').css({ 'visibility' : 'hidden' });
			// Call the function to create the markup structure; style some elements; assign events in some elements.
			_set_interface();
			// Unset total images in imageArray
			settings.imageArray.length = 0;
			// Unset image active information
			settings.activeImage = 0;
			// We have an image set? Or just an image? Let´s see it.
			if ( jQueryMatchedObj.length == 1 ) {
				settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));
			} else {
				// Add an Array (as many as we have), with href and title atributes, inside the Array that storage the images references		
				for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
					settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));
				}
			}
			while ( settings.imageArray[settings.activeImage][0] != objClicked.getAttribute('href') ) {
				settings.activeImage++;
			}
			// Call the function that prepares image exibition
			_set_image_to_view();
		}
		/**
		 * Create the jQuery lightBox plugin interface
		 *
		 * The HTML markup will be like that:
			<div id="jquery-overlay"></div>
			<div id="jquery-lightbox">
				<div id="lightbox-container-image-box">
					<div id="lightbox-container-image">
						<img src="../fotos/XX.jpg" id="lightbox-image">
						<div id="lightbox-nav">
							<a href="#" id="lightbox-nav-btnPrev"></a>
							<a href="#" id="lightbox-nav-btnNext"></a>
						</div>
						<div id="lightbox-loading">
							<a href="#" id="lightbox-loading-link">
								<img src="../images/lightbox-ico-loading.gif">
							</a>
						</div>
					</div>
				</div>
				<div id="lightbox-container-image-data-box">
					<div id="lightbox-container-image-data">
						<div id="lightbox-image-details">
							<span id="lightbox-image-details-caption"></span>
							<span id="lightbox-image-details-currentNumber"></span>
						</div>
						<div id="lightbox-secNav">
							<a href="#" id="lightbox-secNav-btnClose">
								<img src="../images/lightbox-btn-close.gif">
							</a>
						</div>
					</div>
				</div>
			</div>
		 *
		 */
		function _set_interface() {
			// Apply the HTML markup into body tag
			$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><span id="lightbox-image-details-caption"></span><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="' + settings.imageBtnClose + '"></a></div><span id="lightbox-image-box"><img id="lightbox-image"></span><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="' + settings.imageLoading + '"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><a id="mailto"><img src="' + settings.imageMailto + '"></a><div id="lightbox-image-details"><span id="lightbox-image-details-currentNumber"></span></div></div></div></div>');	
			// Get page sizes
			var arrPageSizes = ___getPageSize();
			// Style overlay and show it
			$('#jquery-overlay').css({
				backgroundColor:	settings.overlayBgColor,
				opacity:			settings.overlayOpacity,
				width:				arrPageSizes[0],
				height:				arrPageSizes[1]
			}).fadeIn();
			// Get page scroll
			var arrPageScroll = ___getPageScroll();
			// Calculate top and left offset for the jquery-lightbox div object and show it
			$('#jquery-lightbox').css({
				top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
				left:	arrPageScroll[0]
			}).show();
			// Assigning click events in elements to close overlay
			$('#jquery-overlay,#jquery-lightbox').click(function() {
				_finish();									
			});
			// Assign the _finish function to lightbox-loading-link and lightbox-secNav-btnClose objects
			$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function() {
				_finish();
				return false;
			});
			// If window was resized, calculate the new overlay dimensions
			$(window).resize(function() {
				// Get page sizes
				var arrPageSizes = ___getPageSize();
				// Style overlay and show it
				$('#jquery-overlay').css({
					width:		arrPageSizes[0],
					height:		arrPageSizes[1]
				});
				// Get page scroll
				var arrPageScroll = ___getPageScroll();
				// Calculate top and left offset for the jquery-lightbox div object and show it
				$('#jquery-lightbox').css({
					top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
					left:	arrPageScroll[0]
				});
			});
		}
		/**
		 * Prepares image exibition; doing a image´s preloader to calculate it´s size
		 *
		 */
		function _set_image_to_view() { // show the loading
			// Show the loading
			$('#lightbox-loading').show();
			if ( settings.fixedNavigation ) {
				$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
			} else {
				// Hide some elements
				$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
			}
			// Image preload process
			var objImagePreloader = new Image();
			objImagePreloader.onload = function() {
				$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);
				// Perfomance an effect in the image container resizing it
				_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
				//	clear onLoad, IE behaves irratically with animated gifs otherwise
				objImagePreloader.onload=function(){};
			};
			objImagePreloader.src = settings.imageArray[settings.activeImage][0];
		};
		/**
		 * Perfomance an effect in the image container resizing it
		 *
		 * @param integer intImageWidth The image´s width that will be showed
		 * @param integer intImageHeight The image´s height that will be showed
		 */
		function _resize_container_image_box(intImageWidth,intImageHeight) {
			// Get current width and height
			var intCurrentWidth = $('#lightbox-container-image-box').width();
			var intCurrentHeight = $('#lightbox-container-image-box').height();
			// Get the width and height of the selected image plus the padding
			var intWidth = (intImageWidth + settings.containerBorderSize[1] + settings.containerBorderSize[3]); // Plus the image´s width and the left and right padding value
			var intHeight = (intImageHeight + settings.containerBorderSize[0] + settings.containerBorderSize[2]); // Plus the image´s height and the left and right padding value
			// Diferences
			var intDiffW = intCurrentWidth - intWidth;
			var intDiffH = intCurrentHeight - intHeight;
			// Perfomance the effect
			$('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
			if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
				if ( $.browser.msie ) {
					___pause(250);
				} else {
					___pause(100);	
				}
			} 
			$('#lightbox-container-image-data-box').css({ width: intWidth });
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + settings.containerBorderSize[0] + settings.containerBorderSize[2]});
		};
		/**
		 * Show the prepared image
		 *
		 */
		function _show_image() {
			$('#lightbox-loading').hide();
			$('#lightbox-image').fadeIn(function() {
				_show_image_data();
				_set_navigation();
			});
			_preload_neighbor_images();
		};
		/**
		 * Show the image information
		 *
		 */
		function _show_image_data() {
			$('#lightbox-container-image-data-box').slideDown('fast');
			$('#lightbox-image-details-caption').hide();
			if ( settings.imageArray[settings.activeImage][1] ) {
				$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();
				$('#mailto').attr('href',settings.mailto + '?Subject=' + settings.imageArray[settings.activeImage][1]);
			}
			// If we have a image set, display 'Image X of X'
			if ( settings.imageArray.length > 1 ) {
				$('#lightbox-image-details-currentNumber').html(settings.txtImage + ' ' + ( settings.activeImage + 1 ) + ' ' + settings.txtOf + ' ' + settings.imageArray.length).show();
			}		
		}
		/**
		 * Display the button navigations
		 *
		 */
		function _set_navigation() {
			$('#lightbox-nav').show();

			// Instead to define this configuration in CSS file, we define here. And it´s need to IE. Just.
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
			
			// Show the prev button, if not the first image in set
			if ( settings.activeImage != 0 ) {
				if ( settings.fixedNavigation ) {
					$('#lightbox-nav-btnPrev').css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 50% no-repeat' })
						.unbind()
						.bind('click',function() {
							settings.activeImage = settings.activeImage - 1;
							_set_image_to_view();
							return false;
						});
				} else {
					// Show the images button for Next buttons
					$('#lightbox-nav-btnPrev').unbind().hover(function() {
						$(this).css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 50% no-repeat' });
					},function() {
						$(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
					}).show().bind('click',function() {
						settings.activeImage = settings.activeImage - 1;
						_set_image_to_view();
						return false;
					});
				}
			}
			
			// Show the next button, if not the last image in set
			if ( settings.activeImage != ( settings.imageArray.length -1 ) ) {
				if ( settings.fixedNavigation ) {
					$('#lightbox-nav-btnNext').css({ 'background' : 'url(' + settings.imageBtnNext + ') right 50% no-repeat' })
						.unbind()
						.bind('click',function() {
							settings.activeImage = settings.activeImage + 1;
							_set_image_to_view();
							return false;
						});
				} else {
					// Show the images button for Next buttons
					$('#lightbox-nav-btnNext').unbind().hover(function() {
						$(this).css({ 'background' : 'url(' + settings.imageBtnNext + ') right 50% no-repeat' });
					},function() {
						$(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
					}).show().bind('click',function() {
						settings.activeImage = settings.activeImage + 1;
						_set_image_to_view();
						return false;
					});
				}
			}
			// Enable keyboard navigation
			_enable_keyboard_navigation();
		}
		/**
		 * Enable a support to keyboard navigation
		 *
		 */
		function _enable_keyboard_navigation() {
			$(document).keydown(function(objEvent) {
				_keyboard_action(objEvent);
			});
		}
		/**
		 * Disable the support to keyboard navigation
		 *
		 */
		function _disable_keyboard_navigation() {
			$(document).unbind();
		}
		/**
		 * Perform the keyboard actions
		 *
		 */
		function _keyboard_action(objEvent) {
			// To ie
			if ( objEvent == null ) {
				keycode = event.keyCode;
				escapeKey = 27;
			// To Mozilla
			} else {
				keycode = objEvent.keyCode;
				escapeKey = objEvent.DOM_VK_ESCAPE;
			}
			// Get the key in lower case form
			key = String.fromCharCode(keycode).toLowerCase();
			// Verify the keys to close the ligthBox
			if ( ( key == settings.keyToClose ) || ( key == 'x' ) || ( keycode == escapeKey ) ) {
				_finish();
			}
			// Verify the key to show the previous image
			if ( ( key == settings.keyToPrev ) || ( keycode == 37 ) ) {
				// If we´re not showing the first image, call the previous
				if ( settings.activeImage != 0 ) {
					settings.activeImage = settings.activeImage - 1;
					_set_image_to_view();
					_disable_keyboard_navigation();
				}
			}
			// Verify the key to show the next image
			if ( ( key == settings.keyToNext ) || ( keycode == 39 ) ) {
				// If we´re not showing the last image, call the next
				if ( settings.activeImage != ( settings.imageArray.length - 1 ) ) {
					settings.activeImage = settings.activeImage + 1;
					_set_image_to_view();
					_disable_keyboard_navigation();
				}
			}
		}
		/**
		 * Preload prev and next images being showed
		 *
		 */
		function _preload_neighbor_images() {
			if ( (settings.imageArray.length -1) > settings.activeImage ) {
				objNext = new Image();
				objNext.src = settings.imageArray[settings.activeImage + 1][0];
			}
			if ( settings.activeImage > 0 ) {
				objPrev = new Image();
				objPrev.src = settings.imageArray[settings.activeImage -1][0];
			}
		}
		/**
		 * Remove jQuery lightBox plugin HTML markup
		 *
		 */
		function _finish() {
			$('#jquery-lightbox').remove();
			$('#jquery-overlay').fadeOut(function() { $('#jquery-overlay').remove(); });
			// Show some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
			$('embed, object, select').css({ 'visibility' : 'visible' });
		}
		/**
		 / THIRD FUNCTION
		 * getPageSize() by quirksmode.com
		 *
		 * @return Array Return an array with page width, height and window width, height
		 */
		function ___getPageSize() {
			var xScroll, yScroll;
			if (window.innerHeight && window.scrollMaxY) {	
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				if(document.documentElement.clientWidth){
					windowWidth = document.documentElement.clientWidth; 
				} else {
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				pageHeight = windowHeight;
			} else { 
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				pageWidth = xScroll;		
			} else {
				pageWidth = windowWidth;
			}
			arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
			return arrayPageSize;
		};
		/**
		 / THIRD FUNCTION
		 * getPageScroll() by quirksmode.com
		 *
		 * @return Array Return an array with x,y page scroll values.
		 */
		function ___getPageScroll() {
			var xScroll, yScroll;
			if (self.pageYOffset) {
				yScroll = self.pageYOffset;
				xScroll = self.pageXOffset;
			} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
				yScroll = document.documentElement.scrollTop;
				xScroll = document.documentElement.scrollLeft;
			} else if (document.body) {// all other Explorers
				yScroll = document.body.scrollTop;
				xScroll = document.body.scrollLeft;	
			}
			arrayPageScroll = new Array(xScroll,yScroll);
			return arrayPageScroll;
		};
		 /**
		  * Stop the code execution from a escified time in milisecond
		  *
		  */
		 function ___pause(ms) {
			var date = new Date(); 
			curDate = null;
			do { var curDate = new Date(); }
			while ( curDate - date < ms);
		 };
		// Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
		return this.unbind('click').click(_initialize);
	};
})(jQuery); // Call and execute the function immediately passing the jQuery object