var loading={
    show:function(){
        $('#loading').fadeIn()
    },
    hide:function(){
        $('#loading').hide()
    }
};


$(document).ready(function(){
    var currentPosition = 0;
    var slideWidth = 646;
    var slides = $('.design_row');
    var numberOfSlides = slides.length;

    // Remove scrollbar in JS
    $('.designs_container').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
        'float' : 'left',
        'width' : slideWidth
    });

    // Set #slideInner width equal to total width of all slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);

    // Insert left and right arrow controls in the DOM
    /*$('#slideshow')
        .prepend('<span class="control" id="leftControl">Move left</span>')
        .append('<span class="control" id="rightControl">Move right</span>');*/

    // Hide left arrow control on first load
    manageControls(currentPosition);

    // Create event listeners for .controls clicks
    $('.control')
    .bind('click', function(){
        // Determine new position
        currentPosition = ($(this).attr('id')=='rightControl')
        ? currentPosition+1 : currentPosition-1;

        // Hide / show controls
        manageControls(currentPosition);
        // Move slideInner using margin-left
        $('#slideInner').animate({
            'marginLeft' : slideWidth*(-currentPosition)
        });
    });

    // manageControls: Hides and shows controls depending on currentPosition
    function manageControls(position){
        // Hide left arrow if position is first slide
        if(position==0){
            $('#leftControl').hide()
        }
        else{
            $('#leftControl').show()
        }
        // Hide right arrow if position is last slide
        if(position==numberOfSlides-1){
            $('#rightControl').hide()
        }
        else{
            $('#rightControl').show()
        }
    }
        
        
    $("a[rel=designs_group]").fancybox({
        'transitionIn'		: 'none',
        'transitionOut'		: 'none'
    });
            
    
});
    
function submit_contact(form){
       
    $.ajax({
        url:$(form).attr('action'),
        data:'&'+$(form).serialize(),
        type:'POST',
        beforeSend:function(){
            loading.show();
        },
        error:function(){
            alert('Ocurrió un error enviando su solicitud, por favor intente de nuevo');
            loading.hide();
        },
        success:function(R){
            if(R.indexOf('@JS_ALERT@') == -1){
                $('#mail_error').replaceWith(R);
            }else{
                R=R.replace('@JS_ALERT@','');
                alert(R);
            }            
            loading.hide();
        }
    });
    return false;
}

function ajax(url,el){
    $.ajax({
        url:url,
        type:'GET',
        beforeSend:function(){
            loading.show();
        },
        error:function(){
            alert('Ocurrió un error enviando su solicitud, por favor intente de nuevo');
            loading.hide();
        },
        success:function(R){
            if(R.indexOf('@ERROR@ ') == -1){
                $(el).html(R);
            }else{
                R=R.replace('@ERROR@ ','');
                $('.error_display').html(R);
                $('.error_display').show();
                $.scrollTo('.error_display',50.0);
            }
            loading.hide();
        }
    });
    return false;
}
function load_gmaps(el,x,y,z){
    $('.bt_tabs').removeClass('bt_tabs_activo');
    $(el).addClass('bt_tabs_activo');
    $('.localizacion').show();
    $('.contactleft').hide();
    
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(x,y), z);
        var point = new GLatLng(x, y);
        map.addOverlay(new GMarker(point));
    }
}
function load_contact(el){
    $('.bt_tabs').removeClass('bt_tabs_activo');
    $(el).addClass('bt_tabs_activo');
    $('.localizacion').hide();
    $('.contactleft').show();
}
function externalLinks() {

if (!document.getElementsByTagName) return;

var anchors = document.getElementsByTagName("a");

for (var i=0; i < anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("href") &&

anchor.getAttribute("rel") == "external")

anchor.target = "_blank";

}

}
window.onload = externalLinks;