// JavaScript Document

//核選樣式=================================
$(function(){
	$(":checkbox,:radio").checkbox();
});

//選單樣式===========================================
$(function(){
	$('.myselect').selectmenu();
});

/*自動 textarea 適應高 搭配 jquery.autogrow.js  tain-ui.css一段  textarea.expanding { line-height: 18px; }使用=================================*/
$(document).ready (function() {
	$('textarea.expanding').autogrow();
});

//森田表格樣式====================================================================
$(function(){
//一般狀態

$(".mytable td,.mytable th").addClass("ui-widget-content");
$(".mytable tr.row_0 th").addClass("ui-widget-header");
$(".mytable tr.row_1 th").css({"font-weight":"bold"});

/*
$(".mytable tr.row_1").hover(
	function(){
		$(this).find("td, th").addClass("ui-state-highlight");
	},
	function(){
		$(this).find("td, th").removeClass("ui-state-highlight");
	}
);
*/

});

//自動生成 a 按鈕==============================================
$(function(){
	//預設高
	$(".myabtn").wrapInner("<span class='ui-state-default'></span>");
	$(".myabtn").addClass("fg-button ui-state-default ui-corner-all");//自動寫入
	
	//高20a
	$(".myabtn20").wrapInner("<span class='ui-state-default'></span>");//塞入span文字
	$(".myabtn20").addClass("fg-button fg-button-20 ui-state-default ui-corner-all");//自動寫入
	
	
	//預設高帶按鈕
	$(".myabtnicon").wrapInner("<span class='ui-state-default'></span>");
	$(".myabtnicon").addClass("fg-button ui-state-default ui-corner-all");
	$(".myabtnicon").css({"padding-left":"25px"});
	$(".myabtnicon em").addClass("ui-icon").css({"position":"absolute", "top":"13px", "left":"15px"});//自動寫入
	
	//預設高帶按鈕20
	$(".myabtnicon20").wrapInner("<span class='ui-state-default'></span>");
	$(".myabtnicon20").addClass("fg-button fg-button-20 ui-state-default ui-corner-all");
	$(".myabtnicon20").css({"padding-left":"20px"});
	$(".myabtnicon20 em").addClass("ui-icon").css({"position":"absolute", "top":"9px", "left":"10px"});//自動寫入
	 
	//修正a span按鈕有外框，fu-button.js有相同的一段。(森田)
	$(".myabtn span, .myabtn20 span, .myabtnicon span, .myabtnicon20 span").css({
		border:"none",
		background:"none"
		});
	
	$(".myabtn, .myabtn20, .myabtnicon, .myabtnicon20")
	.hover(
		function(){ 
			$(this).find("span").addClass("ui-state-hover"); 
		},
		function(){ 
			$(this).find("span").removeClass("ui-state-hover"); 
		}
	)
	.mousedown(function(){
			 $(this).find("span").addClass("ui-state-active"); 	
	})
	.mouseup(function(){
		$(this).find("span").removeClass("ui-state-active");
	});
});

//自動生成input預設按鈕==================================================
$(function(){
	$(".myinputbtn").addClass("fg-button ui-state-default ui-corner-all");
	//自動生成預設按鈕20px高 
	$(".myinputbtn20").addClass("fg-button fg-button-20 ui-state-default ui-corner-all");
	// 把按鈕加上hover按鈕，在fg-button.js有相同的一段(森田)
		$(".fg-button:not(.ui-state-disabled)")
		.hover(
			function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		)
		.mousedown(function(){
				$(this).parents('.fg-buttonset-single:first').find(".fg-button.ui-state-active").removeClass("ui-state-active");
				if( $(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active') ){ $(this).removeClass("ui-state-active"); }
				else { $(this).addClass("ui-state-active"); }	
		})
		.mouseup(function(){
			if(! $(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button,  .fg-buttonset-multi .fg-button') ){
				$(this).removeClass("ui-state-active");
			}
		});
});

//自動分頁樣式====================================================
$(function(){
	//數字連結狀態
	$(".num").addClass("ui-state-default ui-corner-all");	
	$(".num").hover(
		function(){
			$(this).addClass("ui-state-hover");	
		},
		function(){
		$(this).removeClass("ui-state-hover");	
		}
	);
	//數字當前頁狀態
	$("span.current").addClass("ui-widget-header ui-corner-all");
	
	
	
	//方向基底-有效
	$("a.first, a.prev, a.next, a.end").addClass("ui-state-default ui-corner-all");
	//方向基底連結狀態
	$("a.first, a.prev, a.next, a.end").hover(
		function(){
			$(this).addClass("ui-state-hover");	
		},
		function(){
		$(this).removeClass("ui-state-hover");	
		}
	);
	
	
	//方向圖標-有效
	$("a.first span").addClass("ui-icon ui-icon-arrowthickstop-1-w");
	$("a.prev span").addClass("ui-icon ui-icon-triangle-1-w");
	$("a.next span").addClass("ui-icon ui-icon-triangle-1-e");
	$("a.end span").addClass("ui-icon ui-icon-arrowthickstop-1-e");
	
	//方向圖標-無效
	$("span.first em").addClass("ui-icon ui-icon-arrowthickstop-1-w");
	$("span.prev em").addClass("ui-icon ui-icon-triangle-1-w");
	$("span.next em").addClass("ui-icon ui-icon-triangle-1-e");
	$("span.end em").addClass("ui-icon ui-icon-arrowthickstop-1-e");
	
	
})