jQuery(document).ready(function() {
    showPage(1);
    
    
    jQuery('#carousel .buttonHolder').click(function(event){  
        var barName = jQuery(this).attr('pannel');
        event.stopPropagation(); 
        jQuery('#boost').fadeTo('fast',0);
        jQuery('.carouselDetails.selected').removeClass('selected').fadeOut('fast',function(){
            
            switch(barName){
              case 'wibiyaBar':
                    jQuery('#wibiyabarDetails').fadeIn('slow').addClass('selected');
                    jQuery('[pannel="wibiyaBar"]').addClass('selected');              
                    jQuery('#boost').html(/*<sl:translate>*/'BOOST YOUR WEBSITE WITH INTERACTIVE FEATURES'/*</sl:translate>*/);                    
                  break;
              case 'appsMarket':
                    jQuery('#appsDetails').fadeIn('slow').addClass('selected');
                    jQuery('[pannel="appsMarket"]').addClass('selected');                           
                    jQuery('#boost').html(/*<sl:translate>*/'DISCOVER A WORLD OF APPS FOR YOUR WEBSITE'/*</sl:translate>*/);                    
                  break;
              case 'mobile':
                    jQuery('#socialDetails').fadeIn('slow').addClass('selected');
                    jQuery('[pannel="mobile"]').addClass('selected');                            
                    jQuery('#boost').html(/*<sl:translate>*/'INTEGRATE FACEBOOK, TWITTER, GOOGLE+ AND MORE'/*</sl:translate>*/);                    
                  break;
              case 'boxes':
                    jQuery('#boxesDetails').fadeIn('slow').addClass('selected');
                    jQuery('[pannel="boxes"]').addClass('selected');                           
                    jQuery('#boost').html(/*<sl:translate>*/'YOUR WEBSITE WILL NEVER BE THE SAME AGAIN'/*</sl:translate>*/);                                 
                  break;    
            }
            jQuery('#boost').fadeTo('fast',1);
        });
        jQuery('.buttonHolder').removeClass('selected');                                 
    });
    
    var myCounter = new flipCounter('flip-counter', {value:100000000, inc:1, pace:2000, auto:true});    
    myCounter.incrementTo(counterSum,4,20);
    //myCounter.setAuto(true);
})

// Slide navigation
function showPage(s) {
    // Get the selected slide element
    var selected = jQuery('#home_page' + s);

    // Get all the other slides
    var pages = jQuery('#home_pages_container .page:visible').not('#home_page' + s);

    // Show the selected slide and hide the others
    pages.fadeOut('fast', function() {selected.fadeIn('fast');});

    // Activate the corresponding tab
    jQuery('#home_nav_container .active').removeClass('active');
    jQuery('#home_nav_container #tab-' + s).addClass('active');
    
    return false;
}

window.onload = function() {
  SetMainBodyHeight();
}