(function ($) {
    $(document).ready(function () {

        //		$('input[type="checkbox"]').styledCheckbox();					// Styled Checkboxes

        // $('input[type="radio"]').styledRadio(); 					// Styled Radio Buttons

        //$('input[type="file"]').styledfile(); 					// Styled File Fields

        $('form div.text, form .textarea, form .long, form .textLarge, form .short, form .tiny').smartlabels(	// Labels
			{
			// Example for removing error class once user had typed something...
			'keydownCallback': function (el) { $(el).closest('.field').removeClass('error'); }

}
		);

        $(".filter:not(.create,.quick)").click(function (event) {						// Filter behaviour
            event.preventDefault();

            var bttn = $(this);
            bttn.blur();

            var filterWidth = $("#Filter").outerWidth();

            var filterHeight = $("#Filter").outerHeight();

            $("#FilterHolder").expose({

                onBeforeLoad: function () {

                    bttn.addClass('filterActive');

                    $("#Filter").css({
                        'visibility': 'hidden',
                        display: 'block'
                    });

                    $("#Filter").css({
                        'overflow': 'hidden',
                        height: 40 + 'px',
                        width: 86 + 'px',
                        'visibility': 'visible'
                    }).animate({
                        height: filterHeight,
                        width: filterWidth
                    });

                },

                onBeforeClose: function () {

                    $("#Filter").animate({
                        width: 86 + 'px',
                        height: 40 + 'px'
                    }, 500, "linear", function () {

                        $("#Filter").css({
                            height: filterHeight,
                            width: filterWidth,
                            'visibility': 'hidden'
                        }).hide();

                        bttn.removeClass('filterActive');

                    });

                }

            });
        });


        /* filter date range start */

        // filter: date range
        var dateRangeStart = $('#DateRangeStart').datepicker({
            dateFormat: 'dd/mm/yy',
            showOn: 'button',
            buttonImage: $.thebakit.datepikcerUrl,
            buttonImageOnly: true,
            onSelect: function (dateText, inst) {
                dateRangeEnd.datepicker('option', 'minDate', $(this).datepicker('getDate'));
            }
        });

        var dateRangeEnd = $('#DateRangeEnd').datepicker({
            dateFormat: 'dd/mm/yy',
            showOn: 'button',
            buttonImage: $.thebakit.datepikcerUrl,
            buttonImageOnly: true,
            onSelect: function (dateText, inst) {
                dateRangeStart.datepicker('option', 'maxDate', $(this).datepicker('getDate'));
            }
        });

        $('#DateRangeStartDateTrigger').click(function (event) {
            dateRangeStart.datepicker('show');
        });

        $('#DateRangeEndDateTrigger').click(function (event) {
            dateRangeEnd.datepicker('show');
        });

        /* filter date range end */

        var showingNotices = true;

        $('.showHide').click(function (event) {					// Show/Hide Notices
            event.preventDefault();
            var $this = $(this);
            if (showingNotices) {

                $('.noticesContent').css('overflow', 'hidden').animate({
                    height: '10px'
                }, 500, "linear", function () {
                    $this.text('Show Notices').addClass('hiding');
                });

                showingNotices = false;
            } else {

                $('.noticesContent').css('overflow', 'hidden').animate({
                    height: '65px'
                }, 500, "linear", function () {
                    $this.text('Hide Notices').removeClass('hiding');
                });

                showingNotices = true;

            }
        });

        $('.draggable').draggable({
            helper: 'clone',
            appendTo: 'body',
            drag: function (event, ui) {
                $("#SlidePane").css('overflow', 'visible');
            },
            stop: function (event, ui) {
                $("#SlidePane").css('overflow', 'hidden');
                $(this).find('.buildingBlock').removeClass('dropZone');
            },
            start: function (event, ui) {
                $(this).find('.buildingBlock').addClass('dropZone');
            }
        });

        //		$(".dropZone").droppable({
        //			accept: ".draggable",
        //			activeClass: 'dropZoneHighlight',
        //			drop: function(event, ui) {
        //				$(this).addClass('dropZoneHighlight');
        //			}
        //		});

        // Header Buttons {

        $('.headerButtons .bttn').hover(
            function () {
                //$('.headerButtons').find('.bttnActive').removeClass('bttnActive');
                $(this).addClass('bttnActive');
            },
            function () {
                $('.headerButtons').find('.bttnActive').removeClass('bttnActive');
                $('.headerButtons').find('.default').addClass('bttnActive');
            }
        );

            $('.headerButtonsBA .bttn').hover(
            function () {
                //$('.headerButtonsBA').find('.bttnActive').removeClass('bttnActive');
                $(this).addClass('bttnActive');
            },
            function () {
                $('.headerButtonsBA').find('.bttnActive').removeClass('bttnActive');
                $('.headerButtonsBA').find('.default').addClass('bttnActive');
            }
        );

        /* create canvas script starts */
        var triggers = $("li.create a, #ContentTop a.createBttn").overlay({
            // some mask tweaks suitable for modal dialogs
            mask: {
                color: '#ffffff',
                loadSpeed: 'fast',
                opacity: 0.9
            },
            //top: '30%',
            close: '#CancelNewCanvas',
            onBeforeLoad: function () { },
            onBeforeClose: function () {
                $('#CreateCanvasPopup').find('.error').removeClass('error');
            },
            closeOnClick: false
        });

        // if cancel is clicked, reset the mood bar
        $('#CreateCanvasPopup :reset').click(function (event) {
        });

        // filter: date range
        var createCanvasStartDate = $('#CreateCanvasPopup #CanvasStartDate').datepicker({
            dateFormat: 'dd/mm/yy',
            showOn: 'button',
            buttonImage: $.thebakit.datepikcerUrl,
            buttonImageOnly: true,
            onSelect: function (dateText, inst) {
                createCanvasEndDate.datepicker('option', 'minDate', $(this).datepicker('getDate'));
            }
        });

        var createCanvasEndDate = $('#CreateCanvasPopup #CanvasEndDate').datepicker({
            dateFormat: 'dd/mm/yy',
            showOn: 'button',
            buttonImage: $.thebakit.datepikcerUrl,
            buttonImageOnly: true,
            onSelect: function (dateText, inst) {
                createCanvasStartDate.datepicker('option', 'maxDate', $(this).datepicker('getDate'));
            }
        });

        $('#CreateCanvasPopup #StartDateTrigger').click(function (event) {
            createCanvasStartDate.datepicker('show');
        });

        $('#CreateCanvasPopup #EndDateTrigger').click(function (event) {
            createCanvasEndDate.datepicker('show');
        });

        // form validation
        

        /* create canvas script ends */


    });
} (jQuery));