function loading_on()
{
    loading_off();

    var position = $('#header').offset();
    $('body').append('<div style="position: fixed; z-index: 10" id="loading"><img src="/resources/images/loading.gif" /></div> ')

    $('#loading').position({
        top: position.top + 15,
        left: position.left - 21
    })

    $('#loading').css('top', position.top + 15);
    $('#loading').css('left', position.left - 21);
}

function loading_off()
{
    $('#loading').remove();
}

$(document).ready(function () {
    $('#service-detail').click(function (e) {
        e.preventDefault();
        e.stopPropagation();

        if (typeof window.event != 'undefined')
            window.event.cancelBubble = true;

        $.scrollTo(0, 'fast', function () {
            $('#detail-container, #detail-container a').slideUp('slow', 'easeInOutBack', function () {
                loading_on();

                $.ajax({
                    url: "/servicios",
                    success: function(content) {

                        loading_off();
                        $('#detail-container').html(content);
                        $('#detail-container').slideDown('slow', 'easeInOutBack');
                    },
                    error: function ()
                    {
                        loading_off();
                    }
                });
            });
        });
    });

    $('.work-block').click(function (e) {
        e.preventDefault();
        e.stopPropagation();
        
        if (typeof window.event != 'undefined')
            window.event.cancelBubble = true;

        var element = this;

        if ($(this).hasClass('work-block') == false)
            element = $(this).parents('.work-block')[0];

        var id = $(element).attr('id').split('_')[1];

        $.scrollTo(0, 'fast', function () {
            $('#detail-container, #detail-container a').stop(true, true).slideUp('slow', 'easeInOutBack', function () {

                loading_on();

                $.ajax({
                    url: "/trabajos/ver/id/" + id,
                    success: function(content){
                        loading_off();
                        $('#detail-container').html(content);
                        $('#detail-container').slideDown('slow', 'easeInOutBack');
                    },
                    error: function ()
                    {
                        loading_off();
                    }
                });
            });
        });


        
    });

    $('#contactenos').click(function (e) {

        e.preventDefault();
        e.stopPropagation();

        if (typeof window.event != 'undefined')
            window.event.cancelBubble = true;

        var element = this;

        $.scrollTo(0, 'fast', function () {

            $('#detail-container, #detail-container a').slideUp('slow', 'easeInOutBack', function () {
                loading_on();

                $.ajax({
                    url: '/contacto',
                    success: function(content){
                        loading_off();

                    
                        $('#detail-container').html(content);
                        $('#detail-container').slideDown('slow', 'easeInOutBack');
                    
                    },
                    error: function ()
                    {
                        loading_off();
                    }
                });
            });
        });
    });

    $('.images img').live('click', function () {
        if ($('.image-nav a.selected').next('a').length > 0)
            $('.image-nav a.selected').next('a').trigger('click');
        else
            $('.image-nav a:first-child').trigger('click');
    });

    $('.image-nav a').live('click', function (e) {
        var target = e.target;
        $('.image-nav a.selected').removeClass('selected');

        $(target).addClass('selected');

        $('div.images img:visible').stop(true, true).fadeOut('fast', function () {
            $('#image_' + $(target).text()).effect('slide', 'fast');
        });
    });
});