//add Event
$(document).ready(function() {

//จัดการสีของตาราง -----------------------------------------------------
$('#managerTable tr:odd').css({"background-color":"#F7F7F7"});
$('#managerTable tr:odd').mouseover(function(){$(this).css({"background-color":"#D2D2D2"})});
$('#managerTable tr:odd').mouseout(function(){$(this).css({"background-color":"#F7F7F7"})});


$('#managerTable tr:even').css({ "background-color":""});
$('#managerTable tr:even').mouseover(function(){$(this).css({ "background-color":"#D2D2D2"})});
$('#managerTable tr:even').mouseout(function(){$(this).css({ "background-color":""})});
//จัดการสีของตาราง -----------------------------------------------------

$("#marquee").marquee();


/* #marquee option
yScroll: "top"	//ตำแหน่งเริ่มต้นที่จะให้เลื่อน เลื่อนจากล่างขึ้นบนหรือบนลงล่าง ("top" or "bottom")
    , showSpeed: 850 //ความเร็วในการแสดงแอนิเมชั่นตอนแสดงข้อความ
    , scrollSpeed: 12  //ความเร็วในการเคลื่อนที่ข้อความ ตั้งให้ต่ำไว้
    , pauseSpeed: 5000 //หน่วงเวลาก่อนจะแสดงข้อความถัดไป
    , pauseOnHover: true //ให้หยุดเมื่อเอาเมาส์ไปชี้หรือไม่ (true/false)
    , loop: -1 //จำนวนรอบในการแสดงข้อความ (ถ้าน้อยกว่า 0 คือไม่จำกัด ให้แสดงวนไปเรื่อยๆ)
    , fxEasingShow: "swing" //แอนิเมชั่นที่ใช้ลบข้อความเก่า ตอนเปลี่ยนข้อความ
    , fxEasingScroll: "linear" //แอนิเมชั่นที่ใช้ตอนแสดงข้อความใหม่
 
    // define the class statements 
    , cssShowing: "marquee-showing" //อันนี้ยังไม่ได้ทดลอง
 
    // event handlers 
    , init: null // callback function ที่จะให้ทำงานเมื่อปลั๊กอินเริ่มทำงาน
    , beforeshow: null // callback function ที่จะให้ทำงานก่อนแสดงข้อความ
    , show: null // callback function ที่จะให้ทำงานหลังจากข้อความแสดงขึ้นมา
    , aftershow: null // callback function ที่จะให้ทำงานหลังจากข้อความเลื่อนเสร็จ

*/
});