$(document).ready(function () {

    $("a#playSWF").fancybox({ 'width': 1000, 'height': 719 });
    $("a#playSWF2").fancybox({ 'width': 1000, 'height': 719 });
    $("a#inline").fancybox({
        'hideOnContentClick': true
    });
//coming soon hover
    $("#comingsoon").hover(function () {
        $(this).append($("<span><br/>&nbsp;&nbsp;&nbsp;  Coming soon.</span>")); 
  },
    function () {
        $(this).find("span:last").remove();
    } 
  
    );
//checkbox check all
    $('#checkAll').click(function () {
        $("INPUT[type='checkbox']").attr('checked',
                $('#checkAll').is(':checked'));
    });

    $('.forgot').autofill({
        value: '        (Enter e-mail address)',
        defaultTextColor: '#c1c1c1'
    });

    $('#interstitial-loginFailed').dialog({
        dialogClass: "interstitial-popup",
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false,
        width: 700,
        height: 200,
        overlay: "background-color: #005bc2; opacity: 0.5"

    });
    $('#interstitial-Forgot').dialog({
        dialogClass: "interstitial-popup",
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false,
        width: 700,
        height: 200
    });
    $('#interstitial-invalidEmail').dialog({
        dialogClass: "interstitial-popup",
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false,
        width: 700,
        height: 200
    });
    $('#interstitial-regComplete').dialog({
        dialogClass: "interstitial-popup",
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false,
        width: 700,
        height: 200
    });
    $('#interstitial-regError').dialog({
        dialogClass: "interstitial-popup",
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false,
        width: 700,
        height: 210
    });
    $('#interstitial-unsubscribe').dialog({
        dialogClass: "interstitial-popup",
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false,
        width: 700,
        height: 210
    });

    $('.leftNav_Butt').bind('mouseover', function () {
        $tImgSrc = $(this).find("img").attr('src');
        $(this).find("img").attr('src', $tImgSrc.replace('_up', '_down'));
        if ($(this).attr('id') == 'leftNav_PhotoGallery') $('.photoGallery_flyout').show();
        if ($(this).attr('id') == 'leftNav_DigitalMedia') $('.digitalMedia_flyout').show();
    });
    $('.leftNav_Butt').bind('mouseout', function () {
        $tImgSrc = $(this).find("img").attr('src');
        $(this).find("img").attr('src', $tImgSrc.replace('_down', '_up'));
        if ($(this).attr('id') == 'leftNav_PhotoGallery') $('.photoGallery_flyout').hide();
        if ($(this).attr('id') == 'leftNav_DigitalMedia') $('.digitalMedia_flyout').hide();
    });

    $(".fbox").fancybox({
        autoDimension: true,
        scrolling: false,
        showCloseButton: false,
        titleShow: false,
        margin: 0,
        padding: 0,
        autoScale: false,
        overlayOpacity: 0.5,
        overlayColor: '#005bc2',
        transitionIn: 'elastic',
        transitionOut: 'elastic'
    });


    // ========== Slider ===========
    var sliderWidthLarge = 2185;
    var sliderWidthSmall = 485;
    var prevTab = 'sliderTab2';
    $("#photoGallery_Slider").slider({ animate: true, step: 5, min: 0, max: sliderWidthLarge, value: 0, slide: function (event, ui) { $('#' + prevTab + "SliderContent").scrollTo({ top: 0, left: ui.value }, { duration: 0 }); } })

    $(".cb_SelectAll").bind('click', function () { var currGroup = $(this).find('input').attr('id'); currGroup = currGroup.substring(currGroup.length - 6); $("input[id*='" + currGroup + "']").attr('checked', $(this).find('input').prop("checked")); });

    $('#sliderHeader .sliderTab').bind('mouseover', function () { $(this).css({ "cursor": "pointer" }); })
    $('#sliderHeader .sliderTab').bind('click', function () {
        var currTab = $(this).attr('id');
        if (currTab == 'sliderTab2') sliderWidth = sliderWidthLarge; else sliderWidth = sliderWidthSmall;
        $('#' + prevTab).attr('src', $('#' + prevTab).attr('src').replace("_down", "_up"));
        $('#' + prevTab + "Content").hide();
        $(this).attr('src', $(this).attr('src').replace("_up", "_down"));
        $('#' + currTab + "Content").show();
        $("#photoGallery_Slider").slider("option", "value", 0);
        $('#' + currTab + "SliderContent").scrollTo({ top: 0, left: 0 }, { duration: 0 });
        $("#photoGallery_Slider").slider({ animate: true, step: 5, min: 0, max: sliderWidth, value: 0, slide: function (event, ui) { $('#' + prevTab + "SliderContent").scrollTo({ top: 0, left: ui.value }, { duration: 0 }); } })
        prevTab = currTab;
    });

    //$('#sliderArrowLeft').bind('mouseover', function () { $(this).css({ "cursor": "pointer" }); }).mousehold(100, function () { var currVal = $("#photoGallery_Slider").slider("option", "value"); if (currVal > 0) $("#photoGallery_Slider").slider("value", currVal - 5); });
    //$('#sliderArrowRight').bind('mouseover', function () { $(this).css({ "cursor": "pointer" }); }).mousehold(100, function () { var currVal = $("#photoGallery_Slider").slider("option", "value"); if (currVal < 1000) $("#photoGallery_Slider").slider("value", currVal + 5); });
    // =============================

    /*$('#leftNav_PhotoGallery').hover(function () {
    $(this).css({ 'cursor': 'pointer' });
    });
    $('#leftNav_PhotoGallery').bind('click', function () {
    $('.digitalMedia').slideUp("slow", function () { });
    if ($('.photoGallery').is(":visible")) {
    $('.photoGallery').slideUp("slow", function () { });
    }
    else {
    $('.photoGallery').slideDown("slow", function () { });
    $tImgSrc = $(this).find("img").attr('src');
    $(this).find("img").attr('src', $tImgSrc.replace('_up', '_down'));
    if (currTitle != "") {
    $tImgPrv = $('#' + currTitle).find("img").attr('src');
    $('#' + currTitle).find("img").attr('src', $tImgPrv.replace('_down', '_up'));
    }
    currTitle = $(this).attr('id');
    }
    });

    $('#leftNav_DigitalMedia').hover(function () {
    $(this).css({ 'cursor': 'pointer' });
    });
    $('#leftNav_DigitalMedia').bind('click', function () {
    $('.photoGallery').slideUp("slow", function () { });
    if ($('.digitalMedia').is(":visible"))
    $('.digitalMedia').slideUp("slow", function () { });
    else {
    $('.digitalMedia').slideDown("slow", function () { });
    $tImgSrc = $(this).find("img").attr('src');
    $(this).find("img").attr('src', $tImgSrc.replace('_up', '_down'));
    if (currTitle != "") {
    $tImgPrv = $('#' + currTitle).find("img").attr('src');
    $('#' + currTitle).find("img").attr('src', $tImgPrv.replace('_down', '_up'));
    }
    currTitle = $(this).attr('id');
    }
    });*/

    if ($("#calendar").length > 0) {

        var minTime = "08:00 am";
        var maxTime = "08:00 pm";

        allEventTypeAssets();

        $(".BizDevLightbox").fancybox({
            autoDimension: true,
            scrolling: false,
            showCloseButton: false,
            titleShow: false,
            margin: 0,
            padding: 2,
            autoScale: false,
            overlayOpacity: 0,
            transitionIn: 'fade',
            transitionOut: 'fade'
        });


        $('#calendar').fullCalendar({
            eventBackgroundColor: '#782b89',
            eventBorderColor: '#333333',
            eventTextColor: '#fff',
            minTime: minTime,
            maxTime: maxTime,
            slotMinutes: 30,
            header: {
                left: '',
                center: 'title',
                right: 'month,agendaWeek,agendaDay  today'
            },
            buttonText: {
                prev: '&nbsp;&#9668;&nbsp;',  // left triangle
                next: '&nbsp;&#9658;&nbsp;',  // right triangle
                prevYear: '&nbsp;&lt;&lt;&nbsp;', // <<
                nextYear: '&nbsp;&gt;&gt;&nbsp;', // >>
                today: 'TODAY',
                month: 'MONTH',
                week: 'WEEK',
                day: 'DAY'

            },
            titleFormat: {
                month: 'MMMM yyyy',
                week: "MMM d[ yyyy]{ '&#8212;'[ MMM] d, yyyy}",
                day: 'dddd, MMM d, yyyy'
            },
            timeFormat: {
                // for agendaWeek and agendaDay
                agenda: 'h:mm{ - h:mm}',
                // for all other views
                '': 'h(:mm) tt'
            },
            axisFormat: 'h(:mm) tt',
            allDayText: 'All day',
            viewDisplay: function (view) {
                var calHeaderHTML = $('.fc-header-title h2').html();
                calHeaderHTML = "<img src='/_images/calendar/image_arrow-left.png' id='prevButton' class='calNavButton'>&nbsp;&nbsp;" + calHeaderHTML + "&nbsp;&nbsp;<img src='/_images/calendar/image_arrow-right.png' id='nextButton' class='calNavButton'>";
                $('.fc-header-title').html("<h2>" + calHeaderHTML + "</h2>");
            },
            selectable: false,
            selectHelper: false,
            editable: false,
            eventClick: function (calEvent, jsEvent, view) {

                tmpEvent = calEvent;

                if (calEvent.eventCategory == "event") {

                    tmpStartDate = $.fullCalendar.formatDate(calEvent.start, 'MM/dd/yyyy');
                    tmpStartTime = $.fullCalendar.formatDate(calEvent.start, 'hh:mm tt');
                    tmpEndDate = $.fullCalendar.formatDate(calEvent.end, 'MM/dd/yyyy');
                    tmpEndTime = $.fullCalendar.formatDate(calEvent.end, 'hh:mm tt');
                    //tmpallDay = allDay;

                    //$("#eventID").html(calEvent.id);

                    $("#eventTitle").html(calEvent.title);

                    $("#eventStartDate").html(tmpStartDate);
                    $("#eventStartTime").html(tmpStartTime)
                    $("#eventEndDate").html(tmpEndDate);
                    $("#eventEndTime").html(tmpEndTime);

                    $("#eventAssets").html("");

                    $.each(eAssetData, function (i) {
                        var eventType = eAssetData[i];
                        var eventAssets = eAssetData[i].assets;
                        if (eventType.EventTypeName == calEvent.title) {
                            $.each(eventAssets, function (j) {
                                if (eventAssets[j].Title != null)
                                  $("#eventAssets").append("<a href='" + eventAssets[j].URL + "'>" + eventAssets[j].Title + "</a><br />");
                            });
                        }
                    });

                    $("#dialog-eventDetailslink").trigger("click");

                    eventNotes(calEvent.id);

                    //$('#calendar').fullCalendar('removeEvents', 11);

                    /*alert('Event: ' + calEvent.title);
                    alert('Start: ' + calEvent.start);
                    alert('End: ' + calEvent.end);
                    alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
                    alert('View: ' + view.name);*/
                    //$(this).css('border-color', 'red');

                }

                if (calEvent.eventCategory == "rebate" || calEvent.eventCategory == "rebate_active") {


                    tmpStartDate = $.fullCalendar.formatDate(calEvent.start, 'MM/dd/yyyy');
                    tmpEndDate = $.fullCalendar.formatDate(calEvent.end, 'MM/dd/yyyy');
                    //tmpallDay = allDay;

                    tmpStartDate = $.fullCalendar.formatDate(calEvent.start, 'MM/dd/yyyy');
                    //tmpStartTime = $.fullCalendar.formatDate(calEvent.start, 'hh:mm tt');
                    tmpEndDate = $.fullCalendar.formatDate(calEvent.end, 'MM/dd/yyyy');
                    //tmpEndTime = $.fullCalendar.formatDate(calEvent.end, 'hh:mm tt');
                    //tmpallDay = allDay;

                    //$("#eventID").html(calEvent.id);

                    $("#eventTitle").html(calEvent.title);

                    $("#eventStartDate").html(tmpStartDate);
                    $("#eventStartTime").html("")
                    $("#eventEndDate").html(tmpEndDate);
                    $("#eventEndTime").html("");

                    $("#dialog-eventDetailslink").trigger("click");

                }

            },
            eventSources: [{
                url: 'allEvents.aspx',
                type: 'POST',
                error: function () {
                    alert('there was an error while fetching events!');
                }
            }]
        });


        $('#prevButton').live('click', function () {
            $('#calendar').fullCalendar('prev');
        });
        $('#nextButton').live('click', function () {
            $('#calendar').fullCalendar('next');
        });

        $('#calendar').fullCalendar('render');

    }

});

function previewImage(el) {
    var imgSrc = $(el).find('img').attr('src');
    $('#productPreview img:first').attr('src', imgSrc.replace('_sm', '_lg'));
    $('#productPreviewLabel').html($(el).parent().next().next().html().replace("<BR>", " ").replace("<br>", " "));
}

function previewPhoto(el) {
    var imgSrc = $(el).find('img').attr('src');
    $('#photoPreview7 img[id="firstPreview"]').attr('src', imgSrc.replace('thumb_', 'image_').replace('.jpg','_1.jpg'));
    $('#photoPreview7 img[id="secondPreview"]').attr('src', imgSrc.replace('thumb_', 'image_').replace('.jpg', '_2.jpg'));
    $('#photoPreview14 img[id="firstPreview"]').attr('src', imgSrc.replace('thumb_', 'image_').replace('.jpg', '_1.jpg'));
    $('#photoPreview14 img[id="secondPreview"]').attr('src', imgSrc.replace('thumb_', 'image_').replace('.jpg', '_2.jpg'));
}

function showPopupVideo() {
    //if (!$.browser.msie) {
        //document.getElementById("video").play();
    //}
    //else {
        var flashvars = {};
        var params = { play: "true", menu: "true", wmode: "window", base: "/_videos/flash/" };
        var attributes = {};
        var embedHandler = function (e){ }; 

        swfobject.embedSWF("/_videos/flash/botox-cosmetic.swf", "popup-video-flash", "650", "365", "9.0.0", "/_videos/flash/expressInstall.swf", flashvars, params, attributes, embedHandler);
    //}
}

function closePreview() {
    $.fancybox.close();
}
function showPreview(el) {
    $('#' + el).trigger('click');
}

// AJAX Call
function userLogin() {
    var urlMethod = location.href + "/UserLogin";
    var username = document.getElementById("ctl00_ctl00_ContentPlaceHolderMain_ContentPlaceHolderLeftCol_Username");
    var password = document.getElementById("ctl00_ctl00_ContentPlaceHolderMain_ContentPlaceHolderLeftCol_Password");
    var jsonData = "{'credential':[{'Username':'" + username.value + "','Password':'" + password.value + "'}]}";
    SendAjax(urlMethod, jsonData, rtnFunc);
}

function SendAjax(urlMethod, jsonData, returnFunction) {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: urlMethod,
        data: jsonData,
        dataType: "json",
        success: function (msg) {
            if (msg != null) {
                returnFunction(msg);
            }
        },
        error: function (xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert(err.Message);
        }
    });
}
function disableEnterKey(e) {
    var key = (window.event) ? event.keyCode : e.which;
    return (key != 13);
}
function rtnFunc(msg) {
    alert(msg.d);
}
function closeIt(diag) {
    $('#'+ diag).dialog("close");
}
////////////////////
function cancelCalEvent() {
    $.fancybox.close();
}
function eventNotes(eID) {
    var urlMethod = "webmethod.aspx/eventNotes";
    var jsonData = "{'eventID':" + eID + "}";
    SendAjax(urlMethod, jsonData, rtnEventNotes);
}
function rtnEventNotes(msg) {

    $('.note').attr('checked', false);

    var eNotes = $.parseJSON(msg.d);

    var noteText = '';

    $.each(eNotes, function (i) {

        noteText += eNotes[i].Text + " <br />";

    });

    $("#eventNotes").html(noteText);

}
function allEventTypeAssets() {
    var urlMethod = "webmethod.aspx/allEventTypeAssets";
    var jsonData = "";
    SendAjax(urlMethod, jsonData, rtnAllEventTypeAssets);
}
function rtnAllEventTypeAssets(msg) {
    eAssetData = $.parseJSON(msg.d);
    //$.each(eAssetData, function (i) {
        //var eventType = eAssetData[i];
        //var eventAssets = eAssetData[i].assets;
        //$(".eventTypes").append($("<option></option>").val(eventType.EventTypeID).html(eventType.EventTypeName));
    //});
}
function navPrintCalendar() {
   location.href = "print_summary.aspx";
}