$(document).ready(function() {
    /*
     *  slider effects
     */
    var slidertoppos = $('#slider-top').position();
    $("#slider-top").css('top', -600+Math.random()*1200 );
    $('#slider-top').css('opacity',0);
    $("#slider-top ").animate(
            {top:slidertoppos.top,
             opacity:1},
            1000
        );
    var sliderbarpos = $('#slider-bar').position() || 0;
    $('#slider-bar').css('top', -600+Math.random()*1200);
    $('#slider-bar').css('opacity',0);
    $("#slider-bar").animate(
            {top:sliderbarpos.top,
             opacity:1},
            1500
        );

    var sliderbtmpos = $('#slider-btm').position();
    $('#slider-btm').css('top', -600+Math.random()*1200);
    $('#slider-btm').css('opacity',0);
    $("#slider-btm").animate(
            {top:sliderbtmpos.top,
             opacity:1},
            1500
        );
        
    if($('.col1 .content').height() > $('.col1').height()){
        $('#slider-bar').hide();
    }
    // can't fade transpanent images in ie7
    if ($.browser.msie != true){
        $('#main.fade img').hide();
        $('#main.fade img').each(function(index){
                    $(this).delay(500*index).fadeIn(2000)});
    }    

    
    /*
     * Hardware scripts
     * */

    // initialize scrollable
    if ($('#products').length>0){
        $('#products').scrollable({
            next: '#products-viewer .next',
            prev: '#products-viewer .prev',
        }).navigator({
            navi: "#product-links",
        naviItem: 'a',
        activeClass: 'current',
        history: true,
        });
    }

    var api = $('#products').data('scrollable');
    var flag = false;

    if (api){
        var padding=1;
        /*
         * Override next and prev to add history
         */
        api.prev = function(){
            var el = this.getNaviButtons().find('.current').first().prev();
            $('#products-viewer .prev').attr('href', el.attr('href'));
        }
        api.next = function(){
            var el = this.getNaviButtons().find('.current').first().next();
            $('#products-viewer .next').attr('href', el.attr('href'));
        }
        api.onBeforeSeek(function(){ 
            var current_img = $(this.getItems()[this.getIndex()]).find('img');
            if (current_img.length > 0 && current_img.attr('src').indexOf('spinner') > -1 ){
                current_img.attr({src:current_img.attr('alt')});
            }
            var img = $(this.getItems()[this.getIndex()+padding]).find('img');
            if (img.length > 0 && img.attr('src').indexOf('spinner') > -1 ){
                img.attr({src: img.attr('alt')});
            }
        });
        api.onSeek(function(e){
            $('#product_details li').hide(0).eq(this.getIndex()).show();
            var current_img = $(this.getItems()[this.getIndex()]).find('img');
            if (current_img.length > 0 && current_img.attr('src').indexOf('spinner') > -1 ){
                current_img.attr({src:current_img.attr('alt')});
            }

            if($('#product-links .items .current').position().top + $('#product-links .items').position().top >= $('#product-links').height()-$('#product-links .items .current').outerHeight(true)){
                $('.next-set').click();
                
            }else if($('#product-links .items .current').position().top + $('#product-links .items').position().top <= 0 ){
                $('.prev-set').click();
            }
        });
        // preload N padding products
        set = $(api.getItems()).slice(0,padding).find('img');
        set.each(function(){
            img = $(this);
            img.attr({src:img.attr('alt')});
        });
    }
    // $('#product-links .items a').first().click();

    // var pli_offset = $('#product-links .items').position();
    if ($('#product-links .items').height() > $('#product-links').height()){
        $('.prev-set').click(function(){
            var t = $('#product-links .items').position().top;
            var v = $('#product-links').height()-68;
            var d = (t+v < 0)?t+v:0;
            $('#product-links .items').animate({'top':d},600);
            return false;

        });
        $('.next-set').click(function(){
            var t = $('#product-links .items').position().top;
            var v = $('#product-links').height();
            var h = $('#product-links .items').height();
            var l = h+t-v;
            var d = (l-v > 0)? t-v+68:t-l;
            if (l-v == -34) d += 34;
            $('#product-links .items').animate({'top':d},600);
            return false;

        });
    }else{
       $('.prev-set, .next-set').addClass('disabled').click(function(){return false;});
    }
    
    if ($('#archive .items>div').length>1 ){
        $('#archive').scrollable({
            next: '#archive-viewer .next',
            prev: '#archive-viewer .prev',
        });
    }else{
        $('#archive-viewer .next, #archive-viewer .prev').addClass('disabled'); 
    }
    if ($('#showrooms .items>div').length>1){
        $('#showrooms').scrollable({
            next: '#showroom-viewer .next',
            prev: '#showroom-viewer .prev',
        });
    }else{
        $('#showroom-viewer .next, #showroom-viewer .prev').addClass('disabled'); 
    }

});