var mainurl = "http://rafaarmero.com/";
var globalurl = "http://rafaarmero.com/wp-content/themes/armero/";
function resetMenuMasonry(){
	$('#project-wrapper').masonry({columnWidth: 25, animate: true,resizeable: true,animationOptions: {duration: 1000,queue: false,	}});
} 	
$(function(){
		$("[name='jslink']").click(function(e){
		return(false);
	});
});
	

	if(document.URL.indexOf("?")>1){ 
	
		switch(gup("view")){
			
			case "5minutes":
				window.location = mainurl+"index.php#5minutes";
				break;
			case "contact":
				window.location = mainurl+"index.php#contact";
				break;				
			case "info":
				window.location = mainurl+"index.php#info";
				break;	
			case "media":
				window.location = mainurl+"index.php#media";
				break;
			case "mentalmap":
				window.location = mainurl+"index.php#mentalmap";
				break;
			case "news":
				window.location = mainurl+"index.php#news"; 
				break;
			case "online":
				window.location = mainurl+"index.php#online";
				break;
			case "partners":
				window.location = mainurl+"index.php#partners";
				break;
			case "philosophy":
				window.location = mainurl+"index.php#philosophy";
				break;
			case "presskit":
				window.location = mainurl+"index.php#presskit";
				break;
			case "process":
				window.location = mainurl+"index.php#process";
				break;
			case "services":
				window.location = mainurl+"index.php#services";
				break;
			case "space":
				window.location = mainurl+"index.php#space";
				break;
			case "storytelling":
				window.location = mainurl+"index.php#storytelling";
				break;
			case "team":
				window.location = mainurl+"index.php#team";
				break;
			case "values":
				window.location = mainurl+"index.php#values";
				break;
			case "who":
				window.location = mainurl+"index.php#who";
				break;			
			case "work":
				if(gup("id")) { window.location = mainurl+"index.php#work/"+gup("id");}
				else { window.location = mainurl+"index.php#work";}
				break;
			default:
				window.location = mainurl+"index.php";  
		}
	}  
	
	function gup( name )
	{
	  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	  var regexS = "[\\?&]"+name+"=([^&#]*)";
	  var regex = new RegExp( regexS );
	  var results = regex.exec( window.location.href );
	  if( results == null )
		return "";
	  else
		return results[1];
	}
	
	
	
	function chargeFeatured(color){
		
			
		window.location.hash = "work";
				   
		$('div.boxbutton').each(function(){
			var datos =  window.location.hash.substring(1).split("/");
			if(datos[0] != $(this).attr('name') ){ $(this).css( {backgroundPosition: "-1000px 0"} ); }
			else { $(this).css( {backgroundPosition: "0 0"} ); }
		});
		$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
		$("#sliderinner").fadeOut(1000);
		$("#slider").slideUp(1000,function(){
			$('#sliderinner').html("");	
			$('#projectlist').hide(); 
			$("#shareproject").hide();
			$("#tweetproject").hide();
			$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
			$("#featuredsliderinner").fadeIn(1000);
			$("#featuredslider").slideDown(1000);
			$("#project-content-inner").fadeOut(1000);
			$("#project-content").slideUp(1000,function(){
				 			
				$("#project-selector").slideDown(1000, function(){
					if(color!="") refreshmaincolor(color);
					
				});  
			});
		});
			
	}
	
	
	function loadMedia(id){
		

		$('#displaymedia').slideUp(1000);

			$.ajax({
			  url: 'displaymedia.php?id='+id,
			  success: function(datos) {
				  $('#displaymediainner').html(datos);

				  $('#displaymedia').slideDown(1000);
				
			  }
			});	
			
	}
	
	function projectselector(id,color){

		window.location.hash = "work/"+id;
		_gaq.push(['_trackPageview', '/work.php?id='+id]);
		$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
		
		$('#projectlist').show();
		$("#shareproject").attr("href", "http://www.facebook.com/share.php?u=http%3A%2F%2Frafaarmero.com%2Findex.php%3Fview%3Dwork%26id%3D"+id);
		$("#shareproject").show();
		$("#tweetproject").attr("href","http://twitter.com/share?url=http%3A%2F%2Frafaarmero.com%2Findex.php%3Fview%3Dwork%26id%3D"+id+"&text=Project+by+RAFA+ARMERO... ");   
		$("#tweetproject").show();
	
		$.ajax({
		  url:  globalurl + 'projects.php?id='+id,
		  success: function(datos) {					   
						$('div.boxbutton').each(function(){
									var datos =  window.location.hash.substring(1).split("/");
									if(datos[0] != $(this).attr('name') ){ $(this).css( {backgroundPosition: "-1000px 0"} ); }
									else { $(this).css( {backgroundPosition: "0 0"} ); }
						});
						$("#sliderinner").fadeOut(1000);
						$("#slider").slideUp(1000,function(){
							$('#sliderinner').html("");	 						
							$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
							$("#featuredsliderinner").fadeIn(1000);
							$("#featuredslider").slideDown(1000);
							$("#project-selector").hide(1000,function(){
								$('#project-content').html('<div id="project-content-inner" style="display:none;"></div>');										 
								$('#project-content-inner').html(datos);
								$("#project-content-inner").fadeIn(1000);
								$("#project-content").slideDown(1000, function(){
									if(color!="") refreshmaincolor(color);
									$('#project-wrapper').masonry({columnWidth: 25,animate: true,resizeable: true,animationOptions: {duration: 1000,queue: false}});
									setTimeout("resetMenuMasonry()",3000);	
									$('#menu').masonry({columnWidth: 50,animate: true,animationOptions: { duration: 1000, queue: false}	});
									$('#thumbs').masonry({columnWidth: 10, itemSelector: '.box',animate: true,resizeable: true,animationOptions: {  duration: 1000, queue: false}});
								});							
							}); 
						});	
		  			}
		});	 		
	}
	
	function gohome(){
		window.location.hash = "home";
		   $('div.boxbutton').each(function(){
						 	var datos =  window.location.hash.substring(1).split("/");
							if(datos[0] != $(this).attr('name') ){ $(this).css( {backgroundPosition: "-1000px 0"} ); }
							else { $(this).css( {backgroundPosition: "0 0"} ); }
						   });		
		

		$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );


		pageurl = "/"; 
		
		$("#featuredsliderinner").fadeOut(500);
				$("#featuredslider").slideUp(1000,function(){
					$('#project-content').html('<div id="project-content-inner" style="display:none;"></div>');
				});
		
		$("#sliderinner").fadeOut(500);
				$("#slider").slideUp(1000,function(){
					$('#sliderinner').html("");

				});


		_gaq.push(['_trackPageview', '/'+pageurl])
		 
		

		
		 

		return(false);

			
	}
	 
  
	
	function loadpage(thehash, color){
	
		$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
		var pageurl = ""; 
		var datos = thehash.split("/");
		// $('#header-left').html('<img style="margin-top:-7px" src="img/loading.gif" alt="loading" />'); 
		$header = "";
		switch(datos[0]){
			case "5minutes":		
				pageurl = "5minutes.php"; 
				break;
			case "contact":		
				pageurl = "contact.php"; 
				break;
			case "creatividad-emocional":  		
				pageurl = mainurl+"?p=134"; 
				break;
			case "noteblog": 
				if(!datos[1])	pageurl = mainurl+"?cat=1&paged=";
				else if(datos[1].indexOf("http") < 0)  pageurl = mainurl+"?cat=1&paged="+datos[1];   
				else pageurl = decodeURIComponent(datos[1]); 
				break;
			case "news":
				if(!datos[1])	pageurl = mainurl+"?cat=3";  
				else   pageurl = mainurl+"?cat=3&paged="+datos[1];  
				break;			
			case "info":		
				pageurl = "info.php"; 
				break;			
			case "media":
				pageurl = "media.php"; 
			 	break;	
			case "mentalmap":
				pageurl = "mentalmap.php"; 
			 	break;	
			case "online":
				pageurl = "online.php"; 
				break;
			case "partners":
				if(!datos[1])	pageurl = mainurl+"?cat=4&paged=";
				else if(datos[1].indexOf("http") < 0)  pageurl = mainurl+"?cat=4&paged="+datos[1];     
				else pageurl = decodeURIComponent(datos[1]); 
				break;
			case "philosophy":
				pageurl = "philosophy.php"
				break;
			case "presskit":
				pageurl = "presskit.php"
				break;
			case "process":
				pageurl = "process.php"; 
				break;
			case "services":
				pageurl = "services.php"; 
				break;
			case "space":
				pageurl = "space.php"
				break;
			case "storytelling":
				pageurl = "storytelling.php"; 
				break;
			case "team":
				pageurl = "team.php";
				break;
			case "values":
				pageurl = "values.php"; 
				break;				
			case "who":
				pageurl = "who.php"
				break;
			case "work":
				//if(datos[1]){ pageurl = 'project.php?id='+datos[1]; }
				if(datos[1]){projectselector(datos[1],color); return false;}
				else{ _gaq.push(['_trackPageview', '/work.php']);chargeFeatured(); return false;} 
				break;
			
			default:
				window.location = mainurl;
		}
		
		if(datos[0] != 'noteblog' && datos[0] != 'news'   && datos[0] != 'partners'  && datos[0] != 'creatividad-emocional'  ) {pageurl = globalurl + pageurl};    

		_gaq.push(['_trackPageview', '/'+pageurl])
		 
		

		$.ajax({
		  url: pageurl,
		  success: function(datos) {
					window.location.hash = thehash; 
					   
		  			 $('div.boxbutton').each(function(){
						 	var datos =  window.location.hash.substring(1).split("/");
							if(datos[0] != $(this).attr('name') ){ $(this).css( {backgroundPosition: "-1000px 0"} ); }
							else { $(this).css( {backgroundPosition: "0 0"} ); }
					  });

					if($.trim($("#sliderinner").html()) != ""){  
						$("#sliderinner").fadeOut(500);
						$("#slider").slideUp(1000,function(){
							$('#sliderinner').html(datos);
							$("#sliderinner").fadeIn(2000);
							$("#slider").slideDown(1000, function(){if(color!="") refreshmaincolor(color);});	
							
							//$('#liquid').liquidcarousel({height:240, duration:1000,hidearrows: false});
						});
						
					}else{ 
						$("#featuredsliderinner").fadeOut(500);
						$("#featuredslider").slideUp(1000,function(){
							$('#project-content').hide();
							$('#sliderinner').html(datos);
							$("#sliderinner").fadeIn(1000);
							$("#slider").slideDown(1000, function(){if(color!="") refreshmaincolor(color);});	
				
							//$('#liquid').liquidcarousel({height:240, duration:1000,hidearrows: false});
						});
										
					}
					    
		  } 
		  
		});	 
		// $('#header-left').html($header);
		  
		return(false);

	}
	
	function setmaincolor(color, color2, num){
		
		maincolor = color;
		
		switch(num){
			case 1:
				maincolor1 = color2;
				$('#boxcolor1').attr('src',globalurl+'img/buttons/box_'+color2+'.png');
				break;
			
			case 2:
				maincolor2 = color2;
				$('#boxcolor2').attr('src',globalurl+'img/buttons/box_'+color2+'.png');
				break;
			case 3:
				maincolor3 = color2;
				$('#boxcolor3').attr('src',globalurl+'img/buttons/box_'+color2+'.png');
				break;
			case 4:
				maincolor4 = color2;
				$('#boxcolor4').attr('src',globalurl+'img/buttons/box_'+color2+'.png');
				break;
		}
		
		
		$('#header-left').css('background-image','url('+globalurl+'img/buttons/left1_'+color+'.png)');
		$('#header-right').css('background-image','url('+globalurl+'img/buttons/right1_'+color+'.png)');
		$('#featured-header-left').css('background-image','url('+globalurl+'img/buttons/left1_'+color+'.png)');
		$('#featured-header-right').css('background-image','url('+globalurl+'img/buttons/right1_'+color+'.png)');
		$('#communication-header-left').css('background-image','url('+globalurl+'img/buttons/left2_'+color+'.png)');
		$('#footer-left').css('background-image','url('+globalurl+'img/buttons/left2_'+color+'.png)');
		$('#noteblog-header-left').css('background-image','url('+globalurl+'img/buttons/left3_'+color+'.png)');
		$('#partnership-header-left').css('background-image','url('+globalurl+'img/buttons/left3_'+color+'.png)');
		$('#submenu-header-left').css('background-image','url('+globalurl+'img/buttons/left3_'+color+'.png)');
		$('#projects-header-left').css('background-image','url('+globalurl+'img/buttons/left3_'+color+'.png)');
		$('#social-header-left').css('background-image','url('+globalurl+'img/buttons/left4_'+color+'.png)');
		$('#communication-header-right').css('background-image','url('+globalurl+'img/buttons/right2_'+color+'.png)');
		$('#footer-right').css('background-image','url('+globalurl+'img/buttons/right2_'+color+'.png)');
		$('#noteblog-header-right').css('background-image','url('+globalurl+'img/buttons/right3_'+color+'.png)');
		$('#partnership-header-right').css('background-image','url('+globalurl+'img/buttons/right3_'+color+'.png)');
		$('#submenu-header-right').css('background-image','url('+globalurl+'img/buttons/right3_'+color+'.png)');
		$('#projects-header-right').css('background-image','url('+globalurl+'img/buttons/right3_'+color+'.png)');
		$('#social-header-right').css('background-image','url('+globalurl+'img/buttons/right4_'+color+'.png)');
		
		$("img[name='swapbtn']").each(function(){
				
				aux = $(this).attr('src').replace(/_[^.]*\.png/,".png")
				$(this).attr('src',aux.replace(".png","_"+color+".png"));    				 
		});
		
		$("img[name='swapjpg']").each(function(){
				
				aux = $(this).attr('src').replace(/_[^.]*\.jpg/,".jpg")
				$(this).attr('src',aux.replace(".jpg","_"+color+".jpg"));    				 
		});
		
		var jqxhr = $.ajax({ url: "setcolor.php?color="+maincolor });  
			
			
		return false;
	} 
	 
	function refreshmaincolor(color){

		$('#projects-header-left').css('background-image','url('+globalurl+'img/buttons/left3_'+color+'.png)');
		$('#projects-header-right').css('background-image','url('+globalurl+'img/buttons/right3_'+color+'.png)');
		$('#submenu-header-left').css('background-image','url('+globalurl+'img/buttons/left3_'+color+'.png)');
		$('#submenu-header-right').css('background-image','url('+globalurl+'img/buttons/right3_'+color+'.png)');
		
	}
	
	function setbgcolor(color, color2, num){
		
		bgcolor = color;
		
		switch(num){
			case 1:
				bgcolor1 = color2;
				$('#crosscolor1').attr('src',globalurl+'img/buttons/cross_'+color2+'.png');
				break;
			
			case 2:
				bgcolor2 = color2;
				$('#crosscolor2').attr('src',globalurl+'img/buttons/cross_'+color2+'.png');
				break;
			case 3:
				bgcolor3 = color2;
				$('#crosscolor3').attr('src',globalurl+'img/buttons/cross_'+color2+'.png');
				break;
			case 4:
				bgcolor4 = color2;
				$('#crosscolor4').attr('src',globalurl+'img/buttons/cross_'+color2+'.png');
				break;
		}
		
		$('#boxbutton1').css('background-image','url('+globalurl+'img/buttons/bloque1bg_'+color+'.png)');
		$('#boxbutton2').css('background-image','url('+globalurl+'img/buttons/bloque2bg_'+color+'.png)');
		$('#boxbutton3').css('background-image','url('+globalurl+'img/buttons/bloque3bg_'+color+'.png)');
		$('#boxbutton4').css('background-image','url('+globalurl+'img/buttons/bloque4bg_'+color+'.png)');
		$('#boxbutton5').css('background-image','url('+globalurl+'img/buttons/bloque5bg_'+color+'.png)');
		$('#boxbutton6').css('background-image','url('+globalurl+'img/buttons/bloque6bg_'+color+'.png)');
		$('#boxbutton7').css('background-image','url('+globalurl+'img/buttons/bloque7bg_'+color+'.png)');
		$('#boxbutton8').css('background-image','url('+globalurl+'img/buttons/bloque8bg_'+color+'.png)');
		
		$('#twitterbutton').css('background-image','url('+globalurl+'img/buttons/twitterbg_'+color+'.png)');
		$('#facebookbutton').css('background-image','url('+globalurl+'img/buttons/facebookbg_'+color+'.png)');
		$('#vimeobutton').css('background-image','url('+globalurl+'img/buttons/vimeobg_'+color+'.png)');
		
		$('#part1button').css('background-image','url('+globalurl+'img/buttons/part1bg_'+color+'.png)');
		$('#part2button').css('background-image','url('+globalurl+'img/buttons/part2bg_'+color+'.png)');
		$('#part3button').css('background-image','url('+globalurl+'img/buttons/part3bg_'+color+'.png)');
		$('#part4button').css('background-image','url('+globalurl+'img/buttons/part4bg_'+color+'.png)');
		
		var jqxhr = $.ajax({ url: "setbgcolor.php?bgcolor="+color }); 
		return false;
	}


	function swapcss(){
		

		if($('#estilo').attr('href') == "white.css") {
			
			$("img[name='swapbtn']").each(function(){
				$(this).attr('src',$(this).attr('src').replace(".jpg","b.jpg"));				 
			});
			
			$('#estilo').attr('href','black.css');	
			var jqxhr = $.ajax({ url: "setblackmode.php?blackmode=1" });

		}
		else {
			$("img[name='swapbtn']").each(function(){
				$(this).attr('src',$(this).attr('src').replace("b.jpg",".jpg"));				 
			});
			$('#estilo').attr('href','white.css');	
			var jqxhr = $.ajax({ url: "setblackmode.php?blackmode=0" });

		}
	}

	
	$(document).ready(function() {
		$('#menu').masonry({
			columnWidth: 50, 
			animate: true,
			animationOptions: {
			  duration: 1000,
			  queue: false
			}	
		});
		
		 $('#thumbs').masonry({
					columnWidth: 10, 
					itemSelector: '.box',
					animate: true,
					resizeable: true,
					animationOptions: {
					  duration: 1000,
					  queue: false,
					  
					}
		});
		
	});						
	
	
	$(window).load(function(){

			$('#liquid').liquidcarousel({height:200, duration:1000,hidearrows: false});
			$('#liquid-wrapper').css({opacity: 0, visibility: "visible"}).animate({opacity: 100});



		
		
		   $('#menu').masonry({
			columnWidth: 50, 
			animate: true,
			animationOptions: {
			  duration: 1000,
			  queue: false
			} });
		   
			$('#fastflash').masonry({
			columnWidth: 50, 
			animate: true,
			animationOptions: {
			  duration: 1000,
			  queue: false
			} });
		  
		  $('#thumbs').masonry({
					columnWidth: 10, 
					itemSelector: '.box',
					animate: true,
					resizeable: true,
					animationOptions: {
					  duration: 1000,
					  queue: false,
					  
					}
			});
		   
		  
		  //INICIO FUNCION: Esta función sirve para controlar el color de fondo de las cajas del menú principal
		   
		   $('div.boxbutton')
		   
		   	.each(function(){
						 	var datos =  window.location.hash.substring(1).split("/");
							if(datos[0] != $(this).attr('name') ){ $(this).css( {backgroundPosition: "-1000px 0"} ); }
							else { $(this).css( {backgroundPosition: "0 0"} ); }
						   })
		   
		  // 	.css( {backgroundPosition: "-1000px 0"} )
		  
		  
			
			
		
			.mouseover(function(){
							
				$(this).css( {backgroundPosition: "0 0"} )
				})
			.mouseout(function(){
							  
				var datos =  window.location.hash.substring(1).split("/");
				if(datos[0] != $(this).attr('name') ){ $(this).css( {backgroundPosition: "-1000px 0"} ); }
				})
			
			//FIN FUNCION: Esta función sirve para controlar el color de fondo de las cajas del menú principal

/*		   // cargar las actualizaciones de FB
		$('#facebook_update_list').fbWall({id:'172760222779305',accessToken:'206158599425293|c207a59a979501444cc2ea23.1-100002361136995|danyb9A6jnl7boHRwb_q2H0fNCA',
			max:                      1,
		  showComments:             false,
		  showGuestEntries:         false,
		  timeConversion:           24,
		  useAvatarAlternative:     false,
		  useAvatarExternal:        false});
*/	
		
		//cargar los videos de vimeo

		
	   if(window.location.hash) {
		   if(window.location.hash.substring(1).indexOf('noteblog/')>-1){
	
			   loadpage("noteblog/"+encodeURIComponent(window.location.hash.substring(10)),"");  
		  
		   } 
		   else loadpage(window.location.hash.substring(1),"");

		 	 
		}
		
		
		$.ajax({
		  url: globalurl+'social_twitter.php',
		  success: function(datos) {
			
			 $('#social_twitter').html(datos);
		  }
		  
		});	 
		
		$.ajax({
		  url: globalurl+'social_bookmarks.php',
		  success: function(datos) {
			
			 $('#social_bookmarks').html(datos);
		  }
		  
		});	
		
				
		$.ajax({
		  url: globalurl+'social_research.php',
		  success: function(datos) {
			
			 $('#social_research').html(datos);
		  }
		  
		});	
		
		$.ajax({
		  url: globalurl+'social_flickr.php',
		  success: function(datos) {
			
			 $('#social_flickr').html(datos);
		  }
		  
		});	 
	 	
		$.ajax({
		  url: globalurl+'social_vimeo.php',
		  success: function(datos) {
			
			 $('#social_vimeo').html(datos);
		  }
		  
		});	 
 

	});
	
	
	
		


  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12582059-5']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
