﻿$(document).ready(function () {
    PrimaryNav();
    ClearInputs();
    InputDatePicker();

    HomeSlideShow();

    HandleHomeNav();
    HandleSearchGrid();
    HandleSideEvents();

    DateEventMove();
    DateEventMoveNew();
    DateHelp();
});

var hslideTimer;
var hsNext = 2;
function HomeSlideShow() {
    hslideTimer = setTimeout("DoHomeSlide()", 10000);
}
function DoHomeSlide() {
    switch (hsNext) {
        case 1:
            $('.hslide5').fadeOut(500);
            $('.hslide1').fadeIn(500);
            hsNext = 2;
            break;
        case 2:
            $('.hslide1').fadeOut(500);
            $('.hslide2').fadeIn(500);
            hsNext = 3;
            break;
        case 3:
            $('.hslide2').fadeOut(500);
            $('.hslide3').fadeIn(500);
            hsNext = 4;
            break;
        case 4:
            $('.hslide3').fadeOut(500);
            $('.hslide4').fadeIn(500);
            hsNext = 5;
            break;
        case 5:
            $('.hslide4').fadeOut(500);
            $('.hslide5').fadeIn(500);
            hsNext = 1;
            break;
        default:
    }
    hslideTimer = setTimeout("DoHomeSlide()", 20000);
}


var pnTimer;
function PrimaryNav() {
    HidePrimaryNav();
    $('.artsPrimaryNavContainer').mouseenter(function () {
        $('.artsPrimaryNavContainer').stop(true,false).animate({ left: '0px' }, { duration: 500 });
    });
    $('.artsPrimaryNavContainer').mouseleave(function () {
        HidePrimaryNav();
    });
    //$('.sharedHeader ul.artsPrimaryNav').prepend('<li><a href="/">Home</a></li>');
}
function HidePrimaryNav() {
    var w = $('.artsPrimaryNavContainer').width();
    $('.artsPrimaryNavContainer').stop(true, false).animate({ left: '-' + (w - 30) + 'px' }, { duration: 1000 });
}

function HandleHomeNav() {
    $('.artsWho').click(function () {
        $('.artsFindContent').hide();
        $('.artsWhoContent').fadeIn(500);

        $('.artsFind').removeClass('artsOpp');
        $('.artsWho').addClass('artsOpp');
    });
    $('.artsFind').click(function () {
        $('.artsWhoContent').hide();
        $('.artsFindContent').fadeIn(500);

        $('.artsWho').removeClass('artsOpp');
        $('.artsFind').addClass('artsOpp');
    });
    $('.artsSubmit').click(function () {
        $('.artsUpcomingContent').hide();
        $('.artsSubmitContent').fadeIn(500);

        $('.artsUpcoming').removeClass('artsOpp');
        $('.artsSubmit').addClass('artsOpp');
    });
    $('.artsUpcoming').click(function () {
        $('.artsSubmitContent').hide();
        $('.artsUpcomingContent').fadeIn(500);

        $('.artsSubmit').removeClass('artsOpp');
        $('.artsUpcoming').addClass('artsOpp');
    });
}

function HandleSearchGrid() { if ($('.faGrid table').size() > 0) { $('.faGrid tr').eq($('.faGrid tr').size() - 3).css('borderStyle', 'none'); } }
function HandleSideEvents() { $('img.evShare').click(function () { $('div.evShare').fadeIn(500); }); }
function ClearInputs() {
    var clearMePrevious = '';

    // clear input on focus
    $('.clearMeFocus').focus(function() {
        if($(this).val()==$(this).attr('title')) {
            clearMePrevious = $(this).val();
            $(this).val('');
        }
    });

    // if field is empty afterward, add text again
    $('.clearMeFocus').blur(function() {
        if($(this).val()=='') {
            $(this).val(clearMePrevious);
        }
    });
}

function InputDatePicker() {

    //var today = new Date(); var dd = today.getDate(); var mm = today.getMonth() + 1; //January is 0!
    //var yyyy = today.getFullYear(); if (dd < 10) { dd = '0' + dd } if (mm < 10) { mm = '0' + mm } var today = mm + '/' + dd + '/' + yyyy;
    var today = new Date('1/1/2012');

    $('#dnn_submitEventNew_txtEventStartDate').DatePicker({
        format: 'm/d/Y',
        date: $('#dnn_submitEventNew_txtEventStartDate').val(),
        current: $('#dnn_submitEventNew_txtEventStartDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#dnn_submitEventNew_txtEventStartDate').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            $('#dnn_submitEventNew_txtEventStartDate').val(formated);
            $('#dnn_submitEventNew_txtEventStartDate').DatePickerHide();
        }
    });

    $('#dnn_submitEventNew_txtEventEndDate').DatePicker({
        format: 'm/d/Y',
        date: $('#dnn_submitEventNew_txtEventEndDate').val(),
        current: $('#dnn_submitEventNew_txtEventEndDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#dnn_submitEventNew_txtEventEndDate').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            $('#dnn_submitEventNew_txtEventEndDate').val(formated);
            $('#dnn_submitEventNew_txtEventEndDate').DatePickerHide();
        }
    });


    $('#dnn_submitEvent_txtEventDate').DatePicker({
        format: 'm/d/Y',
        date: $('#dnn_submitEvent_txtEventDate').val(),
        current: $('#dnn_submitEvent_txtEventDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#dnn_eventSearch_txtEndDate').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            $('#dnn_submitEvent_txtEventDate').val(formated);
            $('#dnn_submitEvent_txtEventDate').DatePickerHide();
        }
    });

    $('#dnn_homeNav_eventSearch_txtStartDate').DatePicker({
        format: 'm/d/Y',
        date: $('#dnn_homeNav_eventSearch_txtStartDate').val(),
        current: $('#dnn_homeNav_eventSearch_txtStartDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#dnn_homeNav_eventSearch_txtStartDate').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            $('#dnn_homeNav_eventSearch_txtStartDate').val(formated);
            $('#dnn_homeNav_eventSearch_txtStartDate').DatePickerHide();
        }
    });

    $('#dnn_homeNav_eventSearch_txtEndDate').DatePicker({
        format: 'm/d/Y',
        date: $('#dnn_homeNav_eventSearch_txtEndDate').val(),
        current: $('#dnn_homeNav_eventSearch_txtEndDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#dnn_homeNav_eventSearch_txtEndDate').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            $('#dnn_homeNav_eventSearch_txtEndDate').val(formated);
            $('#dnn_homeNav_eventSearch_txtEndDate').DatePickerHide();
        }
    });

    $('#dnn_eventSearch_txtStartDate').DatePicker({
        format: 'm/d/Y',
        date: $('#dnn_eventSearch_txtStartDate').val(),
        current: $('#dnn_eventSearch_txtStartDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#dnn_eventSearch_txtStartDate').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            $('#dnn_eventSearch_txtStartDate').val(formated);
            $('#dnn_eventSearch_txtStartDate').DatePickerHide();
        }
    });

    $('#dnn_eventSearch_txtEndDate').DatePicker({
        format: 'm/d/Y',
        date: $('#dnn_eventSearch_txtEndDate').val(),
        current: $('#dnn_eventSearch_txtEndDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#dnn_eventSearch_txtEndDate').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            $('#dnn_eventSearch_txtEndDate').val(formated);
            $('#dnn_eventSearch_txtEndDate').DatePickerHide();
        }
    });

    $('input.evSortDateFake').DatePicker({
        format: 'm/d/Y',
        date: $('input.evSortDateFake').val(),
        current: $('input.evSortDateFake').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('input.evSortDateFake').DatePickerSetDate(today, true);
        },
        onChange: function (formated, dates) {
            location.href = 'http://artsva.org/Home/FindanEvent.aspx?&startdate=' + formated;
            //$('input.evSortDateFake').val(formated);
            //$('input.evSortDateFake').DatePickerHide();
        }
    });

}

function DateEventMoveNew() {

    UpdateEventListWithExistingData();

    $('.eventAddNew').click(function () {
        var sdt = $('.eventStartDate').val();
        var edt = $('.eventEndDate').val();
        var tm = $('.eventTime').val();
        if ((sdt.length > 0) && (edt.length) && (tm.length > 0)) {
            $('.eventDateTimeBox').append('<table class="evtTable"><tbody><tr><td class="evtDate">' + sdt + '-' + edt + '</td><td rowspan="2" class="evtRemove"><img alt="" title="Remove Date/Time" src="/portals/11/skins/mw2/images/iRemoveDates.png" /></td></tr><tr><td class="evtTime">' + tm + '</td></tbody></table>');
            AttachEventRemove();
            UpdateEventDateTime();
        } else {
            alert('Please supply a start date, end date and corresponding times.');
        }
    });

    $('.seSubmit').mouseover(function () {
        UpdateEventDateTime();
    });
    $('.seSubmit').click(function () {
        UpdateEventDateTime();
    });
}

// Don't Modify
function DateEventMove() {
    UpdateEventListWithExistingData();

    $('.eventAdd').click(function () {
        var dt = $('.eventDate').val();
        var tm = $('.eventTime').val();
        if ((dt.length > 0) && (tm.length > 0)) {
            if (($('.evtDate:contains(' + dt + ')').size()) > 0) {
                alert('The date ' + dt + ' already exists in your list.');
            } else {
                $('.eventDateTimeBox').append('<table class="evtTable"><tbody><tr><td class="evtDate">' + dt + '</td><td rowspan="2" class="evtRemove"><img alt="" title="Remove Date/Time" src="/portals/11/skins/mw2/images/iRemoveDates.png" /></td></tr><tr><td class="evtTime">' + tm + '</td></tbody></table>');
                AttachEventRemove();
                UpdateEventDateTime();
            }

        } else {
            alert('Please supply a date and corresponding times.');
        }
    });

    $('.seSubmit').mouseover(function () {
        UpdateEventDateTime();
    });
    $('.seSubmit').click(function () {
        UpdateEventDateTime();
    });
}

function AttachEventRemove() {
    $('.evtRemove img').unbind('click').click(function () {
        if (confirm('Are you sure you want to remove the following event date: ' + $(this).parent().parent().children('.evtDate').html())) {
            $(this).parent().parent().parent().parent().remove();
            UpdateEventDateTime();
        }
    });
}
function UpdateEventListWithExistingData() {
    var list = $('.eventDateTimeBox').html();
    var existing = $('.txtHiddenDateTime').val();

    if ((list != null) && (existing != null)) {
        if ((list.length == 0) && (existing.length > 0)) {
            var exs = existing.split("|");
            for (var i = 0; i < exs.length; i++) {
                var ex = exs[i].split("?");
                $('.eventDateTimeBox').append('<table class="evtTable"><tbody><tr><td class="evtDate">' + ex[0] + '</td><td rowspan="2" class="evtRemove"><img alt="" title="Remove Date/Time" src="/portals/11/skins/mw2/images/iRemoveDates.png" /></td></tr><tr><td class="evtTime">' + ex[1] + '</td></tbody></table>');
            }
            AttachEventRemove();
        }
    }
}
function UpdateEventDateTime() {
    var dts = '';
    var iCnt = 0;
    $('.evtTable').each(function (intIndex) {
        if (iCnt != 0) { dts += '|'; }

        var dt = $('.evtDate', this).html();
        var tm = $('.evtTime', this).html();

        if (dt.length > 0) { dt = dt.replace(/\|/g, '-').replace(/\?/g, '.'); }
        if (tm.length > 0) { tm = tm.replace(/\|/g, '-').replace(/\?/g, '.'); }
        
        dts += dt + '?' + tm;
        iCnt += 1;
    });
    $('.txtHiddenDateTime').val(dts);
}

var dateHelpShowing = false;
function DateHelp() {
    $('.eventHelp').click(function () {
        if (dateHelpShowing == false) {
            $('.helpVideo').show(500).html('<br /><iframe frameborder="0" scrolling="no" style="width: 670px; height: 420px; border: solid 2px #a7a6a6; margin-left: -20px;" src="/portals/11/help_video/"></iframe>');
            dateHelpShowing = true;
        } else {
            $('.helpVideo').hide(500).html('');
            dateHelpShowing = false;
        }
    });
}
