/**
 * 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
var global_height = 360;
var global_width = 480;
        /**
        /*
        *   LLANÇAM EL FLASH
        */
        function lanzarflash(sflash)
        {
            var  obj = $('#lightbox-container-image');
            //obj.empty();
            obj.html('\
                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width=480 height=360 id="oobutton" align="middle">\
                <param name="allowScriptAccess" value="sameDomain" />\
                <param name="movie" value="/public/images/3d/' + sflash + '" />\
                <param name="quality" value="high" />\
                <param name="bgcolor" value="#ffffff" />\
                <embed src="/public/images/3d/' + sflash + '" quality="high" bgcolor="#ffffff" width=480px height=360px name="button" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />\
                </object>');
        };

//-- afegim al carro
 function afegeixAlCarro(sArticle) {
    var sArticle2 = EliminarCaracters(sArticle);
//    window.alert(htmlEncode(sArticle, 0, 0));
    var url='/kernel/target.asp?command=store_goitem&gotourl=/kernel/custom/cartAsk.asp&ITEM=' + sArticle2;
    //openWindow(url,'detall','width=300,height=1,align=1,toolbar=no,scrollbars=no,resizable=yes,menubar=no,status=no,location=no');
    var top = ((screen.availHeight - 1) / 2);
    var left = ((screen.availWidth - 300) / 2);
    var position = 'top=' + top + ',left=' + left + ',width=300,height=150';
    //Obrim la finestra amb els parametres de posició i els demanats en els parametres i la retornem.
    var w = window.open(url, 'detall', position);
    w.focus();
    };
 function EliminarCaracters(sTexto){
    var sResult = '';
    for (var i = 0; i< sTexto.length; i++)
    {
        switch (sTexto.charCodeAt(i))
        {
        case 209:
            sResult += '%D1';
            break;
        default:
                sResult += sTexto.charAt (i);
         }
    }
    return sResult;
 }

(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: '../../paginasWeb/paginas/images/white/lightbox/2-1.gif', 	// (string) Path and the name of the loading icon
            imageBtnPrev: '../../paginasWeb/paginas/images/white/lightbox/lightbox-btn-prev.gif', 		// (string) Path and the name of the prev button image
            imageBtnNext: '../../paginasWeb/paginas/images/white/lightbox/lightbox-btn-next.gif', 		// (string) Path and the name of the next button image
            imageBtnClose: '../../paginasWeb/paginas/images/white/lightbox/lightbox-btn-close.gif', 	// (string) Path and the name of the close btn
            imageBlank: '../../paginasWeb/paginas/images/white/lightbox/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,
            // *******************************************************************
            // EL ESPACIO SETTINGS
            // layout
            txtdisponibilidad: 'consultar con Euroval 99, S.L.',
            txtCistella: 'Añadir al carrito',
            cistellaImage: '../../paginasWeb/paginas/images/white/lightbox/cistella.gif',
            txtIva: '',
            txtTelefon: 'TEL&Egrave;FON',
            numberTelefon: '96 389 07 05',
            txtMail: "envianos un email",
            mailToText: 'euroval@euroval-ento.com'
            // arreglos
            // *******************************************************************
        }, 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('title2'), objClicked.getAttribute('codigo'), objClicked.getAttribute('medidas'), objClicked.getAttribute('price'), objClicked.getAttribute('avail'), objClicked.getAttribute('vender'), objClicked.getAttribute('texto'), objClicked.getAttribute('peso'),objClicked.getAttribute('tpie'),objClicked.getAttribute('preciogramo'),objClicked.getAttribute('tresd')));
            } 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('title2'), jQueryMatchedObj[i].getAttribute('codigo'), jQueryMatchedObj[i].getAttribute('medidas'), jQueryMatchedObj[i].getAttribute('price'), jQueryMatchedObj[i].getAttribute('avail'), jQueryMatchedObj[i].getAttribute('vender'), jQueryMatchedObj[i].getAttribute('texto'), jQueryMatchedObj[i].getAttribute('peso'),jQueryMatchedObj[i].getAttribute('tpie'),jQueryMatchedObj[i].getAttribute('preciogramo'),jQueryMatchedObj[i].getAttribute('tresd')));
                }
            }
            while (settings.imageArray[settings.activeImage][2] != objClicked.getAttribute('codigo')) {
                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-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 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>
        *
        */
        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-content">\
					<div id="lightbox-container-image-data-box">\
						<div id="lightbox-container-image-data">\
							<div id="lightbox-image-details">\
								<div id="lightbox-image-details-caption"></div>\
							</div>\
							<div id="lightbox-secNav">\
								<a href="#" id="lightbox-secNav-btnClose"><img src="' + settings.imageBtnClose + '"></a>\
							</div>\
						</div>\
					</div>\
					<div id="lightbox-container-image-box">\
						<div id="lightbox-container-image">\
							<img src="../fotos/XX.jpg" id="lightbox-image" width="480px;" height="360px;">\
						</div>\
						<div id="lightbox-nav">\
							<a href="#" id="lightbox-nav-btnPrev"></a>\
							<a href="#" id="lightbox-nav-btnNext"></a>\
						</div>\
						<div id="lightbox-info">\
									<div id="lightbox-telefon">' + settings.txtTelefon + ': <span> +' + settings.numberTelefon + '</span></div>\
									<div id="lightbox-email">E-MAIL: <span>' + settings.txtMail + '</span></div>\
								</div>\
								<div id="lightbox-loading">\
									<a href="#" id="lightbox-loading-link"><img src="' + settings.imageLoading + '"></a>\
								</div>\
						<div id="lightbox_image_mask">\
							<div class="tw">\
							<div class="bw">\
							<div class="lw">\
							<div class="rw">\
							<div class="gblw">\
							<div class="gbrw">\
							<div class="gtlw">\
							<div class="gtrw">\
							</div></div></div></div></div></div></div></div>\
						</div>\
					</div>\
					<div id="lightbox-container-image-data-majoral">\
						<div id="lightbox-image-reference-container">\
							<div id="lightbox-consultar-disponibilitat">\
								<a href="mailto:' + settings.mailToText + '">' + settings.txtdisponibilidad + '</a>\
							</div>\
							<div id="lightbox-ref-title">REF:</div>\
							<div id="lightbox-caracter-joias">\
								<div id="lightbox-caracter-codigo-joias">AAPS2</div>\
							</div><br><br>\
    						<div id="lightbox-caracter-medidas-joias">18 mm x 3 mm</div>\
						</div>\
						<div id="lightbox-image-price-container">\
							<div id="lightbox-joia-price">PRECIO</div>\
							<div id="lightbox-joia-price-note-symbol">' + ((iIdioma == 2)? 'Total Price':(iIdioma == 9)? 'Preu Total': 'Precio Total') + ': </div>\
							<div id="lightbox-cistella"><img align="absbottom" hspace="7" src=" ' + settings.cistellaImage + '"><a href="#">' + settings.txtCistella + '</a></div>\
						</div>\
						<div id="lightbox-iva-announcement"> ' + settings.txtIva + '</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').click(function() {
                _finish();
            });
            /* -----------------------------------------------------------------------------------------------------------------------------------------
            * DISPONIBILIDAD
            * -----------------------------------------------------------------------------------------------------------------------------------------
            */
            /*
            $("#lightbox-consultar-disponibilitat a").hover(function() {
                var positionDisp = $("#lightbox-container-image").height();
                $("#lightbox-info").css({ "top": positionDisp - 80, "display": "none" });
                $("#lightbox-info").animate({ opacity: "show", top: positionDisp - 55 }, "slow");
            }, function() {
                var positionDisp = $("#lightbox-container-image").height();
                $("#lightbox-info").animate({ opacity: "hide", top: positionDisp - 80 }, "fast");
            });
            */
            $("#lightbox-consultar-disponibilitat a").hover(function() {
                var positionDisp = $("#lightbox-container-image-box").height() - 15;
                $("#lightbox-info").css({ "top": positionDisp - 80, "display": "none" });
                $("#lightbox-info").animate({ opacity: "show", top: positionDisp - 55 }, "slow");
            }, function() {
                var positionDisp = $("#lightbox-container-image-box").height() - 15;
                $("#lightbox-info").animate({ opacity: "hide", top: positionDisp - 80 }, "fast");
            });

            /* -----------------------------------------------------------------------------------------------------------------------------------------
            * AFEGIR A LA CISTELLA FUNCTIONS - TEINOR 
            * -----------------------------------------------------------------------------------------------------------------------------------------
            */
            $("#lightbox-cistella a").click(function(oevent) {
                var Codex = settings.imageArray[settings.activeImage][2]; // CODIGO
                //-----KIKO
                afegeixAlCarro(Codex);
                try {
                    if (oevent)	//-- firefox
                    {
                        oevent.preventDefault();
                        oevent.stopPropagation();
                    }
                }
                catch (e)	//-- ie
		        {
                    window.event.returnValue = false;
                    window.event.cancelBubble = true;
                }


            });
            // 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
            // treiem la part del 3D
            $("#lightbox-container-image").html('<img src="../fotos/XX.jpg" id="lightbox-image" width="480px;" height="360px;">');
            // Show the loading
            var Himage = $("#lightbox-container-image").height() / 2;
            var Wimage = $("#lightbox-container-image").width() / 2;
            $('#lightbox-loading').show();
            /*$('#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 dwidth = 0, dheight = 0;
            //-- gestió del tamany
            var objImagePreloader = new Image();
            objImagePreloader.onload = function() {
                //-- gestió del tamany per una visualització correcte i sense deformacions
                if (objImagePreloader.width > objImagePreloader.height) {
                    dheight = global_width * objImagePreloader.height / objImagePreloader.width;
                    dwidth = global_width;
                }
                else {
                    dwidth = global_height * objImagePreloader.width / objImagePreloader.height;
                    dheight = global_height;
                }
                //-- posam els atributs per a no deformar la foto
                //$('#lightbox-image').css({"padding-left": "0"});
                $('#lightbox-image').attr('width', dwidth);
                $('#lightbox-image').attr('height', dheight);
                $('#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);
                var svalorx = 0.0;
                var svalory = 0.0;
                if (dwidth < global_height)
                {
                     svalorx = (global_height - dwidth) / 2;
                     dwidth = global_height;
                }
                if (dheight < 300)
                {
                     svalory = (300 - dheight) / 2;
                     dheight = 300;
                }
                _resize_container_image_box(dwidth, dheight);
                
                if (svalorx != 0.0)
                {
                   
                   //$('#lightbox-image').css({"padding-left": svalorx + 'px'});
                   $('#lightbox-image').css({"margin-left": svalorx + 'px'});
                }
                if (svalory != 0.0)
                {
                   //$('#lightbox-image').css({"padding-top": svalory + 'px'});
                   $('#lightbox-image').css({"margin-top": svalory + 'px'});
                }
                
                //	clear onLoad, IE behaves irratically with animated gifs otherwise
                objImagePreloader.onload = function() { };
            };
            //*** suposem en cas que no hi hagi imatge posam el tamany per defecte
//          $('#lightbox-image').css({"padding-left": "10.0px"});
//          $('#lightbox-image').css({"padding-top": "0.0px"});
            $('#lightbox-image').css({"margin-left": "0px"});
            $('#lightbox-image').css({"margin-top": "0px"});
            $('#lightbox-image').attr('width', global_width);
            $('#lightbox-image').attr('height', global_height);
            $('#lightbox-image').attr('src', "#");
            //-- aquí afegim el texte de assistencias disponibles para servicio en 24 horas
            _resize_container_image_box(global_width, global_height);
            //--- ara carregam la imatge. Si existeix llavors es recolocarà tot
            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
            //		    if (intImageWidth > global_width) intImageWidth = global_width;
            //		    if (intImageHeight > global_height) intImageHeight = global_height;
            $('#lightbox-container-image-data-majoral').hide();
            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-content div.gtrw').animate({ height: intHeight - 20 }, settings.containerResizeSpeed);
            $('#lightbox-container-image-box,#lightbox-container-content').animate({ width: intWidth, height: intHeight }, settings.containerResizeSpeed, function() {
                _show_image();
            });
            $('#lightbox-container-image-data-box').animate({ width: intWidth }, settings.containerResizeSpeed);
            if ((intDiffW == 0) && (intDiffH == 0)) {
                if ($.browser.msie) {
                    ___pause(250);
                } else {
                    ___pause(100);
                }

            }
            $('#lightbox-image-description').css({ "width": intImageWidth - 27 });
            //$('#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() {
            //-- obtenir les notes2 de la fitxa de articles idioma ja que supera els 250 caracters
            jQuery.ajax({
                type: "POST",
                url: "/html/paginasweb/paginas/html/notas.asp",
                data: {codigo: settings.imageArray[settings.activeImage][2]},
	            async:false,
                success: function(datos){
                    var oTexto = eval(datos);
                    settings.imageArray[settings.activeImage][9] = oTexto.texto;
                }
            });
            //$('#lightbox-container-image-data-box').slideDown('fast');
            $('#lightbox-container-image-data-majoral').slideDown(1000);
            if (settings.imageArray[settings.activeImage][1]) {
                //$('#lightbox-joia-price-note-symbol').html(settings.imageArray[settings.activeImage][10]);
                $('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show(); // TITLE
                if (settings.imageArray[settings.activeImage][11] != '')
                    $('#lightbox-caracter-codigo-joias').html(settings.imageArray[settings.activeImage][2] + '<div style="cursor:pointer;" onclick="lanzarflash(\'' + settings.imageArray[settings.activeImage][11] + '\');"><img class="imagen3d" src="/html/paginasweb/paginas/images/white/3D.png" alt="Imagen 3D" /></div>').show(); // CODIGO
                else
                    $('#lightbox-caracter-codigo-joias').html(settings.imageArray[settings.activeImage][2]).show(); // CODIGO
                 
//                $('#lightbox-caracter-medidas-joias').html(settings.imageArray[settings.activeImage][3]).show(); // MEDIDAS
                if (settings.imageArray[settings.activeImage][8] != '0')
                    $('#lightbox-caracter-medidas-joias').html('Peso: ' + settings.imageArray[settings.activeImage][8] + '<br>' + settings.imageArray[settings.activeImage][3]).show(); // PES
                else
                    $('#lightbox-caracter-medidas-joias').empty().show(); // PES
                //-- existencias disponibles para servicio en 24 horas
                $('#lightbox-iva-announcement').empty().html(settings.imageArray[settings.activeImage][9]).show();
                //-- si el preu es 0 llavors no posa carrito
                /*
                if (settings.imageArray[settings.activeImage][4].substr(0, 1) == '0') {
                $('#lightbox-image-price-container').hide();
                $('#lightbox-iva-announcement').hide();
                }
                else {
                if (settings.imageArray[settings.activeImage][6] == '0') {
                $('#lightbox-joia-price').html(settings.imageArray[settings.activeImage][4]).show(); // PRICE
                $('#lightbox-cistella').hide();
                }
                else
                $('#lightbox-joia-price').html(settings.imageArray[settings.activeImage][4]).show(); // PRICE
                }
                */
                if (settings.imageArray[settings.activeImage][4] == 'A PESO')
                    $('#lightbox-joia-price').html(settings.imageArray[settings.activeImage][4] + ' : ' + settings.imageArray[settings.activeImage][8]).show(); // PRICE
                else
                    $('#lightbox-joia-price').html(settings.imageArray[settings.activeImage][4]).show(); // PRICE
                //-- continuem amb el reste
                if (settings.imageArray[settings.activeImage][5] < 1) {
                    $("#lightbox-consultar-disponibilitat").hide();
                } else {
                    $("#lightbox-consultar-disponibilitat").show();
                }
            }

            // If we have a image set, display 'Image X of X'

        }
        /**
        * 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 90% 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 90% 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 90% 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 90% 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

