permiso=true;
var actual = 1;
var cargador = '';
var maxItems = 1;

$(function(){

    //CONTAMOS EL NUMERO DE ITEMS
    maxItems = $('#sbdata img').length;

    //INICIALIZAMOS EL CARGADOR
    cargador = $('#sbdata img:eq(0)');
    $('#sbitem-1 .sbfoto img').attr('src',cargador.attr('src'));
    $('#sbitem-1 .sbtitulo .sbcaption').text(cargador.attr('nombre'));
    $('#sbitem-1 .sbfooter .sbname').text(cargador.attr('id_area'));
//    $('#sbitem-1 .sbfooter .sbspec').text(cargador.attr('bedrooms') + ' bd | ' + cargador.attr('built_up') + ' | ' + 'For rent');
	    $('#sbitem-1 .sbfooter .sbspec').text(cargador.attr('bedrooms') + ' bd | ' + cargador.attr('built_up'));
    $('#sbitem-1 .sblink').attr('href',cargador.attr('link'));
    posicion(parseInt(cargador.attr('posicion')),$('#sbitem-1 .sbtitulo'));


    cargador = $('#sbdata img:eq(1)');
    $('#sbitem-2 .sbfoto img').attr('src',cargador.attr('src'));
    $('#sbitem-2 .sbtitulo .sbcaption').text(cargador.attr('nombre'));
    $('#sbitem-2 .sbfooter .sbname').text(cargador.attr('id_area'));
//    $('#sbitem-2 .sbfooter .sbspec').text(cargador.attr('bedrooms') + ' bd | ' + cargador.attr('built_up') + ' | ' + 'For rent');
 $('#sbitem-2 .sbfooter .sbspec').text(cargador.attr('bedrooms') + ' bd | ' + cargador.attr('built_up'));
    $('#sbitem-2 .sblink').attr('href',cargador.attr('link'));
    posicion(parseInt(cargador.attr('posicion')),$('#sbitem-2 .sbtitulo'));

    $('.sbtitulo').textShadow();

    //OCULTAMOS LAS TAPAS
    $('.tapanegra').animate({
        opacity: 0
    }, 1);

    //LINK AL CLICK
    $('.sbitem').click(function(){
        window.location=$(this).find('a').attr('href');
    });


});

//INICIAR CARRUSEL
setInterval("sliderBig()", 4580);

//TRANSICION
function sliderBig(){
    if(permiso){
        permiso=false;
        //PREPARAMOS LA TRANSICION DE OPACIDAD
        $('.tapanegra:eq(1)').animate({
            opacity: 1
        }, 1, function(){
            //QUITAMOS LA TAPA NEGRA
            $('.tapanegra:eq(1)').animate({
                opacity:0
            },550);
            //MOVEMOS LA IMAGEN DE LA DERECHA
            $('#sbitem-2').animate({
                left: '-=644'
            }, 550,'easeOutExpo');
            //Y LA DE LA IZQUIERDA
            $('#sbitem-1').animate({
                left: '-=644'
            }, 550,'easeOutExpo', function(){
                //AL TERMINAR LA ANIMACIÓN INTERCAMBIAMOS EL CONTENIDO
                //DE LAS CAJAS Y LAS COLOCAMOS EN SU POSICIÓN INICIAL
                $('#sbitem-1').css('left','0');
                $('#sbitem-2').css('left','0');
                $('#sbitem-1').html($('#sbitem-2').html());

                //CARGAMOS EL NUEVO CONTENIDO EN LA SIGUIENTE
                actual++;
                cargador = $('#sbdata img:eq('+actual+')');
                $('#sbitem-2 .sbfoto img').attr('src',cargador.attr('src'));
                $('#sbitem-2 .sbtitulo .sbcaption').text(cargador.attr('nombre'));
                $('#sbitem-2 .sbfooter .sbname').text(cargador.attr('id_area'));
//                $('#sbitem-2 .sbfooter .sbspec').text(cargador.attr('bedrooms') + ' bd | ' + cargador.attr('built_up') + ' | ' + 'For rent');
				       $('#sbitem-2 .sbfooter .sbspec').text(cargador.attr('bedrooms') + ' bd | ' + cargador.attr('built_up') );
                $('#sbitem-2 .sblink').attr('href',cargador.attr('link'));
                posicion(parseInt(cargador.attr('posicion')),$('#sbitem-2 .sbtitulo'));

                $('.sbtitulo').textShadow();

                if(actual==maxItems-1){
                    actual=-1;
                }
                //PERMITIMOS DE NUEVO LA TRANSICION
                permiso=true;
            });
        });

    }
}

//POSICIONADOR DE TITULOS
/*La posición define:

         0 > up rigth

         1 up left

         2 middle right

         3 middle left

         4 down left

         5 down right
    */
function posicion(x,obj){
    switch(x){
        case 0:
            obj.css('text-align','right');
            obj.css('top','-426px');
            break;

        case 1:
            obj.css('text-align','left');
            obj.css('top','-426px');
            break;

        case 2:
            obj.css('text-align','right');
            obj.css('top','-302px');
            break;

        case 3:
            obj.css('text-align','left');
            obj.css('top','-302px');
            break;

        case 5:
            obj.css('text-align','left');
            obj.css('top','-143px');
            break;

        case 4:
            obj.css('text-align','right');
            obj.css('top','-143px');
            break;
    }
}