$(document).ready(function(){
	
    // toggle the product carousel divs and load the content via Ajax.
    $(".product_carousel_items, .product_carousel_arrow").hide();
    $("[id ^= 'product_carousel_button']").toggle(function(){
       //construct all the carousel vars
       var c_id = $(this).attr('id').replace('product_carousel_button_', '');
       var c_item ='#product_carousel_items_'+c_id;
       var c_button = '#product_carousel_button_'+c_id;
       var c_wrapper = '#product_carousel_'+c_id; 

       $(c_wrapper).hide();
       $(c_wrapper+', '+c_button).toggleClass('closed');
       if($(c_item).html().length <= 0){
            //only load the Ajax request if it hasnt been fired before, otherwise grab the cache.
            $(c_item).load('/products/loadProducts/'+c_id, function(data){
                $(c_item).html(data).slideDown(500);
            })
       } else {
    	   $(c_item).slideDown(500);
       }
       
    }, function(){
        //trim the caorusel id
        var c_id = $(this).attr('id').replace('product_carousel_button_', '');
        var c_item ='#product_carousel_items_'+c_id;
        var c_button = '#product_carousel_button_'+c_id;
        var c_wrapper = '#product_carousel_'+c_id;
       
        $(c_item).slideUp(500);
        $(c_wrapper+', '+c_button).toggleClass('closed');
    });
})