$( function(){
    $.fn.homeBanner = function( options )  {

        return this.each(function(index, item){
        	item = $(item);
        	ref = item.cycle({
        		 pager: item.next() //div.navegacao
        		,before: function(currSlideElement, nextSlideElement, options, forwardFlag){
	    			var linkBase = $(nextSlideElement);
	    			var linkAlvo = $("a#linkBanner");
	    			linkAlvo.attr('href', linkBase.attr('href'));
	    			linkAlvo.attr('title', linkBase.attr('title'));
	    			linkAlvo.attr('target', linkBase.attr('target'));

	    			/**
	    			 * Efeito nas miniaturas
	    			 */
	    			var $container = $('div.navegacao');
	    			
	    			//procura a miniatura correspondente ao proximo slide
	    			$nextThumb = $container.find("img[alt='"+ $(nextSlideElement).find('img').attr('alt')+ "']");
	    			$atualThumb = $container.find("img[alt='"+ $(currSlideElement).find('img').attr('alt')+ "']");
	    			
	    			
	    			if($atualThumb.parent() !== $nextThumb.parent()){
	    				$atualThumb.parent().animate({
		    				marginTop: '15px'
		    			}, 2000, 'easeOutElastic');
	    				
	    			}
	    			
	    			$nextThumb.parent().animate({
	    				marginTop: '0px'
	    			}, 2000, 'easeOutElastic');
	    			
	    			delete linkBase;
	    			delete linkAlvo;
	    			
	    		}
        		,pagerAnchorBuilder: function(index, dom){
        			//dom = <a>
        			//elemento da imagem
        			var elImg = $(dom).children();
        			
        			//nome da imagem
        			var strImg = $(elImg).attr('rel');
        			
        			//crio array para guardar html
        			var arrHtml = [];
        			arrHtml.push	("<a href='#'>");
        			arrHtml.push		("<img src='" +jQuery.root_path+ "/resize/image.php/"+strImg+"?width=90&amp;height=50&amp;image="+jQuery.root_path+"/arquivos/banner/"+strImg+"' width='90' height='51' alt='"+elImg.attr('alt')+"' />");
        			arrHtml.push	("</a>");

        			return arrHtml.join('');
        			
        		}
        		
        		
        	});

      });
        
      
       
   };
   
});

$(document).ready(function(){
	/**
	 * Banner home
	 */
	$('div#home_banner div.imagens').homeBanner();
	
});