$(document).ready(function(){
   //animacion de los destacados
  sliceImages();
});

function sliceImages(){
//    if($('#pgHome').length > 0){
        $('#mainSlice').addClass('conJs');

        var _items= new Array();
        var _navs= new Array();
        var _timer;
        var _index= Math.ceil(Math.random() * ($('#mainSlice > ul > li').length-1));
        var _navi= $('<ul class="nav"></ul>');
        //var _start=  _start= Math.ceil(Math.random() * ($('#mainSlice > ul > li').length-1));
        var _performTransition= function(i){
            _navs[_index].removeClass('active');

            if(i!=-1){
                var _aux= _index;
                if(i > _index){
                    _items[i].fadeIn(function(){
                        if(i > 0){
                            _items[_aux].hide();
                        }
                    });

                }else{
                   _items[i].css({display: 'block'});
                   _items[_aux].fadeOut();

                }

                _index= i;
            }else{
                _index++;
                if(_index <= _items.length - 1){
                _items[_index].fadeIn(function(){
                    if(_index > 1){
                        _items[_index-1].hide();
                    }
                });
                }else{
                    _items[_index - 1].fadeOut();
                    _index= 0;
                }
            }

            _navs[_index].addClass('active');
            _timer= window.setTimeout(_performTransition, 2600, -1);
        };

        $('#mainSlice > ul > li').each(function(i){
            var _item= $(this);
            _items[i]= _item;
            _item.css({'z-index': i+1})
            var _navButton= $('<li><a href=""></a></li>');
            _navButton.click(function(){
                    if(_timer!= undefined){
                        window.clearInterval(_timer);
                    }
                    _performTransition(i);
                    return false;
             });
            _navi.append(_navButton);
            _navs[i]= _navButton;
            _item.hover(function(){
                if(_timer!= undefined){
                    window.clearInterval(_timer);
                }
            }, function(){
                 _timer= window.setTimeout(_performTransition, 2600, -1);
            });
            if(i > 0){
                _item.css({display: 'none'});
            }else{
                _item.css({display: 'block'});
            }
        });

       $('#mainSlice').append(_navi);
       _navi.css({'z-index': _items.length + 2, width: _items.length * 24});
       _performTransition(-1);


//    }
}