var photoFolder="img/screenCapture/";
var imageList = [
				 "1829.gif",
				 "1829_2.gif",
				 "andIknow.gif",
				 "bet.gif",
				 "bridge.gif",
				 "cannotWithstand.gif",
				 "distance.gif",
				 "dropABall.gif",
				 "eye.gif",
				 "flowerSea.gif",
				 "fromMars.gif",
				 "hen2Dog.gif",
				 "hope.gif",
				 "important.gif",
				"lastAir.gif",
				 "launching.gif",
				 "lookInside01.jpg",
				 "lookInside02.jpg",
				 "makeAWish.gif",
				 "matches.gif",
				 "mayday.gif",
				 "meetOneMore.gif",
				 "native2.gif",
				 "native.gif",
				 "promise01.jpg",
				 "promise02.jpg",
				 "promise03.jpg",
				 "promise04.jpg",
				 "promise05.jpg",
				 "rainbowDog.gif",
				 "romanHoliday.gif",
				 "rule.gif",
				 "secret.gif",
				 "shootTheDuck.gif",
				 "shower.gif",
				 "sinCurve.gif",
				 "spell.gif",
				 "taxi.gif",
				 "tenRules.gif",
				 "tram1.gif",
				 "tram.gif",
				 "whatIsLove.gif",
				 "whoSuffer.gif",
				 "eyecontact.gif",
				 "flowerRoad.gif",
				 "number.gif"
				 ];
var urlList = [
				 "1829.gif",
				 "1829_2.gif",
				 "andIknow.gif",
				 "bet.gif",
				 "bridge.gif",
				 "cannotWithstand.gif",
				 "distance.gif",
				 "dropABall.gif",
				 "eye.gif",
				 "flowerSea.gif",
				 "fromMars.gif",
				 "hen2Dog.gif",
				 "hope.gif",
				 "important.gif",
				"lastAir.gif",				 
				 "launching.gif",
				 "lookInside01.jpg",
				 "lookInside02.jpg",
				 "makeAWish.gif",
				 "matches.gif",
				 "mayday.gif",
				 "meetOneMore.gif",
				 "native2.gif",
				 "native.gif",
				 "promise01.jpg",
				 "promise02.jpg",
				 "promise03.jpg",
				 "promise04.jpg",
				 "promise05.jpg",
				 "rainbowDog.gif",
				 "romanHoliday.gif",
				 "rule.gif",
				 "secret.gif",
				 "shootTheDuck.gif",
				 "shower.gif",
				 "sinCurve.gif",
				 "spell.gif",
				 "taxi.gif",
				 "tenRules.gif",
				 "tram1.gif",
				 "tram.gif",
				 "whatIsLove.gif",
				 "whoSuffer.gif",
				 "eyecontact.gif",
				 "flowerRoad.gif",
				 "number.gif"
				 ];
				 
var titleList = [
				 "Ä¬µá¬ðµMÅÜ¦¨¦Ñ¤Ó±C<br>"+
"À³¸Ó«Ü¶Ë¤ß§a<br>"+
"<br>"+
"©j©j¬O±q¬Æ»ò®É­Ô¶}©l¤£°O±oªº¡H<br>"+
"18·³¡K¡K<br>"+
"§Ú¤]¬O©M§A¤@¼Ëªº°ª¤¤¥Í<br>"+
"¥i¬O¤@¸C²´´N»¡§Ú29·³<br>"+
"§Ú¤]¹³Ä¬µá¨º¼Ë¤¤¤FÅ]ªk¶Ü¡H<br>"+
"<br>"+
"©j©j<br>"+
"¹q¼v¸ÌªºÄ¬µá¶V·R«¢º¸<br>"+
"¥u¦³«¢º¸¯à»{¥XÄ¬µá¬O¤Ö¤k<br>"+
"´N¶V·|ÅÜªº¦~»´<br>"+
"§Y¨Ï§O¤H§â©j©j·í¦¨29·³¬Ý<br>"+
"¥i¬O§Ú²´¸Ì¡A©j©j¤]¬O18·³",
				 "¤H³½¤½¥D<br>"+
"¦o¬Ý°_¨Ó«Ü¶Ë¤ß<br>"+
"¾¸¤l³£°Û°×¤F<br>"+
"¦ý¤ý¤lÁÙ¬O¨S¦³»{¥X¦o<br>"+
"«ç»ò¯à<br>"+
"»{¤£¥X·RµÛ¦Û¤vªº¤H",
				 "¦Ó§Úª¾¹D",
				 "¤ÕÂå¥Í¡G§A­n½ä¬Æ»ò¡H<br>"+
"ªÛ´ò¡G·íµM¬O¥H³Ì¬Ã±¤ªº¨Ó½ä¡A¤~¦³·N«ä<br>"+
"ªÛ´ò¡G¬Ý¬Ý¡K¡K¤ÕÂå¥Í½ä³o³¡¨®<br>"+
"¤ÕÂå¥Í¡G¨º§A©O¡H<br>"+
"ªÛ´ò¡G§Ú·|½ä§ÚªºÆF»î¤§¥Û<br>"+
"ªÛ´ò¡GÁöµM¨º­Ó¬O±q¦L«×ùÚªe®³¹L¨Óªº (¤ÕÂå¥Í§¹¥þ¬O³QÀ~­Ëªºªí±¡)<br>"+
"¤ÕÂå¥Í¡G¨º¹³¸Ü¶Ü¡H<br>"+
"¤ÕÂå¥Í¡G¨º­Ó¯}¥ÛÀY<br>"+
"¤ÕÂå¥Í¡G¸ò³o­Ó2500ccªº¨®¤l¥i¥H¬Û´£¨Ã½×¶Ü¡H<br>"+
"ªÛ´ò¡G§A«ç»ò¬Oª«½è¸U¯à¥D¸qªÌ©O¡H§A§âÆF»î¬Ý¦¨¬Æ»ò¤F¡H",
				 "¾A¦X¬Û¹Jªº¤Ñ¾ô",
				 "§Ú¥Í®ð<br>"+
"ÁÙ¦³§Ú¤£¯à­ì½Ìªº­ì¦]<br>"+
"¬O¦]¬°º~¦¿¹Ü¥h¤F§Ú<br>"+
"§Ú³Ì¬Ã·Rªº¨â­Ó¤H",
"¦pªG·Q¬Ý­I¹ï§Aªº¤HªºÁy<br>"+
"´N­nÂà¦a²y¤@°é¤~¯à¬Ý¨ì<br>"+
"­I¹ïªºÃö«Y´N¬O³o»ò»»»·",
				 "§Ú§â¥¦¥á¤U¥h<br>"+
"¥¦¤@©w·|¦A¼u¦^§Ú­±«e¨Ó<br>"+
"³o¸Ì¬O¤T¼Ó°Ú<br>"+
"¤T¼Ó¤]¼u±o¦^¨Ó<br>"+
"§Ú¤£«H<br>"+
"±µ¦í¡I±µ¦í¡I",
				 "ª¾¹D¨­Åé³¡¦ì¤¤<br>"+
"³Ì¬¾·Æªº¾¹©x¬O­þ¸Ì¶Ü<br>"+
"¬O²´·ú<br>"+
"µL½×¬ÝµÛ¹ï¤è¦h¤[<br>"+
"¤@Âà¨­´N·|§Ñ°O",
				 "§Ú­Ì¦bªá®ü<br>"+
"¬ÝµÛ¤T¤ëªº³¥¨ß ¨º°¦¥uÅã¥Ü¤ë¥÷©M¤é´Áªº¤â¿ö<br>"+
"¹Cª±¤@¾ã¤Ñ¤]¤£Ä±±o®É¶¡¹L¥h",
				 "¤H­Ì¦º«á<br>"+
"·|¦^¨ì¦Û¤vªº¨ºÃþ¬P¤W<br>"+
"¦^¨ì¦Û¤v­ì¨Ó¦íªº¨ºÁû¬P«á<br>"+
"­n¼g¥÷Ãö©ó¦a²yªº¥Í¬¡³ø§i<br>"+
"§A¬Ý§Ú¹³¦a²y¤H¶Ü",
				 "°eÂûªïª¯",
				 "°¸µMªº¾÷·|¤U¡A®®¤l¦b®üÃä¬Ý¨ì¦E¸¥¶¤·Æµ¾¦Ó¹L¡A¤ß¤¤ÆJµM¿U°_§Æ±æ",
				 "³o­Ó¡K¡K¬O³o¼ËºPªº§a¡A¦A¦¸ªº¡A¦A¦A¦¸ªº<br>"+
"­YºP¦¨42¦¸¡A·|ÅÜ±o¤Q¤À«p<br>"+		 
"¥u¬O§â³ø¯ÈºP¤W¡A¥i¥H¨ì¹F¤ë²y¥h<br>"+
"»¡¯ºªº§a<br>"+
"¬O¯uªº¡A0.1²@¦Ì­¼¥H42¦¸¤è¡A«K¬O40¸U4¦Ì<br>"+
"³o¼Ë¤l¡AÁö¬O¤@ÂIÂIªº¡A¦ý¤£Â_²Ö¿n®É¶¡<br>"+
"²×¦³¤@¤Ñ¯uªº·|¹J¨ì­«­nªºªF¦è§a",
				"Â÷§O ¤]¬O·R±¡ªº©µªø½u<br>"+
"§â´¿¦]¨º­Ó¤H¦Ó©¯ºÖ¹Lªº®É¥ú<br>"+
"·í§@°Ê¤O ¦Û©l¦Ü²×ºû«ù¦í­·½d<br>"+
"¨ì³Ì«á¬°¤î ³£¤£¯à¥¢¤F­·«×",
				 "launching",
				 "¦b©Ù§¹»ó®÷·|¤£·|",
				 "¥´¶}¨ÓÀË¬d¤@¤U",
				 "³o¹q±è¤U­°±oªá¦hªø®É¶¡¡H<br>"+
"¥¿¦n1¤À40¬í<br>"+
"¥i¬O¦b³o¬q®É¶¡¡A­n¬O¯à«Ì¦í©I§l³\­ÓÄ@<br>"+
"¨º­ÓÄ@±æ´N¯à¹ê²{<br>"+
"½Ö«H¡H(µM«á¿W¦Û°½°½åx®ð)",
				 "µe¤õ®ã",
				 "¦n¹³¹L¤F«Ü¤[<br>"+
"¨º­Ó®É­Ôªº§Ú­Ì<br>"+
"¸g¹L¥v¤W³Ì±jªº¦a¾_<br>"+
"¥H¤Î¤@¦¸¤S¤@¦¸ªº¼ÒÀÀ¸Õ<br>"+
"°Û¤ù¤@±i¤@±iªº¶R<br>"+
"Á`ºâ¬O¼µ¹L¨º­ÓºÆ¨g¤S¤£¯à°µ¦Û¤vªº¦~¥N<br>"+
"µM«á¯uªº¹L¤F«Ü¤[®É<br>"+
"¨º¤Ñ¾ã²z©Ð¶¡®É<br>"+
"­«Å¥¤F¥H«eªºÂÂcd<br>"+	
"¨º¬O§Ú°ª¤¤³Ì³ßÅwªº¤@­ººq<br>"+
"¤­¤ë¤Ñªº¾Ö©ê<br>"+
"®É¶¡¬ðµM±j¶Õªº¡A±a§Ú¦^¨ì¨º­Ó®ÉªÅ<br>"+
"¤j¾Ç©ñº]ªº¨º¤@¤Ñ<br>"+
"²yÁÉ¥´¿éªº¨º¤@¤Ñ<br>"+
"¬D¬VÀY¾vªº¨º¤@¤Ñ<br>"+
"§Ú±q¨Ó¤£·|·Q»¡<br>"+
"¦pªG®É¥ú¥i¥H­Ë¬yªº³oºØ¸Ü<br>"+
"¦]¬°¡A®É¥ú¦pªG¯uªº¥i¥H­Ë¬y<br>"+
"³o¤@¤Á´N¤£·|¨º»ò¬Ã¶Q",
				 "«Ü¤[¡K¡K«Ü¤[«Ü¤[¥H«á<br>"+
"µ¥¨ìÀY¾v³£¥Õ¤F<br>"+
"¦pªG¨£¤F­±¡A§A§Ú³£¤£·|Àª§¼ªº®É­Ô<br>"+
"§Ú·Q§Ú¤@©w­n¸ò§A¦A¨£¤@­±<br>"+
"¬Ý¬Ý§AÅÜ¦¨¬Æ»ò¼Ë¤l¡A¤é¤l¹L±o«ç»ò¼Ë<br>"+
"´N¹³§A»¡ªº¡A®É¶¡·|Åý¤H§ïÅÜ<br>"+
"§Ú³ºµM¤]¥i¥H¡A³o»ò©ZµMªº¸ò§A»¡§Ú­nµ²±Bªº¨Æ",
				 "¨º¥s¬Æ»ò¦n©O<br>"+
"µæ»·¤û¦×§a<br>"+
"¦n¡A¦ý§Ú¤£¦Y¤û¦×ªº<br>"+
"¸Õ¸Õ³a´ÔÃZ¸z§a<br>"+
"¤£¦n·N«ä¡A§Ú¤£¦Y³a´Ôªº<br>"+
"¦n¡A²{¦b§Ú­Ì¤£¦Y³a´Ô¡A¤û¦×¤]¤£¦æ<br>"+
"ªLsir¡A§A¥s§a<br>"+
"¥s¤@­Ó³a´Ô¤û¦×¦n¤£¦n¡H",
				 "¥®¸X",
				 "¬ù©wªº5­Ó¨BÆJ-¥´¤Ä¤Ä",
				 "¬ù©wªº5­Ó¨BÆJ-»\³¹",
				 "¬ù©wªº5­Ó¨BÆJ-Ã±¦r",
				 "¬ù©wªº5­Ó¨BÆJ-½Æ¦L",
				 "¬ù©wªº5­Ó¨BÆJ-À£¼Ò",
				 "¤£¹L¨Æ¹ê¤W¡A¤£·|ºÆ¨g±o¹L°lµÛ±m­iªº¤pª¯<br>"+
"ª¯¬O¦âª¼ªº¡A¬Ý¤£¨£±m­i<br>"+
"¥¿¦p§Ú­Ì¬Ý¤£¨ì®É¶¡¤@¼Ë<br>"+
"·P¨ì®É¶¡¬y³u¡A«o¬Ý¤£¨ì®É¶¡<br>"+
"§Ú­Ì´N¹³§¤µÛ¶W­µ³t¤õ¨®<br>"+
"¥|©P­·´º­¸¹£¦Ó¹L<br>"+
"°²³]§Ú­Ì¥i¥H§â¤õ¨®°±¤U¨Ó<br>"+
"¬Ý¬Ý®É¶¡ªºÃf¤s­±¥Ø<br>"+
"§Ú­Ì·|¹³ª¯¬Ý¨ìÃC¦â¤@¼Ë",
				 "§A³o§âÀY¾v¯u¬ü<br>"+
"§âÀY¾v°Åµu<br>"+
"°Åµu¡H¨º»ò°Å³o­Óªø«×¡H<br>"+
"°ª¤@ÂI<br>"+
"°ª¤@ÂI¡H³o¸Ì¡H<br>"+
"¦A°ª¤@ÂI<br>"+
"­þ¸Ì¡H³o¸Ì<br>"+
"§AªÖ©w¡HªÖ©w¡A³Â·Ð¤F<br>"+
"§A»Wµu¾v«Ü¦n¬Ý¡Aº¡·N§a¡H<br>"+
"¤Q¤Àº¡·N",
				 "¹ï¤F¡Aªkº¸°Ò¥L¬O´¿³o¼Ë»¡¹L<br>"+
"¼Æ¾Ç©Mª«²z¡A¬O±q®Ç¬Ý¨ì¯«¤U´Ñ®É<br>"+
"¦b¨º¸Ì¦³µÛ«ç¼Ëªºªk«h<br>"+
"¬O¦b³o¸Ì¤§¤¤´M§äªº<br>"+
"¥i¯à¤H­Ìªº¬Û¹J¤]¬O<br>"+
"¦b¨ºªk«h¤§¤W¤]»¡¤£©w<br>"+
"­Y¨º³B¨S¦³ªk«h<br>"+
"´Nºâ¨â¤H¦b¬Y³B¬Û¹J<br>"+
"¤]¤£·|²o³s¤¤<br>"+
"§Ú­Ì¤]¤£·|¦b¦t©zªº¤@¨¤<br>"+
"¦b³o·|³õ¤¤»E¶°",
				 "secret.gif",
				 "shootTheDuck",
				 "shower.gif",
				 "sinCurve.gif",
				 "spell.gif",
				 "taxi",
				 "²Ä¤@¡B¤£­n¥s¦o·Å¬X¡C<br>"+
"²Ä¤G¡B¤£­nÅý¦o³Ü¤TªM¥H¤W¡A§_«h¦o·|³{¤H´N¥´¡F<br>"+
"²Ä¤T¡B¦b©@°ØÀ]¤@©w­n³Ü©@°Ø¡B¤£­n³Ü¥i¼Ö©Î¾í¥Ä¡F<br>"+
"²Ä¥|¡B¦pªG¦o¥´§A¡A¤@©w­n¸Ë±o«Üµh¡A¦pªG¯uªº«Üµh¡A¨º­n¸Ë±o¨S¨Æ¡F<br>"+
"²Ä¤­¡B¦b§A­Ì»{ÃÑªº²Ä¤@¦Ê¤Ñ¡A¤@©w­n¥h¦o¯Z¤W°e¤@¤äª´ºÀ¡A¦o·|«D±`³ßÅw¡F<br>"+
"²Ä¤»¡B§A¤@©w­n¾Ç·|À»¼C¡A¥´¾À²y¡F<br>"+
"²Ä¤C¡B­nÀH®É°µ¦nÃÛºÊº»ªº«ä·Q·Ç³Æ¡F<br>"+
"²Ä¤K¡B¦pªG¦o»¡¦o·|±þ¤F§A¡A¨º¤£­n·í¯u¡A³o¼Ë§A·|¦n¨ü¨Ç¡F<br>"+
"²Ä¤E¡B¦pªG¦oªº¾c¬ïµÛ¤£µÎªA¡A¤@©w­n©M¦o´«¾c¬ï¡F<br>"+
"²Ä¤Q¡B¦o³ßÅw¼gªF¦è¡A­n¦n¦n¦a¹ªÀy¦o¡C",
				 "¹ï§Ú¨Ó»¡»P¤s¥Ð¥ý¥Í¦b¤@°_ªº¤é¤l¤£¬O¤Û¶H<br>"+
"¦Ó¬O¤£¥i´À¥Nªº¬Ã¶Q°O¾Ð",
				 "­þ­Ó¬O¤Û¶H©O¡H<br>"+
"¬O¨£¨ì«C¤s¤p©jªº®É­Ô<br>"+
"ÁÙ¬O¨£¤£¨ì«C¤s¤p©jªº®É­Ô<br>"+
"­þ­Ó¬O¤Û¹³©O",
				 "whatIsLove.gif",
				 "whoSuffer.gif",
				 "¥i¥H¥h§ó¦nªº¦a¤è<br>"+
"³o¸Ì¤£¬O«Ü¦n¶Ü¡H¤£¥Î¹ïµÛ¬Ý<br>"+
"§Ú¤£³ß¹ïµÛ¤H¬Ý<br>"+
"¬°¬Æ»ò<br>"+
"·PÄ±­n¤£°±»¡¸Ü¡A§Ú¤£³ßÅw<br>",
"¥s¨«¹Lªº¤H³£°±¤U¨Óªº¥Õ¦âªáºy",
"¤j¶ý¡A¤S¶R¤F±m²¼¶Ü<br>"+
"§Ú¨Ó²q²q«ç»ò¼Ë<br>"+
"2 5 7 13 38<br>"+
"§A«ç»òª¾¹Dªº<br>"+
"§Ú«ç»òª¾¹D¨º¨Ç¼Æ¦r<br>"+
"¨º¦ÑªO®Q¨C¦¸»¡¸Ü³£·|­«ÂÐ²Ä¤G¦¸<br>"+
"©Ò¥H¦o¤@©w¼g¤F2<br>"+
"®a¸Ì5­Ó«Ä¤l ªÖ©w¤ß¸Ì®IµÛ5¦r<br>"+
"38·³¦¨¤F¹è°ü<br>"+
"7¤ë14¬O¦Ñ¤½ªº§Ò¤é<br>"+
"©Ò¥H7 14 38 ¤@ª½¦b¤ß¸Ì"
				 ];				 

var lastRan = -1;

/**
 * Since carousel.addItem uses an HTML string to create the interface
 * for each carousel item, this method formats the HTML for an LI.
 **/

var fmtItem = function(imgUrl, url, title) {

  	var innerHTML = 
  		'<a href="' + 
  		photoFolder+
  		url + 
  		'"><img src="' + 
  		photoFolder+
  		imgUrl +
		'" width="' +
		200 +
		'" height="' +
		150+
		'"/>' + 
  		'</a>'+
  		title +
  		'<br><br><br>';
  		
  
	return innerHTML;
	
};

/**
 * Custom inital load handler. Called when the carousel loads the initial
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadInitHandler
 **/
var loadInitialItems = function(type, args) {

	var start = args[0];
	var last = args[1]; 

	load(this, start, last);	
};

/**
 * Custom load next handler. Called when the carousel loads the next
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadNextHandler
 **/
var loadNextItems = function(type, args) {	

	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load(this, start, last);
	}
};

/**
 * Custom load previous handler. Called when the carousel loads the previous
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadPrevHandler
 **/
var loadPrevItems = function(type, args) {
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load(this, start, last);
	}
};

var load = function(carousel, start, last) {
	for(var i=start;i<=last;i++) {
		var randomIndex = getRandom(imageList.length, lastRan);
		lastRan = randomIndex;
		carousel.addItem(i, fmtItem(imageList[randomIndex], urlList[randomIndex], titleList[randomIndex]));
/*
		// Example of an alternate way to add an item (passing an element instead of html string)
		var p = document.createElement("P");
		var t = document.createTextNode("Item"+i);
		p.appendChild(t);
		carousel.addItem(i, p );
*/
	}
};

var getRandom = function(max, last) {
	var randomIndex;
	do {
		randomIndex = Math.floor(Math.random()*max);
	} while(randomIndex == last);
	
	return randomIndex;
};

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the previous button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: prevButtonStateHandler
 **/
var handlePrevButtonState = function(type, args) {

	var enabling = args[0];
	var leftImage = args[1];
	if(enabling) {
		leftImage.src = "img/left-enabled.gif";	
	} else {
		leftImage.src = "img/left-disabled.gif";
	}
	
};

/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'dhtml-carousel'.) See the
 * HTML code below.
 **/

var carousel;
var pageLoad = function() 
{
	carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
		{
			numVisible:        1,
			animationSpeed:   .25,
			scrollInc:         3,
			navMargin:         20,
			prevElement:       "prev-arrow",
			nextElement:       "next-arrow",
			loadInitHandler:   loadInitialItems,
			loadNextHandler:   loadNextItems,
			loadPrevHandler:   loadPrevItems,
			prevButtonStateHandler:   handlePrevButtonState
		}
	);
};
addLoadEvent(pageLoad);

