$(document).ready(function() {  

      site_path = 'http://www.trompcambridge.com';


				$('#credits').click(function(){
				
	
			// You can have it return a unique id, this can be used to manually remove it later using
			/*
			$.gritter.remove(unique_id, { 
					fade: true,
					speed: 'fast'
				}
			);
			*/
			
			var unique_id = $.gritter.add({
				// (string | mandatory) the heading of the notification
				title: 'Credits for images used on this website 	',
				// (string | mandatory) the text inside the notification
				text: '<a href="http://www.michaelcritz.com" target="_blank" style="color:#ccc">Michael Critz</a> - <a href="http://www.flickr.com/photos/mcritz/3201844121/" target="_blank" style="color:#ccc">Boston Green Line Subway</a><br/><a href="http://www.thesweetesttongue.com" target="_blank" style="color:#ccc">Stanley Fong</a> - <a href="http://www.flickr.com/photos/eggrollstan/236550459/" target="_blank" style="color:#ccc">Downtown Boston</a><br/><a href="http://jessemoya.com/Welcome/Blog.html" target="_blank" style="color:#ccc">Jesse Moya</a> - <a href="http://www.flickr.com/photos/jessemoya/2592492889/" target="_blank" style="color:#ccc">The Crowd Gathers 2</a><br/><a href="http://searls.com" target="_blank" style="color:#ccc">Doc Searls</a> - <a href="http://www.flickr.com/photos/docsearls/2445089805/" target="_blank" style="color:#ccc">Front of Stephanies on Newbury</a><br/><a href="http://www.flickr.com/people/poplinre" target="_blank" style="color:#ccc">Ryan E. Poplin</a> - <a href="http://www.flickr.com/photos/poplinre/526714821/" target="_blank" style="color:#ccc">Boston Surface Photo #7</a><br/><a href="http://www.flickr.com/people/thetruthabout" target="_blank" style="color:#ccc">TheTruthAbout</a> - <a href="http://www.flickr.com/photos/thetruthabout/3162059150/" target="_blank" style="color:#ccc">push button</a><br/><a href="http://pendulousthoughts.blogspot.com" target="_blank" style="color:#ccc">Fey Ilyas</a> - <a href="http://www.flickr.com/photos/renneville/2945580833/" target="_blank" style="color:#ccc">Stop</a><br/><a href="http://www.flickr.com/people/tadsonbussey/" target="_blank" style="color:#ccc">Tadson Bussey</a> - <a href="http://www.flickr.com/photos/tadsonbussey/92949668/" target="_blank" style="color:#ccc">Arrow Neon</a><br/><a href="http://thegroveisonfire.com" target="_blank" style="color:#ccc">Mark Walley</a> - <a href="http://www.flickr.com/photos/sparticus/2441550/" target="_blank" style="color:#ccc">Traffic Lights</a><br/><a href="http://www.flickr.com/people/carson/" target="_blank" style="color:#ccc">Jim Carson</a> - <a href="http://www.flickr.com/photos/carson/2932106951/" target="_blank" style="color:#ccc">Segway Posse</a><br/><a href="http://infosyncratic.nl" target="_blank" style="color:#ccc">Nadya Peek</a> - <a href="http://www.flickr.com/photos/nadya/2835333025/" target="_blank" style="color:#ccc">I am traffic!</a><br/><a href="http://www.flickr.com/people/tedbassman/" target="_blank" style="color:#ccc">tedbassman</a> - <a href="http://www.flickr.com/photos/tedbassman/3528438283/" target="_blank" style="color:#ccc">Metro, Boston</a><br/>',
				sticky: true, 
				// (int | optional) the time you want it to be alive for before fading out
				time: '' 
			});
			
			return false;
		
			});
      
    // Check for hash value in URL  
    var hash = window.location.hash.substr(1);  
    var hreft = $('#letter-t a').each(function(){  
        var hreft = $(this).attr('href');  
        if(hash==hreft.substr(0,hreft.length-5)){  
            var toLoad = hash+'.html #content';  
            $('#wrapper').load(toLoad)  
        }   
    });  

    var hrefr = $('#letter-r a').each(function(){  
        var hrefr = $(this).attr('href');  
        if(hash==hrefr.substr(0,hrefr.length-5)){  
            var toLoad = hash+'.html #content';  
            $('#wrapper').load(toLoad)  
        }   
    });  
      
    $('#letter-t a').click(function(){  
      
    var toLoad = $(this).attr('href')+' #wrapper';  
		
	
		$('#letter-r a').fadeTo(1500,0);  
    $('#letter-o a').fadeTo(1500,0);  
    $('#letter-m a').fadeTo(1500,0);  
    $('#letter-p a').fadeTo(1500,0); 
		
		var manager = new jsAnimManager();  		
		shroom = document.getElementById("track-t");  
		manager.registerPosition("track-t");  
		shroom.setPosition(-500,325);  
		var anim = manager.createAnimObject("track-t");  
		anim.add({property: Prop.width, to:1400,duration: 1500});  
		anim.add({property: Prop.position, to: new Pos(50,325),duration: 1500,onComplete:loadContent});  
 
    window.location.hash = $(this).attr('href');  
				
    function loadContent() {  
				$('#letter-t').fadeOut(1500);  
				$('#wrapper').hide(0);   
        $('#wrapper').load(toLoad,'',showNewContent())  
				
    }  
    function showNewContent() {  
			location.href = site_path + "/travel.php";
    }  
		
		
		
    return false;  
      
    });  
		
    $('#letter-r a').click(function(){  
      
    var toLoad = $(this).attr('href')+' #wrapper';  
		
	
		$('#letter-t a').fadeTo(1500,0);  
    $('#letter-o a').fadeTo(1500,0);  
    $('#letter-m a').fadeTo(1500,0);  
    $('#letter-p a').fadeTo(1500,0); 
		
	
		var manager = new jsAnimManager();  		
		shroom = document.getElementById("track-r");  
		manager.registerPosition("track-r");  
		shroom.setPosition(-400,400);  
		var anim = manager.createAnimObject("track-r");  
		anim.add({property: Prop.width, to:1400,duration: 1000});  
		anim.add({property: Prop.position, to: new Pos(50,400),duration: 1000,onComplete:loadContent});  
 
    window.location.hash = $(this).attr('href');  
				
    function loadContent() {  
				$('#letter-r').fadeOut(1500);  
				$('#wrapper').hide(0);   
        $('#wrapper').load(toLoad,'',showNewContent())  
				
    }  
    function showNewContent() {  
			location.href = site_path + "/responsibility.php";
    }  
		
    return false;  
      
    });  
		
    $('#letter-o a').click(function(){  
      
    var toLoad = $(this).attr('href')+' #wrapper';  
		
	
		$('#letter-t a').fadeTo(1500,0);  
    $('#letter-r a').fadeTo(1500,0);  
    $('#letter-m a').fadeTo(1500,0);  
    $('#letter-p a').fadeTo(1500,0); 
		
	
		var manager = new jsAnimManager();  		
		shroom = document.getElementById("track-o");  
		manager.registerPosition("track-o");  
		shroom.setPosition(20,250);  
		var anim = manager.createAnimObject("track-o");  
		anim.add({property: Prop.width, to:1400,duration: 1000});  
		anim.add({property: Prop.position, to: new Pos(50,250),duration: 1000,onComplete:loadContent});  
 
    window.location.hash = $(this).attr('href');  
				
    function loadContent() {  
				$('#letter-o').fadeOut(1500);  
				$('#wrapper').hide(0);   
        $('#wrapper').load(toLoad,'',showNewContent())  
				
    }  
    function showNewContent() {  
			location.href = site_path + "/outreach.php";
    }  
		
    return false;  
      
    });  
		
    $('#letter-m a').click(function(){  
      
    var toLoad = $(this).attr('href')+' #wrapper';  
		
	
		$('#letter-t a').fadeTo(1500,0);  
    $('#letter-r a').fadeTo(1500,0);  
    $('#letter-o a').fadeTo(1500,0);  
    $('#letter-p a').fadeTo(1500,0); 
		
	
		var manager = new jsAnimManager();  		
		shroom = document.getElementById("track-m");  
		manager.registerPosition("track-m");  
		shroom.setPosition(20,325);  
		var anim = manager.createAnimObject("track-m");  
		anim.add({property: Prop.width, to:1400,duration: 1000});  
		anim.add({property: Prop.position, to: new Pos(50,325),duration: 1000,onComplete:loadContent});  
 
    window.location.hash = $(this).attr('href');  
				
    function loadContent() {  
				$('#letter-m').fadeOut(1500);  
				$('#wrapper').hide(0);   
        $('#wrapper').load(toLoad,'',showNewContent())  
				
    }  
    function showNewContent() {  
			location.href = site_path + "/mentoring.php";  
    }  
		
    return false;  
      
    });  


    $('#letter-p a').click(function(){  
      
    var toLoad = $(this).attr('href')+' #wrapper';  
		
	
		$('#letter-t a').fadeTo(1500,0);  
    $('#letter-r a').fadeTo(1500,0);  
    $('#letter-o a').fadeTo(1500,0);  
    $('#letter-m a').fadeTo(1500,0); 
		
	
		var manager = new jsAnimManager();  		
		shroom = document.getElementById("track-p");  
		manager.registerPosition("track-p");  
		shroom.setPosition(270,	220);  
		var anim = manager.createAnimObject("track-p");  
		anim.add({property: Prop.width, to:1400,duration: 1000});  
		anim.add({property: Prop.position, to: new Pos(50,220),duration: 1000,onComplete:loadContent});  
 
    window.location.hash = $(this).attr('href');  
				
    function loadContent() {  
				$('#letter-p').fadeOut(1500);  
				$('#wrapper').hide(0);   
        $('#wrapper').load(toLoad,'',showNewContent())  
				
    }  
    function showNewContent() {  
			location.href = site_path + "/project.php"; 
    }  
		
    return false;  
      
    });  
		
		
		// process contact form
		
		$(function() {  
			$('.error').hide();
			$('.status').hide();
			
			$(".button").click(function() {  
			// validate and process form here  
				$('.error').hide();
				
			var $error_exists = false;
				
				var name = $("input#name").val();  
				if (name == "") {  
					$("label#name_error").show();  
					$("input#name").focus();  
					$error_exists = true;
				}  

				var email = $("input#email").val();  
				if (email == "") {  
					$("label#email_error").show();  
					$("input#email").focus();  
					$error_exists = true;
				}  


				var detail = $("textarea#detail").val();  
				if (detail == "") {  
					$("label#detail_error").show();  
					$("input#detail").focus();  
					$error_exists = true;
				}  
				
				if ($error_exists == true) {
					return false;
				}
		
			});  
		});  
		
});  