(function($){
$.fn.portfolioSetter=function(options){
var defaults={
//default settings
itemsPerPage: 9, //the number of items per page
pageWidth: 700, //the width of each page
pageHeight:690, //the height of each page
itemMargin:0, //margin of each of the portfolio items
showCategories: true, // if set to false, the categories will be hidden
allText: 'Todos', //the ALL text displayed before the categories names
easing: 'easeOutExpo', //the animation easing
animationSpeed: 800, //the speed of the animation of the pagination
navButtonWidth:20, //the width of the pagination button
wavyAnimation:true, //if set the true, all the elements will fade in consecutively with a wavy effect
xmlSource : 'produtos.xml', //the XML file from which the data is exctracted
pageWrapperClass: 'page_wrapper', //the class of the div that wraps the items in order to set a page
navigationId: 'portfolio_pagination', //the ID of the pagination div
categoriesId: 'portfolio_categories', //the ID of the categories div
itemClass: 'portfolio_item' //the class of the div that wraps each portfolio item data
};
var options=$.extend(defaults, options);
options.pageHolder=$(this);
//define some helper variables
var categories=[], items=[], pageWrappers=[], imagesLoaded=0, counter=0, ie=false, categoryHolder;
var root=$('').css({width:(options.pageWidth*2), height:options.pageHeight, float:'left'});
$(this).css({width:options.pageWidth, height:'auto', overflow:'hidden'}).append(root);
var parentId=$(this).attr('id');
init();
function init() {
root.parent().append('');
loadItems();
}
/**
* Parses the XML portfolio item data.
*/
function loadItems(){
$.ajax({
type:'GET',
url: options.xmlSource,
dataType:'xml',
success:function(xml){
//get the settings
if($(xml).find('show_categories:first').text()==='off'){
options.showCategories=false;
}
if(options.showCategories){
//get the portfolio categories
$(xml).find('categories').eq(0).find('category').each(function(i){
var current=$(this);
var category = {
id: current.attr('id'),
name: current.text()
};
categories.push(category);
});
}
//get the portfolio items
$(xml).find('item').each(function(i){
var current = $(this);
var thum = current.find('thumbnail:first').text();
var prev = current.find('preview:first').text();
var cat = current.find('category:first').text().split(',');
var titulo = current.find('titulo:first').text();
var tampa = current.find('tampa:first').text();
var item = {
thumbnail: thum,
preview: prev,
category: cat,
titulo: titulo,
tampa: tampa,
/*
Original
obj:$(''+tampa+'
'+titulo+'
'+titulo+'
'+tampa+'
'+titulo+'
');
pageWrappers[pageWrappers.length-1].append(obj.css({display:'none'}));
items[i].obj=obj;
}else{
pageWrappers[pageWrappers.length-1].append(items[i].obj.css({display:'none'}));
}
var timeout=counter>=options.itemsPerPage?0:100;
if(counter>=options.itemsPerPage || !options.wavyAnimation){
items[i].obj.fadeIn().animate({opacity:1},0);
//grayscale(items[i].obj);
}else{
setTimeout(function() {
//display the image by fading in
items[i].obj.fadeIn().animate({opacity:1},0);
},counter*100);
}
counter++;
}
})(i,filterCat, catId);
//call the lightbox plugin
$('a[rel="lightbox_'+parentId+'"]').colorbox({current:"{current}/{total}"});
//show the navigation buttons
showNavigation();
setHoverFunctionality();
}
/**
* Displays the navigation buttons.
*/
function showNavigation(){
//reset the divs and arrays
var navUl=root.siblings('#'+options.navigationId).find('ul');
navUl.html('');
var pageNumber=pageWrappers.length;
if(pageNumber>1){
for(var i=0; i'); //Paginação Original
var li = $(''+(i+1)+''); //Paginação em Números
navUl.append(li);
//bind the click handler
li.bind({
'click': function(){
var marginLeft=i*options.pageWidth+i*options.itemMargin-2;
//set a bigger margin for IE6
if ($.browser.msie && $.browser.version.substr(0,1)<7) {
marginLeft+=i*options.itemMargin;
}
root.animate({marginLeft:[-marginLeft,options.easing]}, options.animationSpeed);
navUl.find('li.selected').removeClass('selected');
$(this).addClass('selected');
},
'mouseover':function(){
$(this).css({cursor:'pointer'});
}
});
})(i);
navUl.find('li:first').addClass('selected');
//center the navigation
var marginLeft=(options.pageWidth)/2-pageNumber*options.navButtonWidth/2;
navUl.css({marginLeft:marginLeft});
}
}
function setHoverFunctionality(){
//Função original do Script. Mouse Hover
$('.portfolio_item').hover(
function(){
$(this).stop().animate({opacity:1}, 200);
},
function(){
$(this).stop().animate({opacity:0.8}, 200);
//$(this).Zoomer(); //Chama a funçao Zoomer
}
);
/*
//Função mais simples, de mouseout e mouseover
$(".portfolio_item").mouseout(function(){
//$(this).css({'margin-top':'0px'});
//$(this).animate({marginTop:'0px'}, 200); //Seta a magin do elemento, em dado espaço de tempo
}).mouseover(function(){
//$(this).css({'margin-top':'-15px'}); //Set o CSS do elemento
//$(this).stop().animate({opacity:0.7}, 200);//Seta a opacidade do elemento
$(this).Zoomer(); //Chama a funçao Zoomer
//$(this).animate({marginTop:'-15px'}, 200); //Seta a magin do elemento, em dado espaço de tempo
});
*/
}
};
}(jQuery));
/**
* Declare a function for the arrays that checks
* whether an array contains a value.
* @param value the value to search for
* @return true if the array contains the value and false if the
* array doesn't contain the value
*/
Array.prototype.contains=function(value){
var length=this.length;
for(var i=0; i