
$(window).load(function(){
    i = 0;
    //start with the second image and finish with first
    bgrArr = ['/templates/homepage/images/imgSlide2-bgr.jpg', '/templates/homepage/images/imgSlide3-bgr.jpg', '/templates/homepage/images/imgSlide4-bgr.jpg', '/templates/homepage/images/imgSlide5-bgr.jpg', '/templates/homepage/images/imgSlide1-bgr.jpg'];
    
    $('#slider').nivoSlider({
        effect: 'sliceDown', //Specify sets like: 'fold,fade,sliceDown'
        slices: 16,
        animSpeed: 600,
        pauseTime: 5000,
        startSlide: 0, //Set starting Slide (0 index)
        directionNav: true, //Next & Prev
        directionNavHide: true, //Only show on hover
        controlNav: true, //1,2,3...
        controlNavThumbs: false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav: true, //Use left & right arrows
        pauseOnHover: true, //Stop animation while hovering
        manualAdvance: false, //Force manual transitions
        captionOpacity: 1.0, //Universal caption opacity
        beforeChange: function(){
            $('#frame').css('background-image', 'url(' + bgrArr[i] + ')');
            if (i < bgrArr.length) {
                i++
            }
        },
        afterChange: function(){
        },
        slideshowEnd: function(){
            i = 0; //reset counter 
        } //Triggers after all slides have been shown
    });
    $('#slider').css('zIndex', '1')
    $('#Navigation ul').css('zIndex', '9999').superfish();
    $('#Navigation ul ul').css('zIndex', '9999');
    if ($.browser.msie) {
    
        var zIndexNumber = 1000;
        
        
        $('div').each(function(){
        
        
            $(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 10;
            
        });
        $('#colorbox, #cboxTitle, #cboxNext, #cboxPrevious, #cboxClose, #cboxLoadingGraphic').css('zIndex', 99999);
        
    }
});

