$(document).ready(function() {
	 
	 
	 
$('#info, #ginfo, #einfo, #dinfo, #pinfo, #hinfo').css ({'opacity' : '0'});
 
// category title slide

$('#map_backtop').hover(function(e) {
					
					$(this).children('#info').hoverFlow(e.type, {opacity: 1, top: 180 }, 'slow');
				}, function(e) {
					$(this).children('#info').hoverFlow(e.type, { opacity: 0, top: 302 }, 'slow');
					$('[id*=info]').animate({ opacity: 0, top: 302 }, '50000');
				});




$('#glasgow').hover(function() {
		
		var t=$(this).children('img'); 
    	var src1= t.attr('src'); // initial src 
   		var newSrc = src1.substring(src1.lastIndexOf('images/'), src1.lastIndexOf('.')); 
		$(this).children('img').attr('src', newSrc+ '_over.' + /[^.]+$/.exec(src1));     
}, function() {
		 $(this).children('img').attr('src', 'images/glasgow.png' );
	
});




$('#glasgow').click(function() {
					$('[id*=info]').animate({ opacity: 0, top: 302 }, '50000');
					$('#ginfo').animate({ opacity: 1, top:50 }, '50000');
				}, function() {
});


$('#perth').hover(function() {
		
		var t=$(this).children('img'); 
    	var src1= t.attr('src'); // initial src 
   		var newSrc = src1.substring(src1.lastIndexOf('images/'), src1.lastIndexOf('.')); 
		$(this).children('img').attr('src', newSrc+ '_over.' + /[^.]+$/.exec(src1));     
}, function() {
		 $(this).children('img').attr('src', 'images/perth.png' );
	
});


$('#perth').click(function() {
					$('[id*=info]').animate({ opacity: 0, top: 302 }, '50000');
					$('#pinfo').animate({ opacity: 1, top:-330 }, '50000');
				}, function() {
});

//

//$('#item3').click(function() {
//					$('[id*=info]').animate({ opacity: 0, top: 175 }, '50000');
//					$('#dinfo').animate({ opacity: 1, top:-425 }, '50000');
//				}, function() {
//});
//
//$('#item4').click(function() {
//				$('[id*=info]').animate({ opacity: 0, top: 175 }, '50000');
//					$('#pinfo').animate({ opacity: 1, top:-625 }, '50000');
//				}, function() {
//});
//
//$('#item5').click(function() {
//					$('[id*=info]').animate({ opacity: 0, top: 175 }, '50000');
//					$('#hinfo').animate({ opacity: 1, top:-825 }, '50000');
//				}, function() {
//});



 });