/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


function pintarbolitas()
{
    var $numdivs = $('#containt-slide>div').length;
    //console.log ("Numero de divs " + $numdivs);
    for ($i=0;$i<$numdivs;$i++) 
    { 
        if ($i == 0)
        { 
            $('.bolas').append("<div class = 'bolitanaranja'></div>");
        }
        else
        {
            $('.bolas').append("<div class = 'bolitanegra'></div>");
        }
    }

}

function slideSwitch() {
    var $active = $('#containt-slide>div.active');
    
    //console.log ("ACTIVO ACTUAL --> " + $active.index());
    
    if ( $active.length == 0 ) $active = $('#containt-slide div:first');
    var $next = $active.next().length ? $active.next() : $('#containt-slide div:first');
    $active.addClass('last-active');
    
  
    $next.fadeIn('slow').addClass('active');
    $active.hide().removeClass('active last-active');
    
    $('.bolitanaranja').removeClass('bolitanaranja').addClass('bolitanegra');
    var bolitaactiva = $next.index();
    $('.bolitanegra').eq(bolitaactiva).removeClass('bolitanegra').addClass('bolitanaranja');
}



var interval;
$(document).ready(function(){
    
    
    //console.log ("probando js");
    $('#containt-slide>div').hide();
    $('#containt-slide>div:first').addClass('active').show();
    //$('#containt-slide>div:first').show();
    pintarbolitas();
    
    interval = setInterval("slideSwitch()", 4000);
    
    $('#containt-slide>div').hover
    (
        function(){clearInterval(interval);},
        function(){interval=setInterval("slideSwitch()", 4000);}
    )

    $('.bolas div').live("click",function()
    {
        //console.log("Ejecutando click en bolitas....");
        clearInterval(interval);
        var indice = $(this).index();
        $active = $('#containt-slide>div.active');
        $('#containt-slide>div.active').hide();
        $('#containt-slide>div.active').removeClass('active');
        $('#containt-slide>div').eq(indice).fadeIn('slow');
        $('#containt-slide>div').eq(indice).addClass('active');
        $('.bolitanaranja').removeClass('bolitanaranja').addClass('bolitanegra');
        $('.bolitanegra').eq(indice).removeClass('bolitanegra').addClass('bolitanaranja');
        
        interval=setInterval("slideSwitch()", 4500);
    });
        
    
})