// Start
$(function(){
    // --------- No Right Click --------- //
    $(document).bind('contextmenu', function(e){
        return false;
    });

    $("a[rel^='prettyPhoto']").prettyPhoto();
    $('#marquee').marquee();
    $('#slidingDiv').hide();
    $('#slideshowHolder').jqFancyTransitions({
        width: 300,
        height: 200,
        delay: 5000,
        navigation: true,
        links : true
    });
    // Tab
    $('#tabs').tabs().tabs('rotate', 5000, true).find('.ui-tabs-nav').sortable({
        axis: 'x'
    });
    
    // Dialog Start
    $('#ColumnDialog').dialog({
        autoOpen: false,
        width: 400,
        modal: true
    });
    $('#ColumnDialogLink').click(function(){
        $('#ColumnDialog').dialog('open');
        return false;
    });

    $('#UserDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#UserDialogLink').click(function(){
        $('#UserDialog').dialog('open');
        return false;
    });

    $('#ExchangeDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#ExchangeDialogLink').click(function(){
        $('#ExchangeDialog').dialog('open');
        return false;
    });

    $('#NummunDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#NummunDialogLink').click(function(){
        $('#NummunDialog').dialog('open');
        return false;
    });

    $('#ShortDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#ShortDialogLink').click(function(){
        $('#ShortDialog').dialog('open');
        return false;
    });

    $('#AdvertiseDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#AdvertiseDialogLink').click(function(){
        $('#AdvertiseDialog').dialog('open');
        return false;
    });

    $('#PollDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#PollDialogLink').click(function(){
        $('#PollDialog').dialog('open');
        return false;
    });

    $('#AnswerDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#AnswerDialogLink').click(function(){
        $('#AnswerDialog').dialog('open');
        return false;
    });

    $('#IndexDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#IndexDialogLink').click(function(){
        $('#IndexDialog').dialog('open');
        return false;
    });

    $('#StockDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#StockDialogLink').click(function(){
        $('#StockDialog').dialog('open');
        return false;
    });

    $('#CompanyDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#CompanyDialogLink').click(function(){
        $('#CompanyDialog').dialog('open');
        return false;
    });

    $('#LinkDialog').dialog({
        autoOpen: false,
        width: 500,
        modal: true
    });
    $('#LinkDialogLink').click(function(){
        $('#LinkDialog').dialog('open');
        return false;
    });
    // Dialog End

    // ------- Connect With Start ------- //
    $('.column').sortable({
        connectWith: '.column'
    });
    $('.portlet').addClass('ui-widget ui-widget-content ui-helper-clearfix ui-corner-all')
    .find('.portlet-header')
    .addClass('ui-widget-header ui-corner-all')
    .prepend("<span class='ui-icon ui-icon-minusthick'></span>")
    .end()
    .find('.portlet-content');
    $('.portlet-header .ui-icon').click(function() {
        $(this).toggleClass('ui-icon-minusthick').toggleClass('ui-icon-plusthick');
        $(this).parents('.portlet:first').find('.portlet-content').toggle();
    });
    $('.column').disableSelection();
    // ------- Connect With End --------- //

    // Button Start
    $('#radio').buttonset();
    $('#check').button();
    $('#format').buttonset();
    $('#PollButtonVote').button();
    $('#PollButtonResult').button();
    $('.uiButton').button();
    $('#datepicker').datepicker({
        showOn: 'button',
        buttonImage: '/images/date.png',
        buttonImageOnly: true,
        dateFormat: 'yy-mm-dd',
        showAnim: 'explode'
    });
    // Button End

    // Form Start
    $('#frmLogin').validate();
    $('#frmColumn').validate();
    $('#frmKhao').validate();
    $('#frmComment').validate();
    $('#frmPoll').validate();
    $('#frmFeedback').validate();
    $('#frmFriend').validate();
    $('#frmUserInsert').validate();
    $('#frmUserUpdate').validate();
    $('#frmExchangeInsert').validate();
    $('#frmExchangeUpdate').validate();
    $('#frmNummunInsert').validate();
    $('#frmNummunUpdate').validate();
    $('#frmShortInsert').validate();
    $('#frmShortUpdate').validate();
    $('#frmAdvertiseInsert').validate();
    $('#frmAdvertiseUpdate').validate();
    $('#frmAnswer').validate();
    $('#frmIndex').validate();
    $('#frmStock').validate();
    $('#frmCompany').validate();
    $('#frmLink').validate();
    // Form End

    // ------------- Search Water Mark ----------- //
    var objKey = '#txtSearch';
    if($(objKey).val()==''){
        $(objKey).addClass('watermark');
    }
    $(objKey).focus(function(){
        $(objKey).removeClass('watermark');
    }).blur(function(){
        if($(objKey).val()==''){
            $(objKey).addClass('watermark');
        }
    });

    var minFont = 8;
    var maxFont = 18;
    var nowFont = 14;
    var objSet = 'div';
    $(objSet).css('font-size', nowFont);
    $('.mFont button').click(function(){
        var inCase=$(this).text();
        if(inCase == 'A +'){
            if(nowFont < maxFont){
                nowFont++;
            }else{
                nowFont = maxFont;
            }
            $(objSet).css('font-size', nowFont);
        }
        if(inCase == 'A -'){
            if(nowFont > minFont){
                nowFont--;
            }else{
                nowFont = minFont;
            }
            $(objSet).css('font-size', nowFont);
        }
    });

    $('#menu-jquery li a').hover(
        function() {
            $(this).css('padding', '5px 15px')
            .stop()
            .animate({
                'paddingLeft'       : '25px',
                'paddingRight'      : '25px',
                'backgroundColor'   : 'rgba(0,0,0,0.5)'
            },
            'fast');
        },

        function() {
            $(this).css('padding', '5px 25px')
            .stop()
            .animate({
                'paddingLeft'       : '15px',
                'paddingRight'      : '15px',
                'backgroundColor'   : 'rgba(0,0,0,0.2)'
            },
            'fast');

        }).mousedown(function() {

        $(this).stop().animate({
            'backgroundColor'       : 'rgba(0,0,0,0.1)'
        }, 'fast');

    }).mouseup(function() {

        $(this).stop().animate({
            'backgroundColor'       : 'rgba(0,0,0,0.5)'
        }, 'fast');
    });

    var Duration = 150; //time in milliseconds

    $('#navigation ul li a').hover(function() {
        $(this).animate({
            paddingLeft: '20px'
        }, Duration);
    }, function() {
        $(this).animate({
            paddingLeft: '0px'
        }, Duration);
    });

    elRTE.prototype.options.panels.web2pyPanel = [
    'bold', 'italic', 'underline', 'forecolor', 'justifyleft', 'justifyright',
    'justifycenter', 'justifyfull', 'formatblock', 'insertorderedlist', 'insertunorderedlist',
    'link', 'image', 'flash'
    ];
    elRTE.prototype.options.toolbars.web2pyToolbar = ['web2pyPanel', 'tables'];
    var opts = {
        lang         : 'en',   // set your language
        styleWithCSS : false,
        height       : 400,
        toolbar      : 'web2pyToolbar'
    };
    // create editor
    $('#khao_detailf').elrte(opts);

    $('#table tr').mouseover(function(){
        $(this).toggleClass('highlight');
    });
    $('#table tr').mouseout(function(){
        $(this).toggleClass('highlight');
    });
    //    $('#table tr').click(function(){
    //
    //    });

    // -------- Menu --------------//
    $('#jsddm > li').bind('mouseover', jsddm_open);
    $('#jsddm > li').bind('mouseout',  jsddm_timer);
});

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open() {
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}
function jsddm_close() {
    if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}
function jsddm_timer() {
    closetimer = window.setTimeout(jsddm_close, timeout);
}
function jsddm_canceltimer() {
    if(closetimer)
    {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}
document.onclick = jsddm_close;

// basic show and hide
function ShowHide(){
    $('#slidingDiv').animate({
        'height': 'toggle'
    }, {
        duration: 1000
    });
}

function CheckAll(formName) {
    for (var i = 0; i < document.forms[formName].elements.length; i++) {
        if(document.forms[formName].elements[i].type == 'checkbox'){
            document.forms[formName].elements[i].checked = !(document.forms[formName].elements[i].checked);
        }
    }
}

var menuids=['sidebarmenu1'] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){
    for (var i=0; i<menuids.length; i++){
        var ultags=document.getElementById(menuids[i]).getElementsByTagName('ul')
        for (var t=0; t<ultags.length; t++){
            ultags[t].parentNode.getElementsByTagName('a')[0].className+=' subfolderstyle'
            if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
                ultags[t].style.left=ultags[t].parentNode.offsetWidth+'px' //dynamically position first level submenus to be width of main menu item
            else //else if this is a sub level submenu (ul)
                ultags[t].style.left=ultags[t-1].getElementsByTagName('a')[0].offsetWidth+'px' //position menu to the right of menu item that activated it
            ultags[t].parentNode.onmouseover=function(){
                this.getElementsByTagName('ul')[0].style.display='block'
            }
            ultags[t].parentNode.onmouseout=function(){
                this.getElementsByTagName('ul')[0].style.display='none'
            }
        }
        for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
            ultags[t].style.visibility='visible'
            ultags[t].style.display='none'
        }
    }
}

if (window.addEventListener)
    window.addEventListener('load', initsidebarmenu, false)
else if (window.attachEvent)
    window.attachEvent('onload', initsidebarmenu)