jQuery(document).ready(function() {
 
    // Setup the services carousel
    jQuery("#services-body").scrollable({
        size:      1,
        clickable: false
        }).navigator({
    	
        // select tabs to be used as navigator
        navi: "#services_nav",
 
        // select A tags inside the navigator to work as items (not direct children)
       // naviItem: 'a',
 
        // assign "current" class name for the active A tag inside navigator
        activeClass: 'current'
 
    });
    
    //Setup the services carousel
    var icons_scrollable = jQuery("div.scrollable_icons").scrollable({
    	api:       true,
        size:      7,
        clickable: false,
        loop:      false,
        prev:      "div#featured_nav_left",
        next:      "div#featured_nav_right"
        
    });
   
    
    // Setup the featured project carousel
    jQuery("div.carousel-container").scrollable({
    	//api:       true,
        size:      1,
        clickable: false,
        loop:      true,
        next:      "div#none_left",
        prev:      "div#none_right",
        onSeek: function () {
    		//alert('hi');
	    	var visibleIcons = icons_scrollable.getVisibleItems();
	    	//console.log(visibleIcons);
	    	var paneIndex = this.getIndex();
	    	var isVisible = false;
	    	//console.log(paneIndex);
	    	for (var i=0; i < visibleIcons.length;i++) {
	    		var itemId = visibleIcons[i].id;
	    		itemId = itemId.replace("client_icon_","");
	    		//console.log(itemId);
	    		if (itemId == paneIndex) {
	    			isVisible = true;
	    		}
	    	}
	    	if (!isVisible) {
	    		//console.log('icon for current pane is NOT visible');
	    		icons_scrollable.seekTo(paneIndex);
	    	}
	    	
	    	
    	}
    }).navigator({
    	// select tabs to be used as navigator
        navi: "#featured_nav",
 
        // assign "current" class name for the active A tag inside navigator
        activeClass: 'current'
 
    }).autoscroll({
    	autoplay:  true,
    	autopause: true,
    	interval:  10000
    });
    
    
    // jquery Cycle implementation of quotes
    jQuery('#testimonials-container').cycle({
        fx     : 'fade',
        random : 1,
        timeout: 9000,
        sync   : 0,
        pause  : 1//,
        //pager  : "#carousel_pager"
        
    });

    // feature-item description animation
    
    jQuery('.carousel-item').hover(function(){
    	jQuery(".carousel-caption", this).stop().animate({top:'110px'},{queue:false,duration:120});
	}, function() {
		jQuery(".carousel-caption", this).stop().animate({top:'218px'},{queue:false,duration:120});
	});
    
    // preload images
    jQuery(document).ready(function(){
	  jQuery.preloadCssImages();
	}); 

});