jQuery(document).ready(function(){

	/* remove box from links */
	$("a").focus(function(){
		this.blur();
	});
	
	// The default axis is 'y', but in this demo, I want to scroll both
	// You can modify any default like this
	$.localScroll.defaults.axis = 'xy';
	
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		target: '#content', // Could be a selector or a jQuery object too.
		queue:true,
		duration:1500
	});
	
	/**
	 * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
	 * also affect the >> and << links. I want every link in the page to scroll.
	 */
	$.localScroll({
		target: '#content', // could be a selector or a jQuery object too.
		queue:true,
		duration:1000,
		hash:true,
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
		}
	});
	
	$(".subImage").rollover();

	menuImage = new Image(); 
	menuImage.src = "images/pageElements/nav_office_on.jpg";
	menuImage2 = new Image(); 
	menuImage2.src = "images/pageElements/nav_patient_on.jpg";
	menuImage3 = new Image(); 
	menuImage3.src = "images/pageElements/nav_home_on.jpg";
	menuImage4 = new Image(); 
	menuImage4.src = "images/pageElements/nav_treatment_on.jpg";
	menuImage5 = new Image(); 
	menuImage5.src = "images/pageElements/nav_fun_on.jpg";


});


//here's the sIfr
var avianregular = {  src: 'avianregular.swf' };
sIFR.activate(avianregular);

sIFR.replace(avianregular, {
  selector: 'h1', 
  wmode: 'transparent', 
  src: 'avianregular.swf', 
  css: [
		'.sIFR-root {color:#0068b1; }' ]
});

var avianbold = {  src: 'avianbold.swf' };
sIFR.activate(avianbold);

sIFR.replace(avianbold, {
  selector: '.tlink', 
  wmode: 'transparent', 
  src: 'avianbold.swf', 
  css: [
		'.sIFR-root {color:#ffffff; }',
		'.sIFR-root a {color:#ffffff; text-decoration: none; }',
		'.sIFR-root a:hover {color:#0068B1; text-decoration: none; }']
});