$(document).ready(function() { //equalHeight(); $('textarea').prettyComments(); $("a[rel^='prettyPhoto']").prettyPhoto(); var boxHeight = document.getElementById('cap_dreta_e').clientHeight; $('#cap_logo1').height(boxHeight); $('#menu_dreta').corner("5px top bottom"); $('#cap_dreta_e').corner(); }); //function equalHeight() { // mesalt = 0; // // beHeight = $("#bloc_esquerra").height(); // bcHeight = $("#bloc_principal").height(); // beimatgesHeight = $("#be_imatges").height(); // // if (beHeight < bcHeight ) { // mesalt = bcHeight; // mesalt1 = bcHeight - 45; // } // else // { // mesalt = beHeight; // mesalt1 = beHeight - 45; // } // // mesaltbeenllacos = mesalt1 - beimatgesHeight - 460; // $("#mes_comentats").height(mesaltbeenllacos); // //$("#bloc_esquerra").min-height(mesalt1); // $("#bloc_principal").height(mesalt); // // //} /* ------------------------------------------------------------------------ Class: prettyPhoto Use: Lightbox clone for jQuery Author: Stephane Caron (http://www.no-margin-for-errors.com) Version: 2.5.4 ------------------------------------------------------------------------- */ (function($) { $.prettyPhoto = {version: '2.5.4'}; $.fn.prettyPhoto = function(settings) { settings = jQuery.extend({ animationSpeed: 'normal', /* fast/slow/normal */ padding: 40, /* padding for each side of the picture */ opacity: 0.80, /* Value between 0 and 1 */ showTitle: true, /* true/false */ allowresize: true, /* true/false */ counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ theme: 'light_rounded', /* light_rounded / dark_rounded / light_square / dark_square */ hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */ modal: false, /* If set to true, only the close button will close the window */ changepicturecallback: function(){}, /* Called everytime an item is shown/changed */ callback: function(){} /* Called when prettyPhoto is closed */ }, settings); // Fallback to a supported theme for IE6 if($.browser.msie && $.browser.version == 6){ settings.theme = "light_square"; } if($('.pp_overlay').size() == 0) { _buildOverlay(); // If the overlay is not there, inject it! }else{ // Set my global selectors $pp_pic_holder = $('.pp_pic_holder'); $ppt = $('.ppt'); } // Global variables accessible only by prettyPhoto var doresize = true, percentBased = false, correctSizes, // Cached selectors $pp_pic_holder, $ppt, // prettyPhoto container specific pp_contentHeight, pp_contentWidth, pp_containerHeight, pp_containerWidth, pp_type = 'image', //Gallery specific setPosition = 0, // Global elements $scrollPos = _getScroll(); // Window/Keyboard events $(window).scroll(function(){ $scrollPos = _getScroll(); _centerOverlay(); _resizeOverlay(); }); $(window).resize(function(){ _centerOverlay(); _resizeOverlay(); }); $(document).keydown(function(e){ if($pp_pic_holder.is(':visible')) switch(e.keyCode){ case 37: $.prettyPhoto.changePage('previous'); break; case 39: $.prettyPhoto.changePage('next'); break; case 27: if(!settings.modal) $.prettyPhoto.close(); break; }; }); // Bind the code to each links $(this).each(function(){ $(this).bind('click',function(){ link = this; // Fix scoping // Find out if the picture is part of a set theRel = $(this).attr('rel'); galleryRegExp = /\[(?:.*)\]/; theGallery = galleryRegExp.exec(theRel); // Build the gallery array var images = new Array(), titles = new Array(), descriptions = new Array(); if(theGallery){ $('a[rel*='+theGallery+']').each(function(i){ if($(this)[0] === $(link)[0]) setPosition = i; // Get the position in the set images.push($(this).attr('href')); titles.push($(this).find('img').attr('alt')); descriptions.push($(this).attr('title')); }); }else{ images = $(this).attr('href'); titles = ($(this).find('img').attr('alt')) ? $(this).find('img').attr('alt') : ''; descriptions = ($(this).attr('title')) ? $(this).attr('title') : ''; } $.prettyPhoto.open(images,titles,descriptions); return false; }); }); /** * Opens the prettyPhoto modal box. * @param image {String,Array} Full path to the image to be open, can also be an array containing full images paths. * @param title {String,Array} The title to be displayed with the picture, can also be an array containing all the titles. * @param description {String,Array} The description to be displayed with the picture, can also be an array containing all the descriptions. */ $.prettyPhoto.open = function(gallery_images,gallery_titles,gallery_descriptions) { // To fix the bug with IE select boxes if($.browser.msie && $.browser.version == 6){ $('select').css('visibility','hidden'); }; // Hide the flash if(settings.hideflash) $('object,embed').css('visibility','hidden'); // Convert everything to an array in the case it's a single item images = $.makeArray(gallery_images); titles = $.makeArray(gallery_titles); descriptions = $.makeArray(gallery_descriptions); if($('.pp_overlay').size() == 0) { _buildOverlay(); // If the overlay is not there, inject it! }else{ // Set my global selectors $pp_pic_holder = $('.pp_pic_holder'); $ppt = $('.ppt'); } $pp_pic_holder.attr('class','pp_pic_holder ' + settings.theme); // Set the proper theme isSet = ($(images).size() > 0) ? true : false; // Find out if it's a set _getFileType(images[setPosition]); // Set the proper file type _centerOverlay(); // Center it // Hide the next/previous links if on first or last images. _checkPosition($(images).size()); $('.pp_loaderIcon').show(); // Do I need to explain? // Fade the content in $('div.pp_overlay').show().fadeTo(settings.animationSpeed,settings.opacity, function(){ $pp_pic_holder.fadeIn(settings.animationSpeed,function(){ // Display the current position $pp_pic_holder.find('p.currentTextHolder').text((setPosition+1) + settings.counter_separator_label + $(images).size()); // Set the description if(descriptions[setPosition]){ $pp_pic_holder.find('.pp_description').show().html(unescape(descriptions[setPosition])); }else{ $pp_pic_holder.find('.pp_description').hide().text(''); }; // Set the title if(titles[setPosition] && settings.showTitle){ hasTitle = true; $ppt.html(unescape(titles[setPosition])); }else{ hasTitle = false; }; // Inject the proper content if(pp_type == 'image'){ // Set the new image imgPreloader = new Image(); // Preload the neighbour images nextImage = new Image(); if(isSet && setPosition > $(images).size()) nextImage.src = images[setPosition + 1]; prevImage = new Image(); if(isSet && images[setPosition - 1]) prevImage.src = images[setPosition - 1]; pp_typeMarkup = ''; $pp_pic_holder.find('#pp_full_res')[0].innerHTML = pp_typeMarkup; $pp_pic_holder.find('.pp_content').css('overflow','hidden'); $pp_pic_holder.find('#fullResImage').attr('src',images[setPosition]); imgPreloader.onload = function(){ // Fit item to viewport correctSizes = _fitToViewport(imgPreloader.width,imgPreloader.height); _showContent(); }; imgPreloader.src = images[setPosition]; }else{ // Get the dimensions movie_width = ( parseFloat(grab_param('width',images[setPosition])) ) ? grab_param('width',images[setPosition]) : "425"; movie_height = ( parseFloat(grab_param('height',images[setPosition])) ) ? grab_param('height',images[setPosition]) : "344"; // If the size is % based, calculate according to window dimensions if(movie_width.indexOf('%') != -1 || movie_height.indexOf('%') != -1){ movie_height = ($(window).height() * parseFloat(movie_height) / 100) - 100; movie_width = ($(window).width() * parseFloat(movie_width) / 100) - 100; percentBased = true; } movie_height = parseFloat(movie_height); movie_width = parseFloat(movie_width); if(pp_type == 'quicktime') movie_height+=15; // Add space for the control bar // Fit item to viewport correctSizes = _fitToViewport(movie_width,movie_height); if(pp_type == 'youtube'){ pp_typeMarkup = ''; }else if(pp_type == 'quicktime'){ pp_typeMarkup = ''; }else if(pp_type == 'flash'){ flash_vars = images[setPosition]; flash_vars = flash_vars.substring(images[setPosition].indexOf('flashvars') + 10,images[setPosition].length); filename = images[setPosition]; filename = filename.substring(0,filename.indexOf('?')); pp_typeMarkup = ''; }else if(pp_type == 'iframe'){ movie_url = images[setPosition]; movie_url = movie_url.substr(0,movie_url.indexOf('iframe')-1); pp_typeMarkup = ''; } // Show content _showContent(); } }); }); }; /** * Change page in the prettyPhoto modal box * @param direction {String} Direction of the paging, previous or next. */ $.prettyPhoto.changePage = function(direction){ if(direction == 'previous') { setPosition--; if (setPosition < 0){ setPosition = 0; return; } }else{ if($('.pp_arrow_next').is('.disabled')) return; setPosition++; }; // Allow the resizing of the images if(!doresize) doresize = true; _hideContent(); $('a.pp_expand,a.pp_contract').fadeOut(settings.animationSpeed,function(){ $(this).removeClass('pp_contract').addClass('pp_expand'); $.prettyPhoto.open(images,titles,descriptions); }); }; /** * Closes the prettyPhoto modal box. */ $.prettyPhoto.close = function(){ $pp_pic_holder.find('object,embed').css('visibility','hidden'); $('div.pp_pic_holder,div.ppt').fadeOut(settings.animationSpeed); $('div.pp_overlay').fadeOut(settings.animationSpeed, function(){ $('div.pp_overlay,div.pp_pic_holder,div.ppt').remove(); // To fix the bug with IE select boxes if($.browser.msie && $.browser.version == 6){ $('select').css('visibility','visible'); }; // Show the flash if(settings.hideflash) $('object,embed').css('visibility','visible'); setPosition = 0; settings.callback(); }); doresize = true; }; /** * Set the proper sizes on the containers and animate the content in. */ _showContent = function(){ $('.pp_loaderIcon').hide(); if($.browser.opera) { windowHeight = window.innerHeight; windowWidth = window.innerWidth; }else{ windowHeight = $(window).height(); windowWidth = $(window).width(); }; // Calculate the opened top position of the pic holder projectedTop = $scrollPos['scrollTop'] + ((windowHeight/2) - (correctSizes['containerHeight']/2)); if(projectedTop < 0) projectedTop = 0 + $pp_pic_holder.find('.ppt').height(); // Resize the content holder $pp_pic_holder.find('.pp_content').animate({'height':correctSizes['contentHeight']},settings.animationSpeed); // Resize picture the holder $pp_pic_holder.animate({ 'top': projectedTop, 'left': ((windowWidth/2) - (correctSizes['containerWidth']/2)), 'width': correctSizes['containerWidth'] },settings.animationSpeed,function(){ $pp_pic_holder.width(correctSizes['containerWidth']); $pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(correctSizes['height']).width(correctSizes['width']); // Fade the new image $pp_pic_holder.find('#pp_full_res').fadeIn(settings.animationSpeed); // Show the nav if(isSet && pp_type=="image") { $pp_pic_holder.find('.pp_hoverContainer').fadeIn(settings.animationSpeed); }else{ $pp_pic_holder.find('.pp_hoverContainer').hide(); } $pp_pic_holder.find('.pp_details').fadeIn(settings.animationSpeed); // Show the title if(settings.showTitle && hasTitle){ $ppt.css({ 'top' : $pp_pic_holder.offset().top - 20, 'left' : $pp_pic_holder.offset().left + (settings.padding/2), 'display' : 'none' }); $ppt.fadeIn(settings.animationSpeed); }; // Fade the resizing link if the image is resized if(correctSizes['resized']) $('a.pp_expand,a.pp_contract').fadeIn(settings.animationSpeed); // Once everything is done, inject the content if it's now a photo if(pp_type != 'image') $pp_pic_holder.find('#pp_full_res')[0].innerHTML = pp_typeMarkup; // Callback! settings.changepicturecallback(); }); }; /** * Hide the content...DUH! */ function _hideContent(){ // Fade out the current picture $pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden'); $pp_pic_holder.find('.pp_hoverContainer,.pp_details').fadeOut(settings.animationSpeed); $pp_pic_holder.find('#pp_full_res').fadeOut(settings.animationSpeed,function(){ $('.pp_loaderIcon').show(); }); // Hide the title $ppt.fadeOut(settings.animationSpeed); } /** * Check the item position in the gallery array, hide or show the navigation links * @param setCount {integer} The total number of items in the set */ function _checkPosition(setCount){ // If at the end, hide the next link if(setPosition == setCount-1) { $pp_pic_holder.find('a.pp_next').css('visibility','hidden'); $pp_pic_holder.find('a.pp_arrow_next').addClass('disabled').unbind('click'); }else{ $pp_pic_holder.find('a.pp_next').css('visibility','visible'); $pp_pic_holder.find('a.pp_arrow_next.disabled').removeClass('disabled').bind('click',function(){ $.prettyPhoto.changePage('next'); return false; }); }; // If at the beginning, hide the previous link if(setPosition == 0) { $pp_pic_holder.find('a.pp_previous').css('visibility','hidden'); $pp_pic_holder.find('a.pp_arrow_previous').addClass('disabled').unbind('click'); }else{ $pp_pic_holder.find('a.pp_previous').css('visibility','visible'); $pp_pic_holder.find('a.pp_arrow_previous.disabled').removeClass('disabled').bind('click',function(){ $.prettyPhoto.changePage('previous'); return false; }); }; // Hide the bottom nav if it's not a set. if(setCount > 1) { $('.pp_nav').show(); }else{ $('.pp_nav').hide(); } }; /** * Resize the item dimensions if it's bigger than the viewport * @param width {integer} Width of the item to be opened * @param height {integer} Height of the item to be opened * @return An array containin the "fitted" dimensions */ function _fitToViewport(width,height){ hasBeenResized = false; _getDimensions(width,height); // Define them in case there's no resize needed imageWidth = width; imageHeight = height; windowHeight = $(window).height(); windowWidth = $(window).width(); if( ((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)) && doresize && settings.allowresize && !percentBased) { hasBeenResized = true; notFitting = true; while (notFitting){ if((pp_containerWidth > windowWidth)){ imageWidth = (windowWidth - 200); imageHeight = (height/width) * imageWidth; }else if((pp_containerHeight > windowHeight)){ imageHeight = (windowHeight - 200); imageWidth = (width/height) * imageHeight; }else{ notFitting = false; }; pp_containerHeight = imageHeight; pp_containerWidth = imageWidth; }; _getDimensions(imageWidth,imageHeight); }; return { width:imageWidth, height:imageHeight, containerHeight:pp_containerHeight, containerWidth:pp_containerWidth, contentHeight:pp_contentHeight, contentWidth:pp_contentWidth, resized:hasBeenResized }; }; /** * Get the containers dimensions according to the item size * @param width {integer} Width of the item to be opened * @param height {integer} Height of the item to be opened */ function _getDimensions(width,height){ $pp_pic_holder.find('.pp_details').width(width).find('.pp_description').width(width - parseFloat($pp_pic_holder.find('a.pp_close').css('width'))); /* To have the correct height */ // Get the container size, to resize the holder to the right dimensions pp_contentHeight = height + $pp_pic_holder.find('.pp_details').height() + parseFloat($pp_pic_holder.find('.pp_details').css('marginTop')) + parseFloat($pp_pic_holder.find('.pp_details').css('marginBottom')); pp_contentWidth = width; pp_containerHeight = pp_contentHeight + $pp_pic_holder.find('.ppt').height() + $pp_pic_holder.find('.pp_top').height() + $pp_pic_holder.find('.pp_bottom').height(); pp_containerWidth = width + settings.padding; } function _getFileType(itemSrc){ if (itemSrc.match(/youtube\.com\/watch/i)) { pp_type = 'youtube'; }else if(itemSrc.indexOf('.mov') != -1){ pp_type = 'quicktime'; }else if(itemSrc.indexOf('.swf') != -1){ pp_type = 'flash'; }else if(itemSrc.indexOf('iframe') != -1){ pp_type = 'iframe' }else{ pp_type = 'image'; }; }; function _centerOverlay(){ if($.browser.opera) { windowHeight = window.innerHeight; windowWidth = window.innerWidth; }else{ windowHeight = $(window).height(); windowWidth = $(window).width(); }; if(doresize) { $pHeight = $pp_pic_holder.height(); $pWidth = $pp_pic_holder.width(); $tHeight = $ppt.height(); projectedTop = (windowHeight/2) + $scrollPos['scrollTop'] - ($pHeight/2); if(projectedTop < 0) projectedTop = 0 + $tHeight; $pp_pic_holder.css({ 'top': projectedTop, 'left': (windowWidth/2) + $scrollPos['scrollLeft'] - ($pWidth/2) }); $ppt.css({ 'top' : projectedTop - $tHeight, 'left' : (windowWidth/2) + $scrollPos['scrollLeft'] - ($pWidth/2) + (settings.padding/2) }); }; }; function _getScroll(){ if (self.pageYOffset) { scrollTop = self.pageYOffset; scrollLeft = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict scrollTop = document.documentElement.scrollTop; scrollLeft = document.documentElement.scrollLeft; } else if (document.body) {// all other Explorers scrollTop = document.body.scrollTop; scrollLeft = document.body.scrollLeft; } return {scrollTop:scrollTop,scrollLeft:scrollLeft}; }; function _resizeOverlay() { $('div.pp_overlay').css({ 'height':$(document).height(), 'width':$(window).width() }); }; function _buildOverlay(){ toInject = ""; // Build the background overlay div toInject += "
"; // Basic HTML for the picture holder toInject += '
Expand
nextprevious
Close

Previous

0'+settings.counter_separator_label+'0

Next
'; // Basic html for the title holder toInject += '
'; $('body').append(toInject); // So it fades nicely $('div.pp_overlay').css('opacity',0); // Set my global selectors $pp_pic_holder = $('.pp_pic_holder'); $ppt = $('.ppt'); $('div.pp_overlay').css('height',$(document).height()).hide().bind('click',function(){ if(!settings.modal) $.prettyPhoto.close(); }); $('a.pp_close').bind('click',function(){ $.prettyPhoto.close(); return false; }); $('a.pp_expand').bind('click',function(){ $this = $(this); // Fix scoping // Expand the image if($this.hasClass('pp_expand')){ $this.removeClass('pp_expand').addClass('pp_contract'); doresize = false; }else{ $this.removeClass('pp_contract').addClass('pp_expand'); doresize = true; }; _hideContent(); $pp_pic_holder.find('.pp_hoverContainer, .pp_details').fadeOut(settings.animationSpeed); $pp_pic_holder.find('#pp_full_res').fadeOut(settings.animationSpeed,function(){ $.prettyPhoto.open(images,titles,descriptions); }); return false; }); $pp_pic_holder.find('.pp_previous, .pp_arrow_previous').bind('click',function(){ $.prettyPhoto.changePage('previous'); return false; }); $pp_pic_holder.find('.pp_next, .pp_arrow_next').bind('click',function(){ $.prettyPhoto.changePage('next'); return false; }); $pp_pic_holder.find('.pp_hoverContainer').css({ 'margin-left': settings.padding/2 }); }; }; function grab_param(name,url){ name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( url ); if( results == null ) return ""; else return results[1]; } })(jQuery); /* ------------------------------------------------------------------------ Pretty Comments Developped By: Stephane Caron (http://www.no-margin-for-errors.com) Inspired By: The facebook textarea :) Version: 1.4 Copyright: Feel free to redistribute the script/modify it, as long as you leave my infos at the top. ------------------------------------------------------------------------- */ eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$.C.D=4(b){b=E.F({8:i,o:\'G\',j:H,5:i,p:q},b);$(\'I\').J(\'\');k c=4(a){$("#1").2({\'L\':\'M\',\'N\':-u,\'O\':-u,\'v\':$(a).v(),\'P-0\':$(a).0(),\'l-w\':$(a).2(\'l-w\'),\'l-x\':$(a).2(\'l-x\'),\'z-0\':$(a).2(\'z-0\')});3($.A.Q&&R($.A.S)<7){$("#1").2(\'0\',$(a).0())}};k d=4(a){m=$(a).T(\'U\')||"";m=m.V(/\\n/g,\'\');$("#1").W(m+\'\');3(!b.p){3($("#1").0()>$(a).0()){3($(\'#1\').0()>b.j){$(a).2(\'9-y\',\'r\')}h{$(a).2(\'9-y\',\'s\');e(a)}}h 3($("#1").0()<$(a).0()){3($(\'#1\').0()>b.j){$(a).2(\'9-y\',\'r\')}h{$(a).2(\'9-y\',\'s\');f(a)}}}};k e=4(a){3(b.8&&!b.5){b.5=q;$(a).8({\'0\':$("#1").0()},b.o,4(){b.5=i})}h 3(!b.8&&!b.5){$(a).0($("#1").0())}};k f=4(a){3(b.8&&!b.5){b.5=q;$(a).8({\'0\':$("#1").0()},b.o,4(){b.5=i})}h{$(a).0($("#1").0())}};$(6).X(4(){$(6).2({\'9\':\'s\'}).Y(\'Z\',4(){d($(6))});c(6);d($(6));3($("#1").0()>b.j){$(6).2({\'9-y\':\'r\',\'0\':b.j})}h{$(6).0($("#1").0())};b.p=i})};',62,62,'height|comment_hidden|css|if|function|alreadyAnimated|this||animate|overflow||||||||else|false|maxHeight|var|font|theValue||animationSpeed|init|true|scroll|hidden|div|10000|width|family|size||line|browser|br|fn|prettyComments|jQuery|extend|fast|500|body|append|id|position|absolute|top|left|min|msie|parseFloat|version|attr|value|replace|html|each|bind|keyup'.split('|'),0,{})) enviarEmail = { init : function( id_article, lloc ){ $('.publicitat').hide(); $('.publicitat_h').hide(); $('#youtube').hide(); enviarEmail.buildOverlay( id_article, lloc ); // Display the current position $('div.popup span.currentText').html('' + enviarEmail.setPosition + '' + '/' + enviarEmail.setCount); enviarEmail.center(); $('div.popup #fullResContainer').hide(); $('.loaderIcon').show(); // Need that small delay for the anim to be nice setTimeout('enviarEmail.show()',500); $('div.popupOverlay').css({ 'height':$(document).height(), 'width':$(window).width() }); $(window).scroll(function(){ enviarEmail.center(); }); $(window).resize(function(){ enviarEmail.center(); }) }, center : function(){ //Make sure the gallery is open if($('div.popup').size() > 0){ scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0; scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0; $('div.popup').css({ 'top': ($(window).height()/2) + scrollTop - ($('div.popup').height()/2), 'left': ($(window).width()/2) + scrollLeft - ($('div.popup').width()/2) }); }; }, show : function(){ $('.loaderIcon').hide(); $('div.popup #fullResContainer').fadeIn('fast'); }, buildOverlay : function( id_article, lloc ){ // Build the background overlay div backgroundDiv = "
"; $('body').append(backgroundDiv); $('div.prettyPhotoOverlay').css('height',$(document).height()).bind('click',function(){ close(); }); // Basic HTML html = '
'; html += '

Enviar article

\n'; html += ' \n'; html += ' \n'; html += ' \n'; html += '
\n'; html += ' \n'; html += ' \n'; html += '
\n'; html += ' \n'; html += ' \n'; html += '
\n'; html += ' \n'; html += ' \n'; html += '
\n'; html += ' \n'; html += '

\n'; html += ' \n'; html += '
\n'; html += '
tancar

'; $('body').append(html); // Then fade it in $('div.prettyPhotoOverlay').css('opacity',0).fadeTo('fast',0.35, function(){ $('div.popup').css('opacity',0).fadeIn('fast',function(){ // To fix an IE bug $('div.popup').attr('style','left:'+$('div.popup').css('left')+';top:'+$('div.popup').css('top')+';'); }); }); }, resize : function(width,height){ // Get the container size, to resize the holder to the right dimensions containerHeight = contentHeight + parseFloat($('div.popup .top').height()) + parseFloat($('div.popup .bottom').height()); containerWidth = parseFloat($('div.popup .content_email').css("padding-left")) + parseFloat($('div.popup .content_email').css("padding-right")); var newWidth = width; var newHeight = height; if((containerWidth + width) > $(window).width() || (containerHeight + height) > $(window).height()) { // Get the original geometry and calculate scales var xscale=(width+containerWidth + 100)/$(window).width(); var yscale=(height+containerHeight + 100)/$(window).height(); // Recalculate new size with default ratio if (yscale>xscale){ newWidth = Math.round(width * (1/yscale)); newHeight = Math.round(height * (1/yscale)); } else { newWidth = Math.round(width * (1/xscale)); newHeight = Math.round(height * (1/xscale)); }; }; // Get the container size, to resize the holder to the right dimensions containerHeight += newHeight; contentHeight += newHeight; containerWidth += newWidth; return { width:newWidth, height:newHeight }; }, close : function(){ $('.publicitat').show(); $('.publicitat_h').show(); $('#youtube').show(); $('#tvadmira').show(); $('div.popup').fadeTo('fast',0, function(){ $('div.prettyPhotoOverlay').fadeTo('fast',0, function(){ $('div.prettyPhotoOverlay').remove(); $('div.popup').remove(); }); }); }, enviar : function(){ var email = $("#email_e").val(); var nom = $("#nom_e").val(); var r_email = $("#r_email").val(); var r_nom = $("#r_nom").val(); var comentari = $("#comentari").val(); var id_article = $("#id_article").val(); var url_enviar = $("#url_enviar").val(); if( email != '' ) { html = '
'; html += 'loader'; html += '
'; $(".popup").html( html ); $.post( AJAX, { email: email, nom: nom, r_email: r_email, r_nom: r_nom, id_article: id_article, url_enviar: url_enviar, comentari: comentari, accio: 'enviar_art' }, function( resposta ) { // Basic HTML html = '
'; html += '

'; html += ' S\'ha enviat correctament el missatge
\n'; html += '

\n'; html += '
'; $('.popup').html(html); $('.popup .content_email').css({height: "25px"}) setTimeout('enviarEmail.close()',3000) }); } else { alert("Falta posar el teu correu electrònic"); } } } previsualitzar = { init : function( id_article, lloc ){ previsualitzar.buildOverlay( id_article, lloc ); // Display the current position $('div.popup span.currentText').html('' + previsualitzar.setPosition + '' + '/' + previsualitzar.setCount); previsualitzar.center(); $('div.popup #fullResContainer').hide(); $('.loaderIcon').show(); // Need that small delay for the anim to be nice setTimeout('previsualitzar.show()',500); $('div.popupOverlay').css({ 'height':$(document).height(), 'width':$(window).width() }); $(window).scroll(function(){ previsualitzar.center(); }); $(window).resize(function(){ previsualitzar.center(); }) }, center : function(){ //Make sure the gallery is open if($('div.popup').size() > 0){ scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0; scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0; $('div.popup').css({ 'top': ($(window).height()/2) + scrollTop - ($('div.popup').height()/2), 'left': ($(window).width()/2) + scrollLeft - ($('div.popup').width()/2) }); }; }, show : function(){ $('.loaderIcon').hide(); $('div.popup #fullResContainer').fadeIn('fast'); }, buildOverlay : function( id_article, lloc ){ // Build the background overlay div backgroundDiv = "
"; $('body').append(backgroundDiv); $('div.prettyPhotoOverlay').css('height',$(document).height()).bind('click',function(){ close(); }); var nom = $("#nom").val(); var ae = $("#ae").val(); var comentari = $("#comentari").val(); // Basic HTML html = '
'; html += '

Previsualització

\n'; if( comentari ) { var regX = /\n/gi ; comentari2 = new String(comentari); comentari2 = comentari2.replace(regX, "
\n"); html += ' Nom: '+ nom +'

\n'; html += ' Adreça electrònica: '+ ae +'

\n'; html += ' Comentari:
'+ comentari2 +'

\n'; } else { html += '
No hi ha cap comentari per previsualitzar


\n'; } html += '
tancar

'; $('body').append(html); // Then fade it in $('div.prettyPhotoOverlay').css('opacity',0).fadeTo('fast',0.35, function(){ $('div.popup').css('opacity',0).fadeIn('fast',function(){ // To fix an IE bug $('div.popup').attr('style','left:'+$('div.popup').css('left')+';top:'+$('div.popup').css('top')+';'); }); }); }, resize : function(width,height){ // Get the container size, to resize the holder to the right dimensions containerHeight = contentHeight + parseFloat($('div.popup .top').height()) + parseFloat($('div.popup .bottom').height()); containerWidth = parseFloat($('div.popup .content_previsualitzar').css("padding-left")) + parseFloat($('div.popup .content_previsualitzar').css("padding-right")); var newWidth = width; var newHeight = height; if((containerWidth + width) > $(window).width() || (containerHeight + height) > $(window).height()) { // Get the original geometry and calculate scales var xscale=(width+containerWidth + 100)/$(window).width(); var yscale=(height+containerHeight + 100)/$(window).height(); // Recalculate new size with default ratio if (yscale>xscale){ newWidth = Math.round(width * (1/yscale)); newHeight = Math.round(height * (1/yscale)); } else { newWidth = Math.round(width * (1/xscale)); newHeight = Math.round(height * (1/xscale)); }; }; // Get the container size, to resize the holder to the right dimensions containerHeight += newHeight; contentHeight += newHeight; containerWidth += newWidth; return { width:newWidth, height:newHeight }; }, close : function(){ $('div.popup').fadeTo('fast',0, function(){ $('div.prettyPhotoOverlay').fadeTo('fast',0, function(){ $('div.prettyPhotoOverlay').remove(); $('div.popup').remove(); }); }); } } function FeedMenu( sLinkSelector, sClass ){ var jqoFeedMenu = $(''); var jqoSelect = jqoFeedMenu.find('select'); if( sClass ){ jqoFeedMenu.addClass( sClass ); } //feed links var defaults = { links: sLinkSelector || 'link[type*=rss],link[type*=atom]' }; /* * * Function build * * @description * * This function builds the feed menu by ripping RSS|Atom feed * content and creating links for those. * */ this.build = function( mFeedLinks ) { mFeedLinks = mFeedLinks || defaults.links; var oAtom = $(''); var oRSS = $(''); var oAll = []; $(mFeedLinks).each( function(){ var titol = $(this).attr('title'); var titol2 = titol.substring(0,8); if ( titol2 == 'Municipi' ) var sFeedType = "atom"; else var sFeedType = "rss"; // var sFeedType = $(this).is('link[type*=rss]')? "rss" : $(this).is('link[type*=atom]')?"atom":null; var sFeedTitle= $(this).is('link')? $(this).attr('title') : ''; var oOption = $('') .html( sFeedTitle ) .attr('value', $(this).attr('href') ) .click( function(){ document.location.href = $(this).attr('value'); jqoFeedMenu.removeClass('feed_menu_focused'); } ); if( sFeedType == 'atom' ) { oAtom.append(oOption); } else if ( sFeedType == 'rss' ) { oRSS.append(oOption); } oAll.push(oOption); } ); //if there were RSS or Atom feeds found, append them if ( oAtom.find('option').length > 1 ) { if( $.browser.opera){ jqoSelect.append( oRSS.find('option') ); }else{ jqoSelect.append( oRSS ); } } if ( oRSS.find('option').length > 1 ) { if( $.browser.opera){ jqoSelect.append( oAtom.find('option') ); }else{ jqoSelect.append( oAtom ); } } else { for( opt in oAll){ jqoSelect.append( oAll[opt] ); } } //setup the event handlers /*jqoFeedMenu .click( function(){ $('.feed_menu select') .not($(this).find('select')) .blur(); } ); */ jqoSelect .blur( function(){ if( $.browser.msie || $.browser.safari || $.browser.opera ){ this.selectedIndex = -1; } jqoFeedMenu.removeClass('open'); } ) .focus( function(){ if( $.browser.msie || $.browser.safari || $.browser.opera ){ this.selectedIndex = -1; } jqoFeedMenu.addClass('open'); } ) .change( function(){ if( $.browser.msie || $.browser.safari || $.browser.opera ){ var i = this.selectedIndex; this.selectedIndex = -1; if ( i > -1 ) { var o = this.options[i]; this.selectedIndex = -1; document.location.href = $(o).attr('value'); } } } ) .get(0).selectedIndex=-1; } /* * * Function feedMenu.write * * @description * * This function takes a jQuery selector and appends the * feed menu in that DOM node. If no nodes are found, it * is not written. If no selector was specified, this * function automatically places the feeds menu as the * last child of the body. * * @param mTarget A mixed type variable: string or jQuery or null * */ this.write = function( mTarget ) { //target for the menu is defaulted to the page body mTarget = mTarget || 'body'; //build the feed menu options this.build(); //shove the feed menu in the target item $(mTarget).append( jqoFeedMenu ); } } /* * Easy Slider 1.5 - jQuery plugin * written by Alen Grakalic * http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding * * Copyright (c) 2009 Alen Grakalic (http://cssglobe.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built for jQuery library * http://jquery.com * */ (function($) { $.fn.easySlider = function(options){ // default configuration properties var defaults = { prevId: 'prevBtn', prevText: 'Previous', nextId: 'nextBtn', nextText: 'Next', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId: 'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false, vertical: false, speed: 800, auto: false, pause: 2000, continuous: false }; var options = $.extend(defaults, options); this.each(function() { var obj = $(this); var s = $("li", obj).length; var w = $("li", obj).width() + 25; var h = $("li", obj).height(); // obj.width(w); // obj.height(h); obj.css("overflow","hidden"); var ts = s-1; $("ul", obj).css('width',s*w); var t = 0; if(options.controlsShow){ var html_esquerra = '
anterior
'; $(obj).prepend(html_esquerra); var html_dreta = '
seguent
'; $(obj).append(html_dreta); }; $("a","#"+options.prevId).hide(); $("a","#"+options.nextId).click(function(){ animate("next",true); }); $("a","#"+options.prevId).click(function(){ animate("prev",true); }); $("a","#"+options.firstId).click(function(){ animate("first",true); }); $("a","#"+options.lastId).click(function(){ animate("last",true); }); function animate(dir,clicked){ var ot = t; switch(dir){ case "next": t = (ot>=ts) ? (options.continuous ? 0 : ts) : t+1; break; case "prev": t = (t<=0) ? (options.continuous ? ts : 0) : t-1; break; case "first": t = 0; break; case "last": t = ts; break; default: break; }; var diff = Math.abs(ot-t); var speed = diff*options.speed; if(!options.vertical) { p = (t*w*-1); $("ul",obj).animate( { marginLeft: p }, speed ); } else { p = (t*h*-1); $("ul",obj).animate( { marginTop: p }, speed ); }; if(!options.continuous && options.controlsFade){ if( t==ts-2 ) { $("a","#"+options.nextId).hide(); $("a","#"+options.lastId).hide(); } else { $("a","#"+options.nextId).show(); $("a","#"+options.lastId).show(); }; if(t==0){ $("a","#"+options.prevId).hide(); $("a","#"+options.firstId).hide(); } else { $("a","#"+options.prevId).show(); $("a","#"+options.firstId).show(); }; }; if(clicked) clearTimeout(timeout); if(options.auto && dir=="next" && !clicked){; timeout = setTimeout(function(){ animate("next",false); },diff*options.speed+options.pause); }; }; // init var timeout; if(options.auto){; timeout = setTimeout(function(){ animate("next",false); },options.pause); }; // if(!options.continuous && options.controlsFade){ // $("a","#"+options.prevId).hide(); // $("a","#"+options.firstId).hide(); // }; }); }; })(jQuery); /**! * jQuery corner plugin: simple corner rounding * Examples and documentation at: http://jquery.malsup.com/corner/ * version 1.99 (28-JUL-2009) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ /** * corner() takes a single string argument: $('#myDiv').corner("effect corners width") * * effect: name of the effect to apply, such as round, bevel, notch, bite, etc (default is round). * corners: one or more of: top, bottom, tr, tl, br, or bl. * by default, all four corners are adorned. * width: width of the effect; in the case of rounded corners this is the radius. * specify this value using the px suffix such as 10px (and yes, it must be pixels). * * @name corner * @type jQuery * @param String options Options which control the corner style * @cat Plugins/Corner * @return jQuery * @author Dave Methvin (http://methvin.com/jquery/jq-corner.html) * @author Mike Alsup (http://jquery.malsup.com/corner/) */ ;(function($) { var expr = (function() { if (! $.browser.msie) return false; var div = document.createElement('div'); try { div.style.setExpression('width','0+0'); } catch(e) { return false; } return true; })(); function sz(el, p) { return parseInt($.css(el,p))||0; }; function hex2(s) { var s = parseInt(s).toString(16); return ( s.length < 2 ) ? '0'+s : s; }; function gpc(node) { for ( ; node && node.nodeName.toLowerCase() != 'html'; node = node.parentNode ) { var v = $.css(node,'backgroundColor'); if (v == 'rgba(0, 0, 0, 0)') continue; // webkit if (v.indexOf('rgb') >= 0) { var rgb = v.match(/\d+/g); return '#'+ hex2(rgb[0]) + hex2(rgb[1]) + hex2(rgb[2]); } if ( v && v != 'transparent' ) return v; } return '#ffffff'; }; function getWidth(fx, i, width) { switch(fx) { case 'round': return Math.round(width*(1-Math.cos(Math.asin(i/width)))); case 'cool': return Math.round(width*(1+Math.cos(Math.asin(i/width)))); case 'sharp': return Math.round(width*(1-Math.cos(Math.acos(i/width)))); case 'bite': return Math.round(width*(Math.cos(Math.asin((width-i-1)/width)))); case 'slide': return Math.round(width*(Math.atan2(i,width/i))); case 'jut': return Math.round(width*(Math.atan2(width,(width-i-1)))); case 'curl': return Math.round(width*(Math.atan(i))); case 'tear': return Math.round(width*(Math.cos(i))); case 'wicked': return Math.round(width*(Math.tan(i))); case 'long': return Math.round(width*(Math.sqrt(i))); case 'sculpt': return Math.round(width*(Math.log((width-i-1),width))); case 'dog': return (i&1) ? (i+1) : width; case 'dog2': return (i&2) ? (i+1) : width; case 'dog3': return (i&3) ? (i+1) : width; case 'fray': return (i%2)*width; case 'notch': return width; case 'bevel': return i+1; } }; $.fn.corner = function(o) { // in 1.3+ we can fix mistakes with the ready state if (this.length == 0) { if (!$.isReady && this.selector) { var s = this.selector, c = this.context; $(function() { $(s,c).corner(o); }); } return this; } o = (o||"").toLowerCase(); var keep = /keep/.test(o); // keep borders? var cc = ((o.match(/cc:(#[0-9a-f]+)/)||[])[1]); // corner color var sc = ((o.match(/sc:(#[0-9a-f]+)/)||[])[1]); // strip color var width = parseInt((o.match(/(\d+)px/)||[])[1]) || 10; // corner width var re = /round|bevel|notch|bite|cool|sharp|slide|jut|curl|tear|fray|wicked|sculpt|long|dog3|dog2|dog/; var fx = ((o.match(re)||['round'])[0]); var edges = { T:0, B:1 }; var opts = { TL: /top|tl/.test(o), TR: /top|tr/.test(o), BL: /bottom|bl/.test(o), BR: /bottom|br/.test(o) }; if ( !opts.TL && !opts.TR && !opts.BL && !opts.BR ) opts = { TL:1, TR:1, BL:1, BR:1 }; var strip = document.createElement('div'); strip.style.overflow = 'hidden'; strip.style.height = '1px'; strip.style.backgroundColor = sc || 'transparent'; strip.style.borderStyle = 'solid'; return this.each(function(index){ var pad = { T: parseInt($.css(this,'paddingTop'))||0, R: parseInt($.css(this,'paddingRight'))||0, B: parseInt($.css(this,'paddingBottom'))||0, L: parseInt($.css(this,'paddingLeft'))||0 }; if (typeof this.style.zoom != undefined) this.style.zoom = 1; // force 'hasLayout' in IE if (!keep) this.style.border = 'none'; strip.style.borderColor = cc || gpc(this.parentNode); var cssHeight = $.curCSS(this, 'height'); for (var j in edges) { var bot = edges[j]; // only add stips if needed if ((bot && (opts.BL || opts.BR)) || (!bot && (opts.TL || opts.TR))) { strip.style.borderStyle = 'none '+(opts[j+'R']?'solid':'none')+' none '+(opts[j+'L']?'solid':'none'); var d = document.createElement('div'); $(d).addClass('jquery-corner'); var ds = d.style; bot ? this.appendChild(d) : this.insertBefore(d, this.firstChild); if (bot && cssHeight != 'auto') { if ($.css(this,'position') == 'static') this.style.position = 'relative'; ds.position = 'absolute'; ds.bottom = ds.left = ds.padding = ds.margin = '0'; if (expr) ds.setExpression('width', 'this.parentNode.offsetWidth'); else ds.width = '100%'; } else if (!bot && $.browser.msie) { if ($.css(this,'position') == 'static') this.style.position = 'relative'; ds.position = 'absolute'; ds.top = ds.left = ds.right = ds.padding = ds.margin = '0'; // fix ie6 problem when blocked element has a border width if (expr) { var bw = sz(this,'borderLeftWidth') + sz(this,'borderRightWidth'); ds.setExpression('width', 'this.parentNode.offsetWidth - '+bw+'+ "px"'); } else ds.width = '100%'; } else { ds.position = 'relative'; ds.margin = !bot ? '-'+pad.T+'px -'+pad.R+'px '+(pad.T-width)+'px -'+pad.L+'px' : (pad.B-width)+'px -'+pad.R+'px -'+pad.B+'px -'+pad.L+'px'; } for (var i=0; i < width; i++) { var w = Math.max(0,getWidth(fx,i, width)); var e = strip.cloneNode(false); e.style.borderWidth = '0 '+(opts[j+'R']?w:0)+'px 0 '+(opts[j+'L']?w:0)+'px'; bot ? d.appendChild(e) : d.insertBefore(e, d.firstChild); } } } }); }; $.fn.uncorner = function() { $('div.jquery-corner', this).remove(); return this; }; })(jQuery);