$(document).ready(function(){
    $('#callout').cycle({
    	fx: 'fade',
        pager:  '#tabs',
        timeout: 0,
        slideExpr: 'div.csc-frame',
        pagerAnchorBuilder: function(idx, slide){
	        var s = '<div class="main-content-tab" id="tabId'+idx+'"></div></a>';
	        if(idx == 0) s = '<div class="main-content-tab activeDIV" id="tabId'+idx+'"></div></a>'; 
	        if(idx == 0 || idx == 1)s = s + '<div class="main-content-tab-divider">&nbsp;</div>';
	        return s;
        }
    });
    $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
        $(pager).find('div.main-content-tab').removeClass('activeDIV') 
            .filter('div.main-content-tab:eq('+currSlideIndex+')').addClass('activeDIV'); 
    };
	var i = 0;
	for(i = 0; i < 3; i++){
	    $('#tabId'+i).html($('.hidden div.csc-frame').get(0)).append($('.hidden div.csc-frame').get(0));
    };
	
});