/* * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * * Uses the built in easing capabilities added In jQuery 1.1 * to offer multiple easing options * * TERMS OF USE - jQuery Easing * * Open source under the BSD License. * * Copyright © 2008 George McGinley Smith * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */ // t: current time, b: begInnIng value, c: change In value, d: duration jQuery.easing['jswing'] = jQuery.easing['swing']; jQuery.extend( jQuery.easing, { def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default); return jQuery.easing[jQuery.easing.def](x, t, b, c, d); }, easeInQuad: function (x, t, b, c, d) { return c*(t/=d)*t + b; }, easeOutQuad: function (x, t, b, c, d) { return -c *(t/=d)*(t-2) + b; }, easeInOutQuad: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t + b; return -c/2 * ((--t)*(t-2) - 1) + b; }, easeInCubic: function (x, t, b, c, d) { return c*(t/=d)*t*t + b; }, easeOutCubic: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t + 1) + b; }, easeInOutCubic: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t + b; return c/2*((t-=2)*t*t + 2) + b; }, easeInQuart: function (x, t, b, c, d) { return c*(t/=d)*t*t*t + b; }, easeOutQuart: function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }, easeInOutQuart: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t + b; return -c/2 * ((t-=2)*t*t*t - 2) + b; }, easeInQuint: function (x, t, b, c, d) { return c*(t/=d)*t*t*t*t + b; }, easeOutQuint: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t*t*t + 1) + b; }, easeInOutQuint: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; return c/2*((t-=2)*t*t*t*t + 2) + b; }, easeInSine: function (x, t, b, c, d) { return -c * Math.cos(t/d * (Math.PI/2)) + c + b; }, easeOutSine: function (x, t, b, c, d) { return c * Math.sin(t/d * (Math.PI/2)) + b; }, easeInOutSine: function (x, t, b, c, d) { return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; }, easeInExpo: function (x, t, b, c, d) { return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; }, easeOutExpo: function (x, t, b, c, d) { return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; }, easeInOutExpo: function (x, t, b, c, d) { if (t==0) return b; if (t==d) return b+c; if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; }, easeInCirc: function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; }, easeOutCirc: function (x, t, b, c, d) { return c * Math.sqrt(1 - (t=t/d-1)*t) + b; }, easeInOutCirc: function (x, t, b, c, d) { if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; }, easeInElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, easeOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; }, easeInOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; }, easeInBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, easeOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; }, easeInBounce: function (x, t, b, c, d) { return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; }, easeOutBounce: function (x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, easeInOutBounce: function (x, t, b, c, d) { if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; } }); /* ------------------------------------------------------------------------ Class: prettyPhoto Use: Lightbox clone for jQuery Author: Stephane Caron (http://www.no-margin-for-errors.com) Version: 2.3 ------------------------------------------------------------------------- */ var $pp_pic_holder; var $ppt; (function($) { $.fn.prettyPhoto = function(settings) { // global Variables var doresize = true; var imagesArray = []; var setPosition = 0; /* Position in the set */ var pp_contentHeight; var pp_contentWidth; var pp_containerHeight; var pp_containerWidth; var pp_type = 'image'; // Global elements var $caller; var $scrollPos = _getScroll(); $(window).scroll(function(){ _centerPicture(); $scrollPos = _getScroll(); }); $(window).resize(function(){ _centerPicture(); _resizeOverlay(); }); $(document).keypress(function(e){ switch(e.keyCode){ case 37: if (setPosition == 1) return; changePicture('previous'); break; case 39: if (setPosition == setCount) return; changePicture('next'); break; case 27: close(); break; }; }); 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 */ }, settings); $(this).each(function(){ var hasTitle = false; var isSet = false; var setCount = 0; /* Total images in the set */ var arrayPosition = 0; /* Total position in the array */ imagesArray[imagesArray.length] = this; $(this).bind('click',function(){ open(this); return false; }); }); function open(el) { $caller = $(el); // Find out if the picture is part of a set theRel = $caller.attr('rel'); galleryRegExp = /\[(?:.*)\]/; theGallery = galleryRegExp.exec(theRel); // Calculate the number of items in the set, and the position of the clicked picture. isSet = false; setCount = 0; for (i = 0; i < imagesArray.length; i++){ if($(imagesArray[i]).attr('rel').indexOf(theGallery) != -1){ if($caller.attr('href').indexOf('.mov') != -1){ pp_type = 'quicktime'; }else if($caller.attr('href').indexOf('.swf') != -1){ pp_type = 'flash'; }else{ pp_type = 'image'; } setCount++; if(setCount > 1) isSet = true; if($(imagesArray[i]).attr('href') == $caller.attr('href')){ setPosition = setCount; arrayPosition = i; }; }; }; _buildOverlay(); // Display the current position $pp_pic_holder.find('p.currentTextHolder').text(setPosition + settings.counter_separator_label + setCount); // Position the picture in the center of the viewing area _centerPicture(); $('#pp_full_res').hide(); $pp_pic_holder.find('.pp_loaderIcon').show(); }; showimage = function(width,height,containerWidth,containerHeight,contentHeight,contentWidth,resized){ $('.pp_loaderIcon').hide(); if($.browser.opera) { windowHeight = window.innerHeight; windowWidth = window.innerWidth; }else{ windowHeight = $(window).height(); windowWidth = $(window).width(); }; $pp_pic_holder.find('.pp_content').animate({'height':contentHeight},settings.animationSpeed); projectedTop = $scrollPos['scrollTop'] + ((windowHeight/2) - (containerHeight/2)); if(projectedTop < 0) projectedTop = 0 + $pp_pic_holder.find('.ppt').height(); // Resize the holder $pp_pic_holder.animate({ 'top': projectedTop, 'left': ((windowWidth/2) - (containerWidth/2)), 'width': containerWidth },settings.animationSpeed,function(){ $pp_pic_holder.width(containerWidth); $pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(height).width(width); // Fade the new image $pp_pic_holder.find('#pp_full_res').fadeIn(settings.animationSpeed,function(){ $(this).find('object,embed').css('visibility','visible'); }); // Show the nav elements _showContent(); // Fade the resizing link if the image is resized if(resized) $('a.pp_expand,a.pp_contract').fadeIn(settings.animationSpeed); }); }; function _showContent(){ // 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 - 22, 'left' : $pp_pic_holder.offset().left + (settings.padding/2), 'display' : 'none' }); $ppt.fadeIn(settings.animationSpeed); }; } function _hideContent(){ // Fade out the current picture $pp_pic_holder.find('.pp_hoverContainer,.pp_details').fadeOut(settings.animationSpeed); $pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden'); $pp_pic_holder.find('#pp_full_res').fadeOut(settings.animationSpeed,function(){ $('.pp_loaderIcon').show(); // Preload the image _preload(); }); // Hide the title $ppt.fadeOut(settings.animationSpeed); } function changePicture(direction){ if(direction == 'previous') { arrayPosition--; setPosition--; }else{ arrayPosition++; 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'); }); }; function close(){ $pp_pic_holder.find('object,embed').css('visibility','hidden'); $('div.pp_pic_holder,div.ppt').fadeOut(settings.animationSpeed, function(){ $('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'); }; }); }); doresize = true; }; function _checkPosition(){ // If at the end, hide the next link if(setPosition == setCount) { $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(){ changePicture('next'); return false; }); }; // If at the beginning, hide the previous link if(setPosition == 1) { $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(){ changePicture('previous'); return false; }); }; // Change the current picture text $pp_pic_holder.find('p.currentTextHolder').text(setPosition + settings.counter_separator_label + setCount); $caller = (isSet) ? $(imagesArray[arrayPosition]) : $caller; if($caller.attr('title')){ $pp_pic_holder.find('.pp_description').show().html(unescape($caller.attr('title'))); }else{ $pp_pic_holder.find('.pp_description').hide().text(''); }; if($caller.find('img').attr('alt') && settings.showTitle){ hasTitle = true; $ppt.html(unescape($caller.find('img').attr('alt'))); }else{ hasTitle = false; }; }; 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) { 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 }; }; 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 _centerPicture(){ if ($pp_pic_holder){ if($pp_pic_holder.size() == 0){ return; }}else{ return; }; //Make sure the gallery is open 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 _preload(){ // Hide the next/previous links if on first or last images. _checkPosition(); if(pp_type == 'image'){ // Set the new image imgPreloader = new Image(); // Preload the neighbour images nextImage = new Image(); if(isSet && setPosition > setCount) nextImage.src = $(imagesArray[arrayPosition + 1]).attr('href'); prevImage = new Image(); if(isSet && imagesArray[arrayPosition - 1]) prevImage.src = $(imagesArray[arrayPosition - 1]).attr('href'); $pp_pic_holder.find('.pp_content').css('overflow','hidden'); $pp_pic_holder.find('#fullResImage').attr('src',$caller.attr('href')); imgPreloader.onload = function(){ var correctSizes = _fitToViewport(imgPreloader.width,imgPreloader.height); imgPreloader.width = correctSizes['width']; imgPreloader.height = correctSizes['height']; showimage(imgPreloader.width,imgPreloader.height,correctSizes["containerWidth"],correctSizes["containerHeight"],correctSizes["contentHeight"],correctSizes["contentWidth"],correctSizes["resized"]); }; imgPreloader.src = $caller.attr('href'); }else if(pp_type == 'quicktime'){ movie_width = parseFloat(grab_param('width',$caller.attr('href'))); movie_height = parseFloat(grab_param('height',$caller.attr('href')))+12; pp_typeMarkup = ''; $pp_pic_holder.find('#pp_full_res')[0].innerHTML = pp_typeMarkup; _getDimensions(movie_width,movie_height); showimage(movie_width,movie_height,pp_containerWidth,pp_containerHeight,pp_contentHeight,pp_contentWidth,false); }else if(pp_type == 'flash'){ movie_width = parseFloat(grab_param('width',$caller.attr('href'))); movie_height = parseFloat(grab_param('height',$caller.attr('href'))); flash_vars = $caller.attr('href'); flash_vars = flash_vars.substring($caller.attr('href').indexOf('flashvars') + 10,$caller.attr('href').length); filename = $caller.attr('href'); filename = filename.substring(0,filename.indexOf('?')); pp_typeMarkup = ''; $pp_pic_holder.find('#pp_full_res')[0].innerHTML = pp_typeMarkup; _getDimensions(movie_width,movie_height); showimage(movie_width,movie_height,pp_containerWidth,pp_containerHeight,pp_contentHeight,pp_contentWidth,false); } }; 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 += "
"; // Define the markup to append, depending on the content type. if(pp_type == 'image'){ pp_typeMarkup = ''; }else{ pp_typeMarkup = ''; } // Basic HTML for the picture holder toInject += '
Expand
nextprevious
'+ pp_typeMarkup +'
Close

Previous

0'+settings.counter_separator_label+'0

Next
'; // Basic html for the title holder toInject += '
'; $('body').append(toInject); // Set my global selectors $pp_pic_holder = $('.pp_pic_holder'); $ppt = $('.ppt'); $('div.pp_overlay').css('height',$(document).height()).bind('click',function(){ close(); }); $pp_pic_holder.css({'opacity': 0}).addClass(settings.theme); $('a.pp_close').bind('click',function(){ close(); return false; }); $('a.pp_expand').bind('click',function(){ $this = $(this); // 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_full_res, .pp_details').fadeOut(settings.animationSpeed,function(){ _preload(); }); return false; }); $pp_pic_holder.find('.pp_previous, .pp_arrow_previous').bind('click',function(){ changePicture('previous'); return false; }); $pp_pic_holder.find('.pp_next, .pp_arrow_next').bind('click',function(){ changePicture('next'); return false; }); $pp_pic_holder.find('.pp_hoverContainer').css({ 'margin-left': settings.padding/2 }); // If it's not a set, hide the links if(!isSet) { $pp_pic_holder.find('.pp_hoverContainer,.pp_nav').hide(); }; // To fix the bug with IE select boxes if($.browser.msie && $.browser.version == 6){ $('body').addClass('ie6'); $('select').css('visibility','hidden'); }; // Then fade it in $('div.pp_overlay').css('opacity',0).fadeTo(settings.animationSpeed,settings.opacity, function(){ $pp_pic_holder.css('opacity',0).fadeIn(settings.animationSpeed,function(){ $pp_pic_holder.attr('style','left:'+$pp_pic_holder.css('left')+';top:'+$pp_pic_holder.css('top')+';'); _preload(); }); }); }; }; 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); $.fn.image = function(src, f, e){ var i = new Image(); var t = $(this); $(i).load(function(){ t.attr('src', src); f(); }).error(e).attr('src', src); } function activatepho(){ $('#main_image img').css('display','none').fadeIn('normal'); $('ul.gallery li.active').siblings().css({display:'none',opacity:'0.4'}).fadeIn(500); $('ul.gallery li').hover(function() { $(this).not('.active').fadeTo('fast',1); $(this).not('.active').css('left', 0).css('top', 0); }, function() { $(this).not('.active').fadeTo('fast',0.4); } ); $('ul.gallery li').click(function() { $(this).addClass('active'); var vals = $(this).attr('id'); $('#activeone').attr({'class': vals}); var descr = $('#'+vals+' img').attr("title"); var myurl = $("#activeone").attr("value"); $('#myphoto').html(descr); var imgheight = $('#main_image img').attr('height'); $(this).siblings().removeClass('active').fadeTo('fast',0.4); var imgage = $(this).children('a').attr('href'); var caption = $(this).children('a').children('img').attr('title'); $.ajax({ type: "GET", url: myurl+vals, dataType: "json", success: function(data){ $('#main_image img').fadeOut(function() { $('#main_image .imageover').fadeIn('fast'); $('#phoinfo .descc').fadeOut(); $('#phoinfo .tags').fadeOut(); $('#phoinfo .username').fadeOut(); $('#phoinfo .addtime').fadeOut(); $('#phoinfo .phorate').fadeOut(); $("#main_image img").image(imgage, function() { $('#main_image .imageover').hide('fast', function(){ $('#main_image .imageover').css({'display':'none'}); }); $('#main_image a').attr('href',imgage); $('#main_image img').attr('width','650'); $('#main_image img').fadeIn(); $('#phoinfo .descc').text(data.descrip).fadeIn(); $('#phoinfo .tags').text(data.tags).fadeIn(); $('#phoinfo .addtime').html(data.addtime).fadeIn(); $('#phoinfo .phorate').html(data.phorate).fadeIn(); $('#phoinfo .username').html(data.username).fadeIn(); }); }); } }); }); } ;(function($){ $.fn.easyPagi = function(options) { var defaults = { url: "data.php", method: "POST", busy: "./images/loading.gif" }; var opts = jQuery.extend(defaults,options); var id = "#"+$(this).attr("id"); return this.each(function() { $.ajax({ type: opts.method, url: opts.url, processData: false, dataType: "json", beforeSend: function(){ $(id).html(''); }, success: function(data){ responseJson(data, opts.url,opts.method,opts.busy,id); } }); }); } var responseJson = function(data, url, method, busy, id){ var rowPerPage = 28; var html = new String(); var totalPage = parseFloat(data.total) / rowPerPage; var baseurl = data.baseurl; var pid = data.pid; var current = data.crr; var record = 28; var currentNow = new String(); $.each(data.items, function(i,item){ if(item.id == pid && ($('#activeone').attr('class')== 'tmb_'+pid || $('#activeone').attr('class')== '')){ html += '
  • '+item.content+'
    • '; }else if($('#activeone').attr('class')== 'tmb_'+item.id){ html += '
  • '+item.content+'
    • '; }else{ html += '
  • '+item.content+'
    • '; } }); html2 = '
    '+Pagination(record,totalPage,current)+'
    '; $("#content-wrapper").html(""); $("#paging").html(html2); activatepho (); $("#pagi li a").click(function(){ currentNow = $(this).attr("name").substr(4); if($(this).attr("name").length > 0) { $.ajax({ type: method, url: url, data: "currPage="+currentNow, processData: false, dataType: "json", beforeSend: function(){ $(id).html(''); }, success: function (data){ responseJson(data, url, method, busy, id); } }); } }); } var Pagination = function(offset, numOfPage, currentPage){ var pageStart = parseFloat(currentPage) - parseFloat(offset); var pageEnd = parseFloat(currentPage) + parseFloat(offset); var numPage = new String(); if(numOfPage < 1) return false; numPage += ''; return numPage; } })(jQuery);