// JavaScript Document

function showDemo1() {
	YAHOO.util.Dom.setStyle(['demo2','demo3','demo5','demo6','demo8','demo9','demo11','demo12'],'background-position','top left');
	YAHOO.util.Dom.setStyle(['demo1','demo4','demo7','demo10'],'background-position','bottom left');
	YAHOO.util.Dom.setStyle(['demo2','demo3','demo5','demo6','demo8','demo9','demo11','demo12'],'font-weight','400');
	YAHOO.util.Dom.setStyle(['demo1','demo4','demo7','demo10'],'font-weight','700');	
	YAHOO.util.Dom.setStyle(['demoChart2','demoChart3','demoChart5','demoChart6','demoChart8','demoChart9','demoChart11','demoChart12'],'z-index','2');
	YAHOO.util.Dom.setStyle(['demoChart1','demoChart4','demoChart7','demoChart10'],'z-index','4');	
}
function showDemo2() {
	YAHOO.util.Dom.setStyle(['demo1','demo3','demo4','demo6','demo7','demo9','demo10','demo12'],'background-position','top left');
	YAHOO.util.Dom.setStyle(['demo2','demo5','demo8','demo11'],'background-position','bottom left');
	YAHOO.util.Dom.setStyle(['demo1','demo3','demo4','demo6','demo7','demo9','demo10','demo12'],'font-weight','400');
	YAHOO.util.Dom.setStyle(['demo2','demo5','demo8','demo11'],'font-weight','700');
	YAHOO.util.Dom.setStyle(['demoChart1','demoChart3','demoChart4','demoChart6','demoChart7','demoChart9','demoChart10','demoChart12'],'z-index','2');
	YAHOO.util.Dom.setStyle(['demoChart2','demoChart5','demoChart8','demoChart11'],'z-index','4');		
}
function showDemo3() {
	YAHOO.util.Dom.setStyle(['demo1','demo2','demo4','demo5','demo7','demo8','demo10','demo11'],'background-position','top left');
	YAHOO.util.Dom.setStyle(['demo3','demo6','demo9','demo12'],'background-position','bottom left');
	YAHOO.util.Dom.setStyle(['demo1','demo2','demo4','demo5','demo7','demo8','demo10','demo11'],'font-weight','400');
	YAHOO.util.Dom.setStyle(['demo3','demo6','demo9','demo12'],'font-weight','700');	
	YAHOO.util.Dom.setStyle(['demoChart1','demoChart2','demoChart4','demoChart5','demoChart7','demoChart8','demoChart10','demoChart11'],'z-index','2');
	YAHOO.util.Dom.setStyle(['demoChart3','demoChart6','demoChart9','demoChart12'],'z-index','4');		
}

YAHOO.util.Event.on(['demo1','demo4','demo7','demo10'],"mouseover",showDemo1);
YAHOO.util.Event.on(['demo2','demo5','demo8','demo11'],"mouseover",showDemo2);
YAHOO.util.Event.on(['demo3','demo6','demo9','demo12'],"mouseover",showDemo3);