$(function() {

    var newHash= "",
	
        $info = $("#info"),
		$pageWrap = $("#info"),
		 $info2 = $("#info2"),
		$pageWrap2 = $("#info2"),
		$people = $("#people"),
        //baseHeight   = '100px',
        $el;
    var oldHash= "";    
    /*$pageWrap.height($pageWrap.height());
    baseHeight = $pageWrap.height() - $info.height();
	*/
	
	
	
    /* DEFINIM quines son les capes que contenen "a href" que faran el canvi de hash */
	$("#browser").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
    $("nav").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
	$("#people").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
	$("#info").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
	$("#guts").delegate("a", "click", function() {
		window.location.hash = $(this).attr("href");
        return false;
    });
	
	$("#logo").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
	
	$("#list").delegate("a", "click", function(){
		window.location.hash = "ie.php";
		document.location = $(this).attr("href");
		return false;
	});
	


	function onHashChange(){
    	oldHash = newHash;
        newHash = window.location.hash.substring(1);
		
		
        if (newHash) {
			
			//amb IE no fa el canvi bé dels links que estan dins de la capa info, per tant, ho hem de canviar així
			if(newHash.length > 30){ // 25
				//el substr s'haurà de mirar a producció quina llargada és la bona que s'ha de tallar...
				inici = newHash.substr(0, 10);
				
				if(inici == "http://www"){
					newHash = newHash.substr(37); //http://www.kiwity.com/ 22	
				}else{
					newHash = newHash.substr(33); //http://kiwity.com/ 18 
				}
				
				window.location.hash = newHash;
				return false;
			}
				
					
				switch(newHash){
					case 'index.php':
						
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
					break;
					
					case 'contacte.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
					break;
					case 'nosaltres.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
					break;
					case 'portfolio.php':
						getDayPeriod();
						setOldHash(oldHash);
						$("#info").css({visibility:"visible"});
						MostraPortfolio(newHash);
						if(oldHash != "") AmagaInfo($pageWrap);
					break;
					
					case 'jordi.php':
						getDayPeriod();
						balloons_activat = false;
						borraGlobus();
						//clearInterval(balloons);
						
						AmagaPortfolio();
						ClearMenu();
						MostraInfo(newHash, $info, $pageWrap);
						var posleft = '60px';
						MostraPerson(newHash, $people, "jordi", "merce", "laia", posleft);
					break;
					
					case 'merce.php':
						getDayPeriod();
						balloons_activat = false;
						borraGlobus();
						//clearInterval (balloons);
						AmagaPortfolio();
						ClearMenu();
						MostraInfo(newHash, $info, $pageWrap);
						var $person =  $("#merce");
						var posleft = '190px';
						MostraPerson(newHash, $people, "merce",  "laia","jordi", posleft);
					break;
					
					case 'laia.php':
						getDayPeriod();
						balloons_activat = false;
						borraGlobus();
						//clearInterval (balloons);
						AmagaPortfolio();
						ClearMenu();
						MostraInfo(newHash, $info, $pageWrap);
						var $person =  $("#laia");
						var posleft = '300px';
						MostraPerson(newHash, $people,"laia","jordi","merce", posleft);
					break;
	
					case 'web_microsite.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
						SenyalaMenu('item1');
						break;
					case 'web_presencial.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
						SenyalaMenu('item2');
						break;	
					case 'imatge_corporativa.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
						SenyalaMenu('item3');
						break;		
					case 'web_mida.php':
						getDayPeriod();	
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
						SenyalaMenu('item4');
						break;	
					case 'presentacions.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
						SenyalaMenu('item5');
						break;	
					case 'interactius.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
						SenyalaMenu('item6');
						break;
					case 'ie.php':
						getDayPeriod();
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						$("#info").css({visibility:"visible"});
						MostraInfoIE(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();
						break; 
					case 'compara_web.php':
						getDayPeriod();
						balloons_activat = false;
						borraGlobus();
						
						
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						var $person =  $("#merce");
						var posleft = '190px';
						MostraPerson(newHash, $people, "merce",  "laia","jordi", posleft);
						break; 
					case 'compara_gfx.php':
						getDayPeriod();
						balloons_activat = false;
						borraGlobus();
						
						
						AmagaPortfolio();
						ClearMenu();
						BackDefault();
						MostraInfo(newHash, $info, $pageWrap);
						var $person =  $("#merce");
						var posleft = '60px';
						MostraPerson(newHash, $people, "jordi", "merce", "laia", posleft);
						break; 	
					case 'chrome':
						window.location="http://www.google.com/chrome";
						break;	
					case 'firefox':
						window.location="http://www.mozilla.com/firefox";
						break;	
					case 'nadala.php':
						window.location.hash="#index.php";
						/*AmagaPortfolio();
						ClearMenu();
						BackDefault();
						$("#info").css({visibility:"hidden"});
						MostraInfoNadal(newHash, $info, $pageWrap);
						MostraPeople(newHash, $people);
						resetBalloons();*/
					break;
					case 'rural.php':
						getDayPeriod();
						balloons_activat = false;
						borraGlobus();
						AmagaPeople();
						AmagaPortfolio();
						ClearMenu();
						BackAnimate('-2500');
						MostraInfo(newHash, $info, $pageWrap);
						
						
					break;
					case 'rural_calcula.php':
						getDayPeriod();
						balloons_activat = false;
						borraGlobus();
						AmagaPeople();
						AmagaPortfolio();
						ClearMenu();
						BackAnimate('-2500');
						MostraInfo(newHash, $info, $pageWrap);
						
					break;
					default:
						window.location.hash="#index.php";
					break;	
						
									
				}
			
				
				
        
			};
			
		};
   
   		
   
    $(window).bind('hashchange', onHashChange); 
    $(window).trigger('hashchange');

});