var sliderType = 'default';
var hasDetail = false;
var g_fadeFlag = false;
var basePath = location.href.test('work') || location.href.test('about') ? '../' : '';
var assetPath = basePath + 'assets/images/';
var preloadImages = [];

function preloader(initialSlide){
    $('percentloaded').setHTML('0% loaded');
    
    // Set slider type
    sliderType = $('slider-detail-window').getProperty('class');
    
    if(!(sliderType == 'contact' || sliderType == 'default')){ 
        hasDetail = true;
        assetPath = basePath + 'assets/clients/images/';
        
        addToPreloadImages($$('.logo'));
    };
    
    addToPreloadImages($$('.main-image'));
    
    new Asset.images(preloadImages, {            
        onProgress: function(i) {
            var percent = Math.round((i / preloadImages.length) * 100);
            if(percent > 100) percent = 100;
            $("percentloaded").setHTML(percent + '% loaded');
        },
        onComplete: function(){
            $("percentloaded").setHTML('100% loaded');                              
            loadSlider(initialSlide).delay(1000);
        }
    });
};

function loadSlider(initialSlide){
    var mySlider = new Slider(initialSlide);
}

function addToPreloadImages(colection){
    $each(colection, function(el){
        var asset = el.getText();
        var img = assetPath + asset;
        
        preloadImages.include(img);
    });
};

/* CONTENT SELECTOR
--------------------------------------------------------------------------- */
var ContentSelector = new Class({
    options : {
        container : 'container'
    },
    initialize : function(options){
        this.setOptions(options);
        var cont = this.options.container;
        $each($ES('.selectors a',cont),function(el,i){
            el.addEvent('click',function(e){
                e = new Event(e);
                selectContent(i, cont);
                e.stop();
            });
        });
    }
});
ContentSelector.implement(new Options);

function selectContent(i, cont){
    $ES('.selectors a',cont).removeClass('selected');
    $ES('.content div',cont).setStyle('display','none');
    $ES('.selectors a',cont)[i].addClass('selected');
    $ES('.content div',cont)[i].setStyle('display','block');
};

/* CONTENT EXPANDER
--------------------------------------------------------------------------- */
var ContentExpander = new Class({
    initialize : function(){
        $each($$('.post .tog'),function(el,i){
            el.addEvent('click',function(e){
                e = new Event(e);
                expandContent(i);
                e.stop();
            });
        });
    }
});

function expandContent(i){
    var content = $$('.post .more');
    var togs = $$('.tog');
    var expandMe = content[i];
        
    var expandMeHeight = expandMe.getFirst().getCoordinates().height;
    
    $each(content, function(el, index){
        var newHeight = index != i ? 0 : expandMeHeight;
        el.effect('height').start(newHeight);
    });
    
    $each(togs, function(el, index){
        var display = index != i ? 'block' : 'none';
        el.setStyle('display',display);
    });
};