// JavaScript Document
$(function(){
		//加上 overlay 效果
		$('.thumb-wrapper').overlay({mask: '#000', effect: 'apple', closeOnClick: true});

		//定義共用變數
		var swfWidth = '640',			// 指定 YouTube 影片的寬
			swfHeight = '360',			// 指定 YouTube 影片的高
			autoPlay = '&autoplay=1',	// 是否載入 YouTube 影片後自動播放；若不要自動播放則設成 0
			fullScreen = '&fs=1';		// 是否允許播放 YouTube 影片時能全螢幕播放

			$('.thumb-wrapper').each(function(){
				// 取得圖片參數
				var vid = $(this).attr('href').match('[\\?&]v=([^&#]*)')[1];

				// 取得縮圖
				var thumbUrl = '../upl/' + vid + '.jpg';

				// 當點擊到圖片時就轉換成 YouTube 影片
				$(this).click(function(){
					var swf  = '';
					swf += '<object width="'+swfWidth+'" height="'+swfHeight+'">';
					swf += '<param name="movie" value="http://www.youtube.com/v/'+ vid + autoPlay + fullScreen+'"></param>';
					swf += '<param name="wmode" value="transparent"></param>';
					swf += (fullScreen == '&fs=1') ? '<param name="allowfullscreen" value="true"></param>' : '';
					swf += '<embed type="application/x-shockwave-flash" src="http://www.youtube.com/v/' + vid + autoPlay + fullScreen+'" ';
					swf += (fullScreen == '&fs=1') ? 'allowfullscreen="true" ' : '';
					swf += 'wmode="transparent" width="'+swfWidth+'" height="'+swfHeight+'"></embed>';
					swf += '</object/>';
					//組出影片
					$('.apple_overlay .play').html(swf);
					
					//不要有反應
					return false;
				})
				//更換背景圖
				.children('.thumb-bg').attr('style', 'background-image:url(' + thumbUrl + ')');

			});
		
   $(document).ready(function(){
	
	$(".ui-dropdown").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ".ui-dropdown"

	$(".dropdown-toggler").click(function() { //When trigger is clicked...
		
		//Following events are applied to the "ul.dropdown-wrapper" itself (moving "ul.dropdown-wrapper" up and down)
		$(this).parent().find("ul.dropdown-wrapper").slideDown('fast').show(); //Drop down the "ul.dropdown-wrapper" on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.dropdown-wrapper").slideUp('slow'); //When the mouse hovers out of the "ul.dropdown-wrapper", move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("ul.dropdown-wrapper"); //On hover over, add class "ul.dropdown-wrapper"
		}, function(){	//On Hover Out
			$(this).removeClass("ul.dropdown-wrapper"); //On hover out, remove class "ul.dropdown-wrapper"
	});

});		
		
		});