﻿/* JavaScript Document - Plano Aberto

@author : Sérgio Hampel
@email: rhampel22@gmail.com
@company: Quarta Dimensão | Design & Tecnologia.
@url: http://www.4dimensao.com.br
@date: 09/06/2011

*/

	$(document).ready(function(){
		
		$('.hide, .commentContent, .shareContent, .opcoesBusca').hide();
		
		// Descrição - Start
		$('.link').click(function(){
			$('.hide').slideDown(200);
		});
		$('.link2').click(function(){
			$('.hide').slideUp(200);
		});
		$('.descricao span').click(function(){
			$('.descricao span').toggle();
		});
		// Descrição - End
		
		// Compartilhar - Start
		var share = $('.shareContent');
		var like = $('#gostar');
		$('.linkSocial .compartilhar').click(function(){
			like.fadeOut(400);
			share.fadeIn(400);
			return false;
		});
		$('.linkSocial .gostei, .linkSocial .naoGostei').click(function(){
			share.fadeOut(400);
			like.fadeIn(400);
			return false;
		});	
		$('.closeComments').click(function(){
			var divPai = $(this).parents().attr('id');
			if(divPai == 'compartilhar'){
				$('#compartilhar').fadeOut(400);
			}
			if(divPai == 'gostar'){
				$('#gostar').fadeOut(400);
			}
		});
		// Compartilhar - End
		
		$('.boxBlog').find('li:last').addClass('noBorder noPadding');
		
		// Twitter - Start
		setTimeout (twitter, 700); // Adiciona a classe 'noBorder e odd'
		function twitter(){
			$('#twitter').find('li:odd').addClass('odd');
			$('#twitter').find('li:last').addClass('noBorder');
		}
		// Twitter - End
		
		// Opções de Busca - Start
		$('.linkOpcoes').click(function(){
			$('.opcoesBusca').fadeIn(200);
			return false;
		});
		// Opções de Busca - End
				
	});
	
	getTwitters('twitter', {
	  id: 'ProgPlanoAberto',
	  count: 4,
	  enableLinks: true,
	  ignoreReplies: false,
	  lang: 'pt-br',
	  newwindow: true,
	  template: '<span class="imagem"><img height="45" width="45" src="%user_profile_image_url%" alt="%user_name%" /></span><span class="texto">"%text%"</span>'
	  /*template: '<span class="imagem"><img height="50" width="50" src="%user_profile_image_url%" alt="%user_name%" /></span><span class="prefixo"><a href="http://twitter.com/%user_screen_name%/">%user_name%</a></span><span class="texto"> "%text%"</span> <a href="http://twitter.com/%user_screen_name%/statuses/%id%/" class="time">%time%</a>*/
	});
