/* Executado no onload da pagina*/
$(document).ready(function(){
	$('.line')
		.unbind()
		.bind('click',function(){ //executado quando clicar em qualquer div que tenha o class 'line'
			$this = $(this); //line
			$view = $('.view',$this.parent()); //pega a div com class 'view'
 			$view.slideToggle('slow',function(){ //faz o slide
 				//executado quando o slide termina
				if($view.css("display") == "block"){ //exibindo
					$('img:first',$this).attr('src',"img/btnseta2.png"); //troca a seta
					//$('html,body').scrollTo($this,{duration:800}); //scroll para o top
					//$('html,body').animate({scrollTop: $this.offset().top}, 1000);
					$.ajax({
						type: 'GET',
						url: 'ahoroscope.php?s='+SIGNO+'&type='+$view.attr('id'),
						data: {},
						success: function(r){
							$view.html(r); //escreve o conteudo
							//$('html,body').scrollTo($this,{duration:800});//scroll para o top
							//$('html,body').animate({scrollTop: $this.offset().top}, 1000);
							new fx.Scroll({}).scrollTo($this);
						},
						error: function(r){
						}
					});
				}
				else{ //escondendo
					$('img:first',$this).attr('src',"img/btnseta1.png");
					$view.html("<img src='img/ajax-loader.gif'>"); //retonar o html inicial
				}
			});
		});
});