';
// Basic html for the title holder
titleHolder = '
';
$('body').append(pictureHolder).append(titleHolder);
$('.popup,.titleHolder').css({'opacity': 0});
$('a.close').bind('click',function(){ prettyPhoto.close(); return false; });
$('.popup .previous').bind('click',function(){
prettyPhoto.previous();
return false;
});
$('.popup .next').bind('click',function(){
prettyPhoto.next();
return false;
});
$('.hoverContainer').css({
'margin-left':prettyPhoto.options['padding']/2,
'margin-right':prettyPhoto.options['padding']/2
});
// If it's not a set, hide the links
if(!prettyPhoto.isSet) {
$('.hoverContainer').hide();
$('.currentTextHolder').hide();
};
// Then fade it in
$('div.popupOverlay').css('opacity',0);
$('div.popupOverlay').fadeTo(prettyPhoto.options['animationSpeed'],0.35, function(){
$('div.popup').fadeTo(prettyPhoto.options['animationSpeed'],1,function(){
// To fix an IE bug
$('div.popup').attr('style','left:'+$('div.popup').css('left')+';top:'+$('div.popup').css('top')+';');
});
});
},
resize : function(width,height){
$('div.popup .details').width(width); /* To have the correct height */
$('div.popup .details p.description').width(width - parseFloat($('div.popup a.close').css('width'))); /* So it doesn't overlap the button */
// Get the container size, to resize the holder to the right dimensions
contentHeight = parseFloat($('div.popup .details').height()) + parseFloat($('div.popup .details').css('margin-top')) + parseFloat($('div.popup .details').css('margin-bottom'));
containerHeight = contentHeight + parseFloat($('div.popup .top').height()) + parseFloat($('div.popup .bottom').height());
containerWidth = parseFloat($('div.popup .content_foto').css("padding-left")) + parseFloat($('div.popup .content_foto').css("padding-right")) + prettyPhoto.options['padding'];
var newWidth = width;
var newHeight = height;
// If there's a title, take it into consideration unpon resizing
if(prettyPhoto.options['showTitle']) containerHeight -= 22;
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;
$('div.popup .details').width(newWidth); /* To have the correct height */
$('div.popup .details p.description').width(newWidth - parseFloat($('div.popup a.close').css('width'))); /* So it doesn't overlap the button */
return {
width:newWidth,
height:newHeight,
containerHeight:containerHeight,
containerWidth:containerWidth,
contentHeight:contentHeight
};
},
resizeOverlay : function() {
$('div.popupOverlay').css({
'height':$(document).height(),
'width':$(window).width()
});
},
getScroll : function(){
scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0;
return {scrollTop:scrollTop,scrollLeft:scrollLeft};
},
close : function(){
$('.publicitat').css({ display: "block" });
$('.publicitat_h').css({ display: "block" });
$('div.popup,div.prettyPhotoTitle').fadeTo(prettyPhoto.options['animationSpeed'],0, function(){
$('div.popupOverlay').fadeTo(prettyPhoto.options['animationSpeed'],0, function(){
$('div.popupOverlay').remove();
$('div.popup').remove();
});
});
}
}
/* ------------------------------------------------------------------------
Pretty Comments
Developped By: Stephane Caron (http://www.no-margin-for-errors.com)
Inspired By: The facebook textarea :)
Version: 1.2
Copyright: Feel free to redistribute the script/modify it, as
long as you leave my infos at the top.
------------------------------------------------------------------------- */
var prettyComments = {
version : '1.2',
options : {
'animate' : true,
'animationSpeed' : 'fast', /* fast/slow/normal */
'alreadyAnimated' : false,
'init' : true /* DONT CHANGE */
},
init : function(which){
// Create the div in which the content will be copied
$('body').append('');
$(which).each(function(){
$(this).css({
'overflow':'hidden',
'display':'inline'
})
.bind('keyup',function(){ prettyComments.copyContent($(this)); });
// Make sure all the content in the textarea is visible
prettyComments.setCSS(this);
prettyComments.copyContent($(this));
$(this).height($("#comment_hidden").height());
});
prettyComments.options['init'] = false;
},
setCSS : function(which){
// Init the div for the current textarea
$("#comment_hidden").css({
'display': 'none',
'width': $(which).width(),
'min-height': $(which).height(),
'font-family': $(which).css('font-family'),
'font-size': $(which).css('font-size'),
'line-height': $(which).css('line-height')
});
if($.browser.msie && parseFloat($.browser.version) < 7){
$("#comment_hidden").css('height',$(which).height());
}
},
copyContent : function(which){
// Convert the line feeds into BRs
theValue = $(which).attr('value') || "";
theValue = theValue.replace(/\n/g,' ')
$("#comment_hidden").html(theValue);
if(!prettyComments.options['init']){
if($("#comment_hidden").height() > $(which).height()){
this.expand(which);
}else if($("#comment_hidden").height() < $(which).height()){
this.shrink(which);
};
};
},
expand : function(which){
if(this.options['animate'] && !this.options['alreadyAnimated']){
this.options['alreadyAnimated'] = true;
$(which).animate({'height':$("#comment_hidden").height()},this.options['animationSpeed'],function(){
prettyComments.options['alreadyAnimated'] = false;
});
}else if(!this.options['animate'] && !this.options['alreadyAnimated']){
$(which).height($("#comment_hidden").height());
};
},
shrink : function(which){
this.options['alreadyAnimated'] = true;
$(which).animate({'height':$("#comment_hidden").height()},this.options['animationSpeed'],function(){
prettyComments.options['alreadyAnimated'] = false;
});
}
};
enviarEmail = {
init : function( id_article, lloc ){
$('.publicitat').css({ display: "none" });
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.popupOverlay').css('height',$(document).height());
$('.popupOverlay').bind('click',function(){
enviarEmail.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 += '
';
$('body').append(html);
// Then fade it in
$('div.popupOverlay').css('opacity',0);
$('div.popupOverlay').fadeTo('fast',0.35, function(){
$('div.popup').fadeTo('fast',1,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(){
$('div.popup').fadeTo('fast',0, function(){
$('div.popupOverlay').fadeTo('fast',0, function(){
$('div.popupOverlay').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 += '