/**
 * @author Satoru
 */
YAHOO.example.init = function() {   

   var attributes = {
      color: { to: '#f00' },
      backgroundColor: { to:  'rgb(0, 255, 0)' },
      borderTopColor: { to: '#dcdcdc' },
      borderRightColor: { to: 'dcdcdc' },
      borderBottomColor: { to: 'dcdcdc' },
      borderLeftColor: { to: 'dcdcdc' }
   };
   
   var anim = new YAHOO.util.ColorAnim('demo', attributes);
   YAHOO.util.Event.on(document, 'click', anim.animate, anim, true);
   
};

YAHOO.util.Event.onAvailable('demo', YAHOO.example.init);


function larger(ids){
	var section=new Array(25);
	var dsec=new Array(25);
	
	section[1]="pic1"; dsec[1]="d1";
	section[2]="pic2"; dsec[2]="d2";
	section[3]="pic3"; dsec[3]="d3";
	section[4]="pic4"; dsec[4]="d4";
	section[5]="pic5"; dsec[5]="d5";
	section[6]="pic6"; dsec[6]="d6";
	section[7]="pic7"; dsec[7]="d7";
	section[8]="pic8"; dsec[8]="d8";
	section[9]="pic9"; dsec[9]="d9";
	section[10]="pic10"; dsec[10]="d10";
	section[11]="pic11"; dsec[11]="d11";
	section[12]="pic12"; dsec[12]="d12";
	section[13]="pic13"; dsec[13]="d13";
	section[14]="pic14"; dsec[14]="d14";
	section[15]="pic15"; dsec[15]="d15";
	section[16]="pic16"; dsec[16]="d16";
	section[17]="pic17"; dsec[17]="d17";
	section[18]="pic18"; dsec[18]="d18";
	section[19]="pic19"; dsec[19]="d19";
	section[20]="pic20"; dsec[20]="d20";
	section[21]="pic21"; dsec[21]="d21";
	section[22]="pic22"; dsec[22]="d22";
	section[23]="pic23"; dsec[23]="d23";
	section[24]="pic24"; dsec[24]="d24";
	section[25]="pic25"; dsec[25]="d25";

		res1(section[ids]);
		er1(dsec[ids]);
		op31(dsec[ids]);
		
}

function smaller(ids){
	var section=new Array(25);
	var dsec=new Array(25);
	
	section[1]="pic1"; dsec[1]="d1";
	section[2]="pic2"; dsec[2]="d2";
	section[3]="pic3"; dsec[3]="d3";
	section[4]="pic4"; dsec[4]="d4";
	section[5]="pic5"; dsec[5]="d5";
	section[6]="pic6"; dsec[6]="d6";
	section[7]="pic7"; dsec[7]="d7";
	section[8]="pic8"; dsec[8]="d8";
	section[9]="pic9"; dsec[9]="d9";
	section[10]="pic10"; dsec[10]="d10";
	section[11]="pic11"; dsec[11]="d11";
	section[12]="pic12"; dsec[12]="d12";
	section[13]="pic13"; dsec[13]="d13";
	section[14]="pic14"; dsec[14]="d14";
	section[15]="pic15"; dsec[15]="d15";
	section[16]="pic16"; dsec[16]="d16";
	section[17]="pic17"; dsec[17]="d17";
	section[18]="pic18"; dsec[18]="d18";
	section[19]="pic19"; dsec[19]="d19";
	section[20]="pic20"; dsec[20]="d20";
	section[21]="pic21"; dsec[21]="d21";
	section[22]="pic22"; dsec[22]="d22";
	section[23]="pic23"; dsec[23]="d23";
	section[24]="pic24"; dsec[24]="d24";
	section[25]="pic25"; dsec[25]="d25";

		op31r(dsec[ids]);
		er1r(dsec[ids]);
		res1r(section[ids]);
}



function res1(ids){
	var testimg = new YAHOO.util.Anim(ids, {
		width: {to: 140	},
		height: {to: 92}
	});
	testimg.animate();
};


function res1r(ids){
	var testimg = new YAHOO.util.Anim(ids, {
		width: {to: 70	},
		height: {to: 46}
	});
	testimg.animate();
};


function op31(ids){
	var testimg = new YAHOO.util.Anim(ids, { opacity:	{from:0,to: 1}}, 1);
	testimg.animate();
};

function op31r(ids){
	var testimg = new YAHOO.util.Anim(ids, { opacity:	{from:1,to: 0}}, 1);
	testimg.animate();
	
};

function er1(ids){
	var testimg = new YAHOO.util.Anim(ids, { lineHeight:	{to: 20}}, 1);
	testimg.animate();
};

function er1r(ids){
	var testimg = new YAHOO.util.Anim(ids, { lineHeight:	{to: 0}}, 1);
	testimg.animate();
};

function collap() {
	YAHOO.util.Dom.setStyle("d1","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d1","opacity","0");
	YAHOO.util.Dom.setStyle("d2","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d2","opacity","0");
	YAHOO.util.Dom.setStyle("d3","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d3","opacity","0");
	YAHOO.util.Dom.setStyle("d4","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d4","opacity","0");
	YAHOO.util.Dom.setStyle("d5","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d5","opacity","0");
	YAHOO.util.Dom.setStyle("d6","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d6","opacity","0");
	YAHOO.util.Dom.setStyle("d7","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d7","opacity","0");
	YAHOO.util.Dom.setStyle("d8","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d8","opacity","0");
	YAHOO.util.Dom.setStyle("d9","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d9","opacity","0");
	YAHOO.util.Dom.setStyle("d10","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d10","opacity","0");
	YAHOO.util.Dom.setStyle("d11","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d11","opacity","0");
	YAHOO.util.Dom.setStyle("d12","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d12","opacity","0");
	YAHOO.util.Dom.setStyle("d13","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d13","opacity","0");
	YAHOO.util.Dom.setStyle("d14","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d14","opacity","0");
	YAHOO.util.Dom.setStyle("d15","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d15","opacity","0");
	YAHOO.util.Dom.setStyle("d16","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d16","opacity","0");
	YAHOO.util.Dom.setStyle("d17","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d17","opacity","0");
	YAHOO.util.Dom.setStyle("d18","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d18","opacity","0");
	YAHOO.util.Dom.setStyle("d19","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d19","opacity","0");
	YAHOO.util.Dom.setStyle("d20","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d20","opacity","0");
	YAHOO.util.Dom.setStyle("d21","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d21","opacity","0");
	YAHOO.util.Dom.setStyle("d22","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d22","opacity","0");
	YAHOO.util.Dom.setStyle("d23","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d23","opacity","0");
	YAHOO.util.Dom.setStyle("d24","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d24","opacity","0");
	YAHOO.util.Dom.setStyle("d25","lineHeight", "0");
	YAHOO.util.Dom.setStyle("d25","opacity","0");
	smallall();
};



function smallall() {
	for (i=1; i<=25; i++) {
		smaller(i);
	}
};