// JavaScript Document

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
try{ 
 var slide_effect = new Spry.Effect.Slide("slide1", {duration:1000, from:'100%', to:'0%',toggle:true});
}
catch(e){
}
//var slide_effect_nav = new Spry.Effect.Slide("nav_container", {duration:1000, from:'100%', to:'0%',toggle:true});
try{ 
  var fadeElement = new Spry.Effect.Fade("nav_container", {duration:1000, from:100, to:10, toggle:true});
  }
catch(e){
}

//var fadeElement = new Spry.Effect.Slide("nav_container", {duration:1000, from:'100%', to:'0%',toggle:true});



// GALLERY

// The Fade effect will fade out the displayed image container
try{ 
	var third_effect = new Spry.Effect.Fade('gallery_photos', {duration: 5000, from: 100, to: 0, toggle: true});
	var third_effect_put_right = new Spry.Effect.Fade('gallery_photos', {duration: 500, from: 0, to: 100, toggle: false});
	}
catch(e){
}
/*
	// We prepare an observer that will change the opacity of the initially 
	// hidden element in oposition with the initially visible element
	var obs = new Object;

	// On each effect step we calculate the complementary opacity for the other image container.
	obs.onStep = function(ef){
		if (typeof otherEl == 'undefined')
			otherEl = document.getElementById('display');
		var opacity = 0;
		if(/MSIE/.test(navigator.userAgent)){
			opacity = Spry.Effect.getStyleProp(ef.element, 'filter').replace(/alpha\(opacity([0-9]{1,3})\)/, '$1');
			otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1 - opacity), 10) + ")";
		}else{
			opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
			otherEl.style.opacity = (1 - opacity);
		}
	};

	// Attach the observer to the Fade effect
	third_effect.addObserver(obs);
	*/
	
// GALLERY ENDS HERE