// function to execute after data is returned and dom is ready
var populateHome = function() {
	
	jQuery(document).ready(function($)
	{      
		$('ul#categories li:first').tplFromData(BP.data.stores.categoriesStore);
		$('ul.prodlist:first li:first').tplFromData(BP.data.stores.productsStore.slice(0,3));
		$('ul.prodlist:last li:first').tplFromData(BP.data.stores.productsStore.slice(3,6));
	    
	    // fade home page header images
	    $('#news').innerfade({
	        animationtype: 'slide',
	        speed: 750,
	        timeout: 2000,
	        type: 'random',
	        containerheight: '1em'
	    });
	    
	    $('ul#zimgs').innerfade({
	        speed: 1000,
	        timeout: 5000,
	        type: 'sequence',
	        containerheight: '216px'
	    });
	    
	    $('.fade').innerfade({
	        speed: 1000,
	        timeout: 6000,
	        type: 'random_start',
	        containerheight: '1.5em'
	    });
	    
	    $('.adi').innerfade({
	        speed: 'slow',
	        timeout: 5000,
	        type: 'random',
	        containerheight: '150px'
	    });
	});
}


// start loading data
BP.fetch.getCategories();
BP.fetch.getHomeProducts(populateHome);