﻿//Declare the varibale name outside the function so it is global. 
var TabbedPanels1;
function InitPage()
{
	TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
	Spry.Utils.addEventListener("hole1", "click", function(){TabbedPanels1.showPanel(0);}, false);
	Spry.Utils.addEventListener("hole1", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole1", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole2", "click", function(){TabbedPanels1.showPanel(1);}, false);
	Spry.Utils.addEventListener("hole2", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole2", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole3", "click", function(){TabbedPanels1.showPanel(2);}, false);
	Spry.Utils.addEventListener("hole3", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole3", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole4", "click", function(){TabbedPanels1.showPanel(3);}, false);
	Spry.Utils.addEventListener("hole4", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole4", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole5", "click", function(){TabbedPanels1.showPanel(4);}, false);
	Spry.Utils.addEventListener("hole5", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole5", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole6", "click", function(){TabbedPanels1.showPanel(5);}, false);
	Spry.Utils.addEventListener("hole6", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole6", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole7", "click", function(){TabbedPanels1.showPanel(6);}, false);
	Spry.Utils.addEventListener("hole7", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole7", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole8", "click", function(){TabbedPanels1.showPanel(7);}, false);
	Spry.Utils.addEventListener("hole8", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole8", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole9", "click", function(){TabbedPanels1.showPanel(8);}, false);
	Spry.Utils.addEventListener("hole9", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole9", "blur", function(){this.style.color ='#1a3399';}, false);

}
Spry.Utils.addLoadListener(InitPage);