jQuery(document).ready(function ($)
{
    //apple device
    if (navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
    {
        $("footer").css("position", "absolute");
        //$("#sidebar").css("position", "static");
        $('.bg-tl').css("position", "absolute");
         $('.bg-tr').css("position", "absolute");
          $('.bg-bl').css("position", "absolute").css('top', $("footer").position().top - $('.bg-bl').outerHeight());
        $('.bg-br').css("position", "absolute").css('top', $("footer").position().top - $('.bg-bl').outerHeight());
        //$('#sidebar').height($("footer").position().top);

        $(window).resize(function ()
        {
            $('#sidebar').height($("footer").position().top);
            $('.bg-bl').css("position", "absolute").css('top', $("footer").position().top - $('.bg-bl').outerHeight());
            $('.bg-br').css("position", "absolute").css('top', $("footer").position().top - $('.bg-bl').outerHeight());
        });
    };

    //firefox
    if($.browser.mozilla)
    {
        //$("footer").css('margin-left', '-0.05em');
    }
});

MAINLIB = {
    sidebar: function ()
    {
        $sidebar = $('#sidebar');
        $toggle = $('#sidebarToggle');

        //initial setup
        if ($sidebar.hasClass('opened'))
        {
            $sidebar.css("right", 0);

            if (Modernizr.csstransforms)
            {
                $toggle.rotate('0deg');
            }
            else
            {
                $toggle.removeClass('sidebarOpen').addClass('sidebarClose');
            }
        }
        else
        {
            $sidebar.css("right", -$sidebar.width() + 35);

            if (Modernizr.csstransforms)
            {
                $toggle.rotate('180deg');
            }
            else
            {
                $toggle.removeClass('sidebarClose').addClass('sidebarOpen');
            }
        }

        //onclick
        $toggle.click(function (event)
        {
            event.preventDefault();
            if ($sidebar.hasClass('opened'))
            {
                $sidebar.animate({ right: -$sidebar.width() + 35, queue: false }, 500).removeClass('opened');
                if (Modernizr.csstransforms)
                {
                    $(this).animate({ rotate: '180deg' }, 500);
                }
                else
                {
                    $(this).removeClass('sidebarClose').addClass('sidebarOpen');
                }
            }
            else
            {
                $sidebar.animate({ right: 0, queue: false }, 500).addClass('opened');
                if (Modernizr.csstransforms)
                {
                    $(this).animate({ rotate: '0deg' }, 500);
                }
                else
                {
                    $(this).removeClass('sidebarOpen').addClass('sidebarClose');
                }
            }
        });
    },

    slidePopUp: function ()
    {
        $PopUp = $('#slidePopUp');
        $PopUpToggle = $('#slidePopUpToggle');

        $sidebar = $('#sidebar');
        $toggle = $('#sidebarToggle');

        $PopUp.css("top", -$PopUp.outerHeight());
        $PopUp.css("right", $sidebar.width());

        $PopUpToggle.click(function (event)
        {
            event.preventDefault();
            if ($PopUp.hasClass('opened'))
            {
                $PopUp.animate({ top: -$PopUp.outerHeight(), queue: false }, 500).removeClass('opened');
                $(this).html("Apri Form");
            }
            else
            {
                $PopUp.animate({ top: 60, queue: false }, 500).addClass('opened');
                $(this).html("Chiudi Form");
            }
        });

        $toggle.click(function (event)
        {
            event.preventDefault();
            if ($PopUp.hasClass('opened'))
            {
                $PopUp.animate({ top: -$PopUp.outerHeight(), queue: false }, 500).removeClass('opened');
                $PopUpToggle.html("Apri Form");
            }
        });
    },

    //    rightBar: function ()
    //    {
    //        $slideBar = $('.slideBar');
    //        $rightBar = $('#sidebar');
    //        $close = $('#sidebarToggle');
    //        $toggle = $('.toggleSlideBar');
    //        $slideBar.css("top", -$slideBar.outerHeight());
    //        $slideBar.css("right", $rightBar.width());
    //        $rightBar.addClass('opened');

    //        $toggle.click(function (event)
    //        {
    //            event.preventDefault();
    //            if (!$slideBar.hasClass('opened'))
    //            {
    //                $slideBar.animate({ top: 40, queue: false }, 500).addClass('opened');
    //                $(this).html("Chiudi Form");
    //            }
    //            else
    //            {
    //                $slideBar.animate({ top: -$slideBar.outerHeight(), queue: false }, 500).removeClass('opened');
    //                $(this).html("Apri Form");
    //            }
    //        });

    //        $close.click(function (event)
    //        {
    //            event.preventDefault();
    //            if ($rightBar.hasClass('opened'))
    //            {
    //                if ($slideBar.hasClass('opened'))
    //                {
    //                    $slideBar.animate({ top: -$slideBar.outerHeight(), queue: false }, 500).removeClass('opened');
    //                    $toggle.html("Apri Form");
    //                }

    //                $rightBar.animate({ right: -$rightBar.width() + 35, queue: false }, 500).removeClass('opened');
    //                // 
    //                if (Modernizr.csstransforms)
    //                {
    //                    $(this).animate({ rotate: '180deg' }, 500);
    //                }
    //                else
    //                {
    //                    $(this).removeClass('sidebarClose').addClass('sidebarOpen');
    //                }
    //            }
    //            else
    //            {
    //                $rightBar.animate({ right: 0, queue: false }, 500).addClass('opened');
    //                //$(this).animate({ rotate: '-0deg' }, 500);

    //                if (Modernizr.csstransforms)
    //                {
    //                    $(this).animate({ rotate: '-0deg' }, 500);
    //                }
    //                else
    //                {
    //                    $(this).removeClass('sidebarOpen').addClass('sidebarClose');
    //                }
    //            }
    //        });
    //    },

    map: function ()
    {
        var myLatlng = new google.maps.LatLng(44.81331, 10.32728);
        var myOptions = {
            zoom: 17,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.DEFAULT,
                position: google.maps.ControlPosition.TOP_CENTER
            },
            panControl: false,
            panControlOptions: {
                position: google.maps.ControlPosition.TOP_RIGHT
            },
            zoomControl: false,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.DEFAULT,
                position: google.maps.ControlPosition.TOP_LEFT
            },
            scaleControl: false,
            scaleControlOptions: {
                position: google.maps.ControlPosition.LEFT_BOTTOM
            },
            streetViewControl: false

        };
        var map = new google.maps.Map(document.getElementById("map"), myOptions);
        var geocoder = new google.maps.Geocoder();
        geocoder.geocode({ 'address': "via sassari 21/a, 43100 parma" }, function (results, status)
        {
            if (status == google.maps.GeocoderStatus.OK) new google.maps.Marker({ position: results[0].geometry.location, map: map, title: "YOUE-E Lab", icon: '/Images/Logo-maps.png' });
        });
    },

    contacts: function ()
    {
        this.sidebar();
        this.map();
        this.slidePopUp();
        this.validating();

    },

    validating: function ()
    {
        $("#form1").validate({
            onfocusout: false,
            invalidHandler: function (form, validator)
            {
                var errors = validator.numberOfInvalids();
                //alert(errors);
                if (errors)
                {
                    $('#messageBox').html(validator.errorList[0].message);
                    validator.errorList[0].element.focus();
                    //$(validator.errorList[0].element).parent('li').css("border", "1px solid red");
                }
            },
            highlight: function (element, errorClass, validClass)
            {
                $(element).addClass(errorClass).removeClass(validClass);
                $(element).parent().addClass('liError');
            },
            unhighlight: function (element, errorClass, validClass)
            {
                $(element).removeClass(errorClass).addClass(validClass);
                $(element).parent().removeClass('liError');
            },
            errorPlacement: function (error, element)
            {
            }
        });
    },

    home: function ()
    {
        $('#logoHome img').show("scale", { origin: ['middle', 'left'] }, 200, function ()
                {
                    $(this).effect("bounce", { times: 10, distance: 100 }, 300);
                });
        //$('#logoHome').show("bounce", { times: 10, distance: 100 }, 300);
        //$('#logoHome img').show("explode", { pieces: 1000 }, 1000);
    }

} // MAINLIB

BLOG =
{
    init: function ()
    {
        var currentPage = 1;

        var pageTotal = 0;

        var $container = $('#projects');
        var $btnPrev = $('#pagePrev');
        var $btnNext = $('#pageNext');

        $container.imagesLoaded(function ()
        {
            $(this).isotope(
            {
                itemSelector: '.blogItem',
                layoutMode: 'masonry',
                filter: '.page1'
            });

            if ($('.blogItem:last', $container).attr('class').match(/page(\d+)/)[1])
            {
                pageTotal = $('.blogItem:last', $container).attr('class').match(/page(\d+)/)[1];
            }

            $('.paging').fadeIn();
        });



        //        $container.isotope(
        //        {
        //            itemSelector: '.blogItem',
        //            layoutMode: 'masonry',
        //            filter: '.page1'
        //        });

        //$container.isotope({ filter: 'page1' });

        //        $.ajax(
        //        {
        //            type: "POST",
        //            url: "Services/Portfolio.asmx/getPosts",
        //            cache: false,
        //            //data: "{'id': '" + id + "'}",
        //            contentType: "application/json; charset=utf-8",
        //            dataType: "json",
        //            success: function (msg)
        //            {
        //                var items = msg.d;

        //                var $items = $(items.join(''));

        //                $items.imagesLoaded(function ()
        //                {
        //                    $(".loading").hide().remove();
        //                    $container.isotope('insert', $items);

        //                    if ($('.blogItem:last', $container).attr('class').match(/page(\d+)/)[1])
        //                    {
        //                        pageTotal = $('.blogItem:last', $container).attr('class').match(/page(\d+)/)[1];
        //                    }

        //                    $('.paging').fadeIn();

        //                }); //imagesLoaded
        //            } //success
        //        }); //ajax

        $('.paging a').click(function ()
        {
            if ($(this).attr('class').indexOf('pageNext') > -1)
            {
                if (currentPage < pageTotal)
                {
                    currentPage++;
                    $container.isotope({ filter: '.page' + currentPage });
                }
            }

            if ($(this).attr('class').indexOf('pagePrev') > -1)
            {
                if (currentPage > 1)
                {
                    currentPage--;
                    $container.isotope({ filter: '.page' + currentPage });
                }
            }

            $('.pageNum').html('Pag. ' + currentPage);

            return false;
        });



    } 
} // BLOG