// JavaScript Document
function scrollPageTo(scrollToId) {
	//alert(scrollToId);
    var $target = $('#' + scrollToId);
    var targetOffset = $target.offset().top;
   // $('html').animate({scrollTop: targetOffset}, 1000, 'easeOutExpo');
	if($.browser.safari) {
		$('body').animate({scrollTop: targetOffset}, 900, 'easeOutExpo');
    } else {
		$('html').animate({scrollTop: targetOffset}, 900, 'easeOutExpo');
	}
};
 // 
$(function(){			   
	//		   
	document.getElementById('front-button').className='selected';	
	$('#front-button').animate({"marginTop": "-10px"}, 400, 'easeOutBounce');
	//
	document.getElementById('all-sub').className='filter_selected';
	$('#show_arch').hide();
	$('#show_grap').hide();
	$('#show_int').hide();
	$('#show_vis').hide();	
	//
	$('#front-button').click(function(){
		scrollPageTo('front');	
		document.getElementById('front-button').className='selected';		
		document.getElementById('services-button').className='non_selected';
		document.getElementById('showcase-button').className='non_selected';	
		document.getElementById('press-button').className='non_selected';
		document.getElementById('contact-button').className='non_selected';
		document.getElementById('career-button').className='non_selected';
		$('#front-button').animate({"marginTop": "-10px"}, 400, 'easeOutBounce');
		$('#services-button').animate({"marginTop": "0px"}, 300);
		$('#showcase-button').animate({"marginTop": "0px"}, 300);
		$('#press-button').animate({"marginTop": "0px"}, 300);
		$('#contact-button').animate({"marginTop": "0px"}, 300);
		$('#career-button').animate({"marginTop": "0px"}, 300);
		return false;
	});

	$('#services-button').click(function(){
		scrollPageTo('services');								 
		document.getElementById('front-button').className='non_selected';		
		document.getElementById('services-button').className='selected';
		document.getElementById('showcase-button').className='non_selected';	
		document.getElementById('press-button').className='non_selected';
		document.getElementById('contact-button').className='non_selected';
		document.getElementById('career-button').className='non_selected';
		$('#front-button').animate({"marginTop": "0px"}, 300);
		$('#services-button').animate({"marginTop": "-10px"}, 400, 'easeOutBounce');
		$('#showcase-button').animate({"marginTop": "0px"}, 300);
		$('#press-button').animate({"marginTop": "0px"}, 300);
		$('#contact-button').animate({"marginTop": "0px"}, 300);
		$('#career-button').animate({"marginTop": "0px"}, 300);
		return false;
	});

	$('#showcase-button').click(function(){
		scrollPageTo('showcase');
		document.getElementById('front-button').className='non_selected';		
		document.getElementById('services-button').className='non_selected';
		document.getElementById('showcase-button').className='selected';	
		document.getElementById('press-button').className='non_selected';
		document.getElementById('contact-button').className='non_selected';
		document.getElementById('career-button').className='non_selected';
		$('#front-button').animate({"marginTop": "0px"}, 300);
		$('#services-button').animate({"marginTop": "0px"}, 300);
		$('#showcase-button').animate({"marginTop": "-10px"}, 400, 'easeOutBounce');
		$('#press-button').animate({"marginTop": "0px"}, 300);
		$('#contact-button').animate({"marginTop": "0px"}, 300);
		$('#career-button').animate({"marginTop": "0px"}, 300);
		return false;
	});

	$('#press-button').click(function(){	
		scrollPageTo('press');
		document.getElementById('front-button').className='non_selected';		
		document.getElementById('services-button').className='non_selected';
		document.getElementById('showcase-button').className='non_selected';	
		document.getElementById('press-button').className='selected';
		document.getElementById('contact-button').className='non_selected';
		document.getElementById('career-button').className='non_selected';
		$('#front-button').animate({"marginTop": "0px"}, 300);
		$('#services-button').animate({"marginTop": "0px"}, 300);
		$('#showcase-button').animate({"marginTop": "0px"}, 300);
		$('#press-button').animate({"marginTop": "-10px"}, 400, 'easeOutBounce');
		$('#contact-button').animate({"marginTop": "0px"}, 300);
		$('#career-button').animate({"marginTop": "0px"}, 300);
		return false;
	});

	$('#contact-button').click(function(){									
		scrollPageTo('contact');
		document.getElementById('front-button').className='non_selected';		
		document.getElementById('services-button').className='non_selected';
		document.getElementById('showcase-button').className='non_selected';	
		document.getElementById('press-button').className='non_selected';
		document.getElementById('contact-button').className='selected';
		document.getElementById('career-button').className='non_selected';
		$('#front-button').animate({"marginTop": "0px"}, 300);
		$('#services-button').animate({"marginTop": "0px"}, 300);
		$('#showcase-button').animate({"marginTop": "0px"}, 300);
		$('#press-button').animate({"marginTop": "0px"}, 300);
		$('#contact-button').animate({"marginTop": "-10px"}, 400, 'easeOutBounce');
		$('#career-button').animate({"marginTop": "0px"}, 300);
		return false;
	});

	$('#career-button').click(function(){
		scrollPageTo('career');
		document.getElementById('front-button').className='non_selected';		
		document.getElementById('services-button').className='non_selected';
		document.getElementById('showcase-button').className='non_selected';	
		document.getElementById('press-button').className='non_selected';
		document.getElementById('contact-button').className='non_selected';
		document.getElementById('career-button').className='selected';
		$('#front-button').animate({"marginTop": "0px"}, 300);
		$('#services-button').animate({"marginTop": "0px"}, 300);
		$('#showcase-button').animate({"marginTop": "0px"}, 300);
		$('#press-button').animate({"marginTop": "0px"}, 300);
		$('#contact-button').animate({"marginTop": "0px"}, 300);
		$('#career-button').animate({"marginTop": "-10px"}, 400, 'easeOutBounce');
		return false;
	});
	//
	$('#graph_info').hide();
	$('#inter_info').hide();
	$('#visual_info').hide();
	//
	$('#arch_dept').click(function(){
		$('#arch_info').slideDown();
		$('#graph_info').slideUp();
		$('#inter_info').slideUp();
		$('#visual_info').slideUp();		
		return false;
	});	
	$('#graph_dept').click(function(){
		$('#arch_info').slideUp();
		$('#graph_info').slideDown();
		$('#inter_info').slideUp();
		$('#visual_info').slideUp();		
		return false;
	});
	$('#inter_dept').click(function(){
		$('#arch_info').slideUp();
		$('#graph_info').slideUp();
		$('#inter_info').slideDown();
		$('#visual_info').slideUp();		
		return false;
	});
	$('#visual_dept').click(function(){
		$('#arch_info').slideUp();
		$('#graph_info').slideUp();
		$('#inter_info').slideUp();
		$('#visual_info').slideDown();		
		return false;
	});	
	//
	$('#all-sub').click(function(){		
		document.getElementById('all-sub').className='filter_selected';		
		document.getElementById('arch-sub').className='filter_non_selected';
		document.getElementById('grap-sub').className='filter_non_selected';	
		document.getElementById('int-sub').className='filter_non_selected';
		document.getElementById('vis-sub').className='filter_non_selected';
		$('#show_all').fadeIn();
		$('#show_arch').hide();
		$('#show_grap').hide();
		$('#show_int').hide();
		$('#show_vis').hide();
		return false;
	});	
	$('#arch-sub').click(function(){		
		document.getElementById('all-sub').className='filter_non_selected';		
		document.getElementById('arch-sub').className='filter_selected';
		document.getElementById('grap-sub').className='filter_non_selected';	
		document.getElementById('int-sub').className='filter_non_selected';
		document.getElementById('vis-sub').className='filter_non_selected';
		$('#show_all').hide();
		$('#show_arch').fadeIn();
		$('#show_grap').hide();
		$('#show_int').hide();
		$('#show_vis').hide();		
		return false;
	});
	$('#grap-sub').click(function(){		
		document.getElementById('all-sub').className='filter_non_selected';		
		document.getElementById('arch-sub').className='filter_non_selected';
		document.getElementById('grap-sub').className='filter_selected';	
		document.getElementById('int-sub').className='filter_non_selected';
		document.getElementById('vis-sub').className='filter_non_selected';
		$('#show_all').hide();
		$('#show_arch').hide();
		$('#show_grap').fadeIn();
		$('#show_int').hide();
		$('#show_vis').hide();		
		return false;
	});
	$('#int-sub').click(function(){		
		document.getElementById('all-sub').className='filter_non_selected';		
		document.getElementById('arch-sub').className='filter_non_selected';
		document.getElementById('grap-sub').className='filter_non_selected';	
		document.getElementById('int-sub').className='filter_selected';
		document.getElementById('vis-sub').className='filter_non_selected';
		$('#show_all').hide();
		$('#show_arch').hide();
		$('#show_grap').hide();
		$('#show_int').fadeIn();
		$('#show_vis').hide();			
		return false;
	});
	$('#vis-sub').click(function(){		
		document.getElementById('all-sub').className='filter_non_selected';		
		document.getElementById('arch-sub').className='filter_non_selected';
		document.getElementById('grap-sub').className='filter_non_selected';	
		document.getElementById('int-sub').className='filter_non_selected';
		document.getElementById('vis-sub').className='filter_selected';
		$('#show_all').hide();
		$('#show_arch').hide();
		$('#show_grap').hide();
		$('#show_int').hide();
		$('#show_vis').fadeIn();		
		return false;
	});	
});