$(document).ready(function() {
	$('#searchinput').focus(function(){
		if($(this).attr('value') == 'Search') {
			$(this).attr('value','');
			$(this).addClass('searchblack');
		}
	});
	$('#searchinput').blur(function(){
		if($(this).attr('value') == '') {
			$(this).attr('value','Search');
			$(this).removeClass('searchblack');
		}
	});
});


/*
$(document).ready(function() {
	$('#accordian').accordion({ 
		header: '.achead',
		animated: 'slide',
		active: false, 
		alwaysOpen: false, 
		autoheight: false,
		clearStyle: true
	});
});
*/


$(document).ready(function() {
	
	$('.subtrigger').click( function(event) {
		event.preventDefault();
		var n = "#" + $(this).attr('name');
		var scrll = $('#slider').offset().top;		
   		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: scrll}, 500 );



			$('#slider li').hide();
			$(n).show();



		return false;		
	});
});



$(document).ready(function() {
     $("area").hover(
          function(){$('.pictorial').attr('src', $('.pictorial').attr('src').replace("_norm","_over"));},
          function(){$('.pictorial').attr('src', $('.pictorial').attr('src').replace("_over","_norm"));
	});
});







	//This function shows and hides the popup boxes
	function ecpopup(url, w, h) {  
		id = "#ec-window";
		//Get heights and width
		var docH = $(document).height();
		var winH = $(window).height();
		var winW = $(window).width();
		var scrollTop = $(window).scrollTop();
		var scrollLeft = $(window).scrollLeft();

		//Set height and width to mask to fill up the whole screen
		$('#ec-mask').css({'width':winW,'height':docH});
		//transition effect     
		$('#ec-mask').fadeIn(400);    
		$('#ec-mask').fadeTo("fast",0.8);  
		//Set the popup window to center for 500px windows
		var xpos = (winW-w)/2;
		var ypos = (winH-h)/2;
		$(id).css('top', ypos);
		$(id).css('left', xpos);
		$(id).css('width', w);
		$(id).css('height', h);
		//transition effect
		//$(id).load(url);
		$(id).attr('src', url);
		$(id).fadeIn(400);
		

		//if mask is clicked
		$('#ec-mask').click(function () {
			$(id).attr('src', '');
			$(this).fadeOut(400);
			$(id).fadeOut(400);
		});         
	}



	//These call the popups by their id
	$(document).ready(function() {
		$("#crossrail-link").click(function(){ ecpopup('http://www.eco-reinforcement.org/interactive/crossrail/index.php', 990, 700); });
	});