// JavaScript Document
$(document).ready(function() {
var ancho = (($(document).width()-$('#menu').width())/2)+"px";

$('#menu').css('left',ancho);
$('#contenidoIndex').cycle({fx: 'scrollHorz',speed:1000,timeout:  15000, next:'#next2',  prev:'#prev2'  });

$('.menuThumbs').click(function(){
	var vinculo = $(this).attr('href');
  var destino = $('#destino').offset().top;
     $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destino}, 500 );
	$('#contenidoCarga .centrado').load(vinculo,function(){
	$('#contenidoCarga').slideDown('slow');
	});
	//alert(vinculo);
	return false;
  }).mouseover(function(){
  	$(this).find('.sobre').stop().animate({ opacity: 0}, 700 );
	$(this).find('h1').css("color","white");
	$(this).find('p').css("color","white");
  }).mouseout(function(){
  	$(this).find('.sobre').stop().animate({ opacity: 1}, 700 );
	$(this).find('h1').css("color","black");
	$(this).find('p').css("color","black");
  });
  
  $('#cerrar').click(function(){
    $('#contenidoCarga').slideUp('slow');
	return false;
  });
 
 
 $('.textoTipo a').click(function(){
	 $('#menu').css('backgroundImage','url(imagenes/menuc.png)');
   $('#menu a').removeClass('selec');
  $("#bt3").addClass('selec');
	$('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');
	var vinculo = $(this).attr('href');
  var destino = $('#destino').offset().top;
     $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destino}, 500 );
	$('#contenidoCarga .centrado').load(vinculo,function(){
	$('#contenidoCarga').slideDown('slow');
	});
	//alert(vinculo);
	return false;
  });
 
  //$('#menu').css('opacity',0.1);
  $('#menu').mouseover(function(){
  $(this).stop().animate({ opacity: 1}, 700 );
  }).mouseout(function(){
   $(this).stop().animate({ opacity: 0.1}, 700 );
  });

$('#contenidoIndex').mouseover(function(){
  $('#menu').stop().animate({ opacity: 1}, 700 );
    $('#menu').css('backgroundImage','');
     $('#menu a').removeClass('selec');
  $("#bt1").addClass('selec');

   $('#menu a').css('color','');
   $('#menu a.selec').css('color','');
  });

$('#contenidoSobre').mouseover(function(){
  $('#menu').stop().animate({ opacity: 0.1}, 700 );
  $('#menu').css('backgroundImage','url(imagenes/menub.png)');
     $('#menu a').removeClass('selec');
  $("#bt2").addClass('selec');

$('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');
  });

$('#contenidoCarga').mouseover(function(){
  $('#menu').stop().animate({ opacity: 0.1}, 700 );
  $('#menu').css('backgroundImage','url(imagenes/menuc.png)');
     $('#menu a').removeClass('selec');
  $("#bt3").addClass('selec');

$('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');
  });
  
  $('#contenidoMenu').mouseover(function(){
  $('#menu').stop().animate({ opacity: 0.1}, 700 );
  $('#menu').css('backgroundImage','url(imagenes/menuc.png)');
   $('#menu a').removeClass('selec');
  $("#bt3").addClass('selec');
	$('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');
  });
  
  $('#contenidoContacto').mouseover(function(){
  $('#menu').stop().animate({ opacity: 0.1}, 700 );
  $('#menu').css('backgroundImage','url(imagenes/menud.png)');
     $('#menu a').removeClass('selec');
  $("#bt4").addClass('selec');

$('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');

  });
  
  $('#menu a').click(function(){
  var vinculo = $(this).attr('href');
  $('#menu a').removeClass('selec');
  $(this).addClass('selec');
  if(vinculo=='#contenidoIndex'){
	$('#menu').css('backgroundImage','');
   $('#menu a').css('color','');
   $('#menu a.selec').css('color','');
  }else if(vinculo=='#contenidoSupra'){
  $('#menu').css('backgroundImage','url(imagenes/menub.png)');
   $('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');
  }else if(vinculo=='#destino'){
  $('#menu').css('backgroundImage','url(imagenes/menuc.png)');
   $('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');
  }else if(vinculo=='#contenidoContacto'){
  $('#menu').css('backgroundImage','url(imagenes/menud.png)');
   $('#menu a').css('color','black');
   $('#menu a.selec').css('color','white');
  }

  
  var tope = $(vinculo).offset().top;
  $("html:not(:animated),body:not(:animated)").animate({ scrollTop: tope}, 500 );
  return false;
  });
  
//$('.btn_twit').css({opacity:0});
 	$.getScript("http://twitter.com/javascripts/blogger.js",function(){
	$.getScript("http://twitter.com/statuses/user_timeline/lulokoba.json?callback=twitterCallback2&count=5", function() {
	  $('#twitter_update_list li').each(function(num){
		$(this).attr('id','twit'+num);
		$(this).css({opacity:0});
		$('#btn_twit'+num).mouseover(function(){
		//$(this).css({opacity:1});
		$('#twit'+num).css('zIndex',99);
		$('#twit'+num).stop().animate({opacity:1},500);
		}).mouseout(function(){
		//$(this).css({opacity:0});
		$('#twit'+num).css('zIndex','');
		$('#twit'+num).stop().animate({opacity:0},500);
		});
	  });
	});
	});
	
	
$('.fadeboton').css({opacity:1}).mouseover(function(){
	$(this).css({opacity:0.5});
}).mouseout(function(){
	$(this).css({opacity:1});
});
	
$('#boton').mouseover(function(){
	$('form').css('backgroundPosition','left bottom');
}).mouseout(function(){
	$('form').css('backgroundPosition','left top');
}).live('click',function(){
	if($('#nombre').val()=='Nombre'){
		$('#nombre').css('color','red');
	}else{
		var uno = true;
		$('#nombre').css('color','black');
	}
	if($('#email').val()!=$('#email').val().match(/^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i)){
		$('#email').css('color','red');
	}else{
		var dos = true;
		$('#email').css('color','black');
	}
	if($('#mensaje').val()=='Mensaje'){
		$('#mensaje').css('color','red');
	}else{
		var tres = true;
		$('#mensaje').css('color','black');
	}
	if(uno && dos && tres){
		$.ajax({
		type: 'POST',
		url: 'email.php',
		data: 'nombre='+$('#nombre').val()+'&email='+$('#email').val()+'&mensaje='+$('#mensaje').val(),
		success: function(datos){
			$('form input').val('');
			$('#mensaje').val('');
			alert('Su mensaje ha sido enviado.');
			}
		});
	}
});

$('input').live('focus',function (event) {
	comparar1 = $(this).val();
	if($(this).val()==comparar1){
		$(this).val('');
	}
}).live('blur',function () {
	if($(this).val()==''){
		$(this).val(comparar1);
	}
});

$('textarea').live('focus',function (event) {
	if($(this).text()=='Mensaje'){
		$(this).text('');
	}
});
	
});