﻿//Declare the varibale name outside the function so it is global. 
var TabbedPanels1;
function InitPage()
{
	TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
	Spry.Utils.addEventListener("hole10", "click", function(){TabbedPanels1.showPanel(0);}, false);
	Spry.Utils.addEventListener("hole10", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole10", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole11", "click", function(){TabbedPanels1.showPanel(1);}, false);
	Spry.Utils.addEventListener("hole11", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole11", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole12", "click", function(){TabbedPanels1.showPanel(2);}, false);
	Spry.Utils.addEventListener("hole12", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole12", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole13", "click", function(){TabbedPanels1.showPanel(3);}, false);
	Spry.Utils.addEventListener("hole13", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole13", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole14", "click", function(){TabbedPanels1.showPanel(4);}, false);
	Spry.Utils.addEventListener("hole14", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole14", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole15", "click", function(){TabbedPanels1.showPanel(5);}, false);
	Spry.Utils.addEventListener("hole15", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole15", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole16", "click", function(){TabbedPanels1.showPanel(6);}, false);
	Spry.Utils.addEventListener("hole16", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole16", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole17", "click", function(){TabbedPanels1.showPanel(7);}, false);
	Spry.Utils.addEventListener("hole17", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole17", "blur", function(){this.style.color ='#1a3399';}, false);

	Spry.Utils.addEventListener("hole18", "click", function(){TabbedPanels1.showPanel(8);}, false);
	Spry.Utils.addEventListener("hole18", "focus", function(){this.style.color ='#e62119';}, false);
	Spry.Utils.addEventListener("hole18", "blur", function(){this.style.color ='#1a3399';}, false);

}
Spry.Utils.addLoadListener(InitPage);