var demoweb = {
	layout: '',
	// layout-independent start-up code
	init: function ($) {
		if ($('#content.single-layout').length) demoweb.layout = 'single';
		else if ($('#content.index-layout').length) demoweb.layout = 'index';
		
		//FeatureBlock
		demoweb.vars.index.featurePicChange = function (pic, nav) {
			var $pic = $(pic), $nav = $(nav);
			$old = $pic.siblings(':visible');
			if ($old[0] === $pic[0]) return;
			$('#FeaturePhoto img').stop(true,true);
			if (!demoweb.vars.is_iphone) {
				if ($('#FeaturePhoto img').index($old) > $('#FeaturePhoto img').index($pic)) {
					$pic.slideDown(500);
				} else {
					$old.slideUp(500);
					$pic.show();
				}
			} else {
				if ($('#FeaturePhoto img').index($old) < $('#FeaturePhoto img').index($pic)) {
					$old.hide();
				}
				$pic.show();
			}
			$nav.addClass('current').siblings().removeClass('current');
			$('#FeatureLink a').attr({'title': $pic.attr('title'), 'href': nav.href});
			$('#FeatureCaption h2 a').text($pic.attr('title')).attr('href', nav.href);
			$('#FeatureCaption p').text($pic.attr('alt'));
		};
		var live = {
			'click' : {
				'#FeatureNav a' : function () {
					demoweb.vars.index.featureAutoScroll = false;
					demoweb.vars.index.featurePicChange($('#FeaturePhoto img').get($('#FeatureNav a').index(this)), this);
					return false;
				},
				'.button_listview' : function () {
					$(document.body).addClass('list-view');
					return false;
				},
				'.button_gridview' : function () {
					$(document.body).removeClass('list-view');
					return false;
				},
				'#link_serif': function () {
					$('#MainContent').addClass('serif');
					return false;
				},
				'#link_sans-serif': function () {
					$('#MainContent').removeClass('serif');
					return false;
				},
				'#link_font_small' : function () {
					$('#MainContent').removeClass('font_large');
					$('#MainContent').addClass('font_small');
					return false;
				},
				'#link_font_normal' : function () {
					$('#MainContent').removeClass('font_small font_large');
					return false;
				},
				'#link_font_large' : function () {
					$('#MainContent').removeClass('font_small');
					$('#MainContent').addClass('font_large');
					return false;
				},
				'#link_print' : function () {
					window.print();
					return false;
				},
				'#share a, .newwindow' : function () {
					window.open(this.href);
					return false;
				},
				'#add_bookmark_ie a' : function () {
					window.external.AddFavorite(location.href, document.title);
					return false;
				},
				'p.hide a' : function () {
					if (!demoweb.vars.is_iphone) {
						$(this).parent().hide().next('div.hide:first').slideDown(200);
					} else {
						$(this).parent().hide().next('div.hide:first').show();
					}
					return false;
				},
				'div.hide span.close' : function () {
					if (!demoweb.vars.is_iphone) {
						$(this).parent().parent().slideUp(
							200,
							function () {
								$(this).prev('p.hide:first').show();
							}
						);
					} else {
						$(this).parent().parent().hide().prev('p.hide:first').show();
					}
					return false;
				}
			},
			'mouseover' : {
				'#FeaturePrev': function () {
					demoweb.vars.index.FeatureScrollTimer = setInterval(
						function () {
							$('#FeatureNav').scrollLeft($('#FeatureNav').scrollLeft() - 10);
						},
						50
					);
				},
				'#FeatureNext': function () {
					demoweb.vars.index.FeatureScrollTimer = setInterval(
						function () {
							$('#FeatureNav').scrollLeft($('#FeatureNav').scrollLeft() + 10);
						},
						50
					);
				}
			},
			'mouseout' : {
				'#FeaturePrev, #FeatureNext': function () {
					clearTimeout(demoweb.vars.index.FeatureScrollTimer);
				}
			}
		};
		for (op in live) {
			for (expr in live[op]) {
				$(expr).live(op, live[op][expr]);
			}
		}
		if (!window.external || !('addfavorite' in window.external)) {
			$(document.body).addClass('no_favo');
		}
		if (/mac/i.test(window.navigator.platform)) {
			$(document.body).addClass('is_mac');
			demoweb.vars.is_mac = true;
		}
		// iPhone/iPod Safari: External player, poor JS animation, cannot play video when is in hide block.
		if (/ip(hone|od)/i.test(window.navigator.platform)) {
			$(document.body).addClass('is_iphone');
			demoweb.vars.is_iphone = true;
		}

		// iPad Safari: Embedded player, cannot play video when is in hide block.
		if (/ipad/i.test(window.navigator.platform)) {
			$(document.body).addClass('is_ipad');
			demoweb.vars.is_ipad = true;
		}

		if (!$('#admin').length) {
			var showCopyright = true;
			var copyrightText = $('.copyright').text();
			var copyrightNote = function () {
				if (showCopyright) {
					showCopyright = !window.confirm(copyrightText);
				}
				return !showCopyright;
			};
			document.body.oncontextmenu = copyrightNote;
			document.body.onselectstart = copyrightNote;
		}
		
		if (window.location.protocol !== 'file') {
			$('.page_item a, .nav_button a, .menu-item-type-post_type a, #recent-posts-3 a, #page_info a, .page_item_link, .button_older a, .button_newer a, h1 a, .internal-link, a[href^=http://' + window.location.host + ']')
			.not('#FeatureNav a').live('click', function (ev) {
				if (ev.button !== 0) return true;
				if (this.hostname !== window.location.hostname) return true;
				var hash = '#!' + this.pathname.replace(/^\//, '') + this.search;
				if (window.location.hash === hash) {
					// reload: call load() ourselves.
					demoweb.pageload.load('/' + window.location.hash.substr(2));
				} else {
					// change hash to invoke onhashchange
					window.location.hash = hash;
				}
				$('.current_page_item').removeClass('current_page_item');
				$(this).parent('li').addClass('current_page_item');
				return false;
			});
			$('#searchform').live(
				'submit',
				function () {
					var hash = '#!?s=' + encodeURIComponent($('#search').val());
					clearTimeout($('#search').data('timer'));
					if (window.location.hash === hash) {
						// reload: call load() ourselves.
						demoweb.pageload.load('/' + window.location.hash.substr(2));
					} else {
						// change hash to invoke onhashchange
						window.location.hash = hash;
					}
					$('.current_page_item').removeClass('current_page_item');
					return false;
				}
			);
			$('#search').live(
				'keyup',
				function () {
					clearTimeout($(this).data('timer'));
					$(this).data(
						'timer',
						setTimeout(
							function () {
								if ($('#search').val()) $('#searchform').submit();
							},
							300
						)
					);
				}
			);
		}

		demoweb.load($);
		if (demoweb.loadPage[demoweb.layout]) demoweb.loadPage[demoweb.layout]($);
	},
	// layout-independent start-up code that need to be re-run when partial page reloaded.
	load: function ($) {
		$('#jquery-lightbox, #jquery-overlay').remove();
	},
	// layout-dependent start-up code that need to be re-run when partial page reloaded.
	loadPage: {
		index: function ($) {
			if ($('#FeatureContent.need-init').length) {
				clearTimeout(demoweb.vars.index.featureTimer);
				demoweb.vars.index.featureTimer = setInterval(
					function () {
						if (demoweb.vars.index.featureAutoScroll && $('#FeatureNav a').length) {
							var i = $('#FeaturePhoto img').index($('#FeaturePhoto img:visible'));
							if (++i >= $('#FeaturePhoto img').length) {
								i = 0;
							}
							if ($('#FeatureNav').scrollLeft()+300 < (i+1)*60) { // box-right < current-left
								$('#FeatureNav').scrollLeft((i+1)*60-300); // move box-right to current-right
							} else if ($('#FeatureNav').scrollLeft() > (i+2)*60) { // box-left > current-right
								$('#FeatureNav').scrollLeft(i*60); // move box-left to current-left
							}
							demoweb.vars.index.featurePicChange($('#FeaturePhoto img').get(i), $('#FeatureNav a').get(i));
						}
					},
					4000
				);
				demoweb.vars.index.featureAutoScroll = true;
				$('#FeatureNav').scrollLeft(0);
				$('#FeatureNav a:first').addClass('current');
				$('#FeatureNav p').css('width', $('#FeatureNav a').length*60);
				$('#FeaturePhoto img:not(:first)').hide();
				$('#FeatureContent').removeClass('need-init');
			}
		},
		single: function ($) {
			//LightBox
			var $lightBoxes = $('#FeaturePhoto a');
		
			$('.single_content a').each(
				function () {
					if (/\.(jpg|jpeg|gif|png)$/i.test(this.href)) { //Not bullet-proof testing but ok.
						$lightBoxes = $lightBoxes.add(this);
					}
				}
			);
			
			$lightBoxes = $lightBoxes.add('.gallery-icon a');
			if ($lightBoxes.length) {
				$lightBoxes.lightBox({ txtImage: '', txtOf: '/'});
			}
		}
	},
	// page variables expose to global should store.
	vars: {
		index: {},
		single: {}
	},
	pageload: {
		currentHash: '[origin]',
		load: function (pathname) {
			/*var pathname = (this.pathname.substr(0,1) !== '/')
				? '/' + this.pathname.replace(/\/$/,'')
				: this.pathname.replace(/\/$/,'');
			pathname = pathname.replace(/\/$/,'');*/
			var $ = jQuery;
			//Modified from original $.load to inject multipole content.
			$.ajax({
				url: pathname,
				dataType: 'html',
				//cache: true, //Won't work coz WordPress uses 'no cache'
				complete: function (res, status) {
					if ( status === "success" || status === "notmodified" ) {
						var $body = $('<div />').append(res.responseText.replace(/<script(.|\s)*?\/script>/gi, ''));
						var $cnt = $body.find('#content');
						var newlayout;
						if ($cnt.is('.single-layout')) newlayout = 'single';
						else if ($cnt.is('.index-layout')) newlayout = 'index';
						
						demoweb.load($);
						
						switch (demoweb.layout + newlayout) {
							case 'indexindex':
							if ($('#FeatureContent').attr('rel') !== $cnt.find('#FeatureContent').attr('rel')) {
								$('#FeatureContent').html($cnt.find('#FeatureContent').children()).addClass('need-init');
								$('#FeatureContent').attr('rel', $cnt.find('#FeatureContent').attr('rel'));
							}
							if (!demoweb.vars.is_iphone) {
								$('#MainContent .thumbnail_list ul').fadeTo(
									200,
									0.5,
									function () {
										$(document.body).removeClass('progress');
										$('#MainContent .thumbnail_title ul').html($cnt.find('#MainContent .thumbnail_title ul').children());
										$('#page_content').html($cnt.find('#page_content').children());
										$('.thumbnail_buttons').html($cnt.find('.thumbnail_buttons:first').children());
										$('#page_content').get(0).className = $cnt.find('#page_content').get(0).className;
									
										$(this).html($cnt.find('#MainContent .thumbnail_list ul').children()).fadeTo(200, 1);
										if ($('#admin').length) {
											$('#admin').html($cnt.find('#admin').children());
										}
										if (demoweb.loadPage[newlayout]) demoweb.loadPage[newlayout]($);
									}
								);
							} else {
								$(document.body).removeClass('progress');
								$('#MainContent .thumbnail_title ul').html($cnt.find('#MainContent .thumbnail_title ul').children());
								$('#page_content').html($cnt.find('#page_content').children());
								$('#page_content').get(0).className = $cnt.find('#page_content').get(0).className;
							
								$('#MainContent .thumbnail_list ul').html($cnt.find('#MainContent .thumbnail_list ul').children());
								if ($('#admin').length) {
									$('#admin').html($cnt.find('#admin').children());
								}
								if (demoweb.loadPage[newlayout]) demoweb.loadPage[newlayout]($);
							}
							break;
							case 'indexsingle':
							case 'singleindex':
							case 'singlesingle':
							//regardless what the new layout is, entire #content need change.
							if (false && !demoweb.vars.is_iphone) { // disable this block due to poor efficiency 
								$('#content').fadeTo(
									200,
									0.5,
									function () {
										$(document.body).removeClass('progress');
										$(this).get(0).className = $cnt.get(0).className;
										$(this).html($cnt.children()).fadeTo(200, 1);
										if (demoweb.loadPage[newlayout]) demoweb.loadPage[newlayout]($);
									}
								);
								document.body.scrollIntoView();
							} else {
								$(document.body).removeClass('progress');
								$('#content').get(0).className = $cnt.get(0).className;
								$('#content').html($cnt.children()).fadeTo(200, 1);
								if (demoweb.loadPage[newlayout]) demoweb.loadPage[newlayout]($);
							}
							break;
						}
						
						demoweb.layout = newlayout;
						//TBD: transistion based on page type.

						var title = $body.find('title').text();
						if (!title) {
							//IE work around; won't escape HTML entites but good enough
							title = res.responseText.match(/<title(.|\s)*?\/title>/i)[0].replace(/<[^>]+>/g, '');
						}
						document.title = title;

						//Google Analytics
						if (window._gaq) {
							window._gaq.push(['_trackPageview', pathname]);
						}

						return;
					}
					//Ajax failed, load the actual page to show errors.
					window.location.href = 'http://' + window.location.hostname + '/' + window.location.hash.substr(2);
				}
			});

			$(document.body).addClass('progress');
			
			demoweb.pageload.currentHash = pathname;
			//Update history: won't work on IE6
			/*if (pathname !== window.location.pathname.replace(/\/$/, '')) {
				//is not entry page - update history
				window.location.hash = '#!' + pathname;
			} else if (window.location.hash !== '' && window.location.hash.substr(0,2) !== pathname) {
				//is entry page but hash is not updated
				window.location.hash = '#!' + pathname;
			}*/
			
			//Supress default link action
			return false;
		},
		hashChange: function () {
			if (window.location.hash.substr(0,2) === '#!'
			&& demoweb.pageload.currentHash !== window.location.hash.substr(2)) {
				//Hash updated to some pathname but content not loaded
				demoweb.pageload.load('/' + window.location.hash.substr(2));
				demoweb.pageload.currentHash = window.location.hash.substr(2);
			} else if (window.location.hash === ''
			&& demoweb.pageload.currentHash !== '[origin]') {
				//Hash removed using [back] button but content not loaded
				demoweb.pageload.load(window.location.pathname + window.location.search);
				demoweb.pageload.currentHash = '[origin]';
			}
		}
	}
};

jQuery(demoweb.init);

if ("onhashchange" in window) {
	window.onhashchange = demoweb.pageload.hashChange;
} else {
	setInterval(
		demoweb.pageload.hashChange,
		20
	);
}

/**

Note: plugins has been modified. Do diff before upgrading.

**/
/**
 * 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 CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/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)
			// Configuration related to container image box
			containerBorderSize:	10,			// (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">&nbsp;</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">&nbsp;</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"><img id="lightbox-image"><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"><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="' + settings.imageBtnClose + '"></a></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
				var ratio = Math.min((objImagePreloader.width > 900)?(900/objImagePreloader.width):1, (objImagePreloader.height > 600)?(600/objImagePreloader.height):1);
				_resize_container_image_box(objImagePreloader.width*ratio,objImagePreloader.height*ratio);
				//	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 * 2)); // Plus the image's width and the left and right padding value
			var intHeight = (intImageHeight + (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: intImageWidth });
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + (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();
			}
			// 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' });
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').addClass('blank');
			
			// Show the prev button, if not the first image in set
			if ( settings.activeImage != 0 ) {
				if ( settings.fixedNavigation ) {
					$('#lightbox-nav-btnPrev').removeClass('blank')//.css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% 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).removeClass('blank');//.css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' });
					},function() {
						$(this).addClass('blank');//.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').removeClass('blank')//.css({ 'background' : 'url(' + settings.imageBtnNext + ') right 15% 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).removeClass('blank');//.css({ 'background' : 'url(' + settings.imageBtnNext + ') right 15% no-repeat' });
					},function() {
						$(this).addClass('blank');//.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
