var rotation_length = new Array();
var active = new Array();

function cycle(selector, classname, timeout)
{
	if (active[selector] != -1)
	{
		$("#"+classname+"_"+active[selector]).css('display','none');
		$("#"+classname+"_"+active[selector]).css('visibility','hidden');
	}
	
	active[selector] = (++active[selector])%rotation_length[selector]

	$("#"+classname+"_"+active[selector]).css('display','block');
	$("#"+classname+"_"+active[selector]).css('visibility','visible');
    
    func = "cycle('" + selector + "','" + classname + "'," + timeout + ")";
	setTimeout(func, timeout);
}

function initialize_rotation(selector,classname)
{
    rotation_length[selector] = 0
    active[selector] = -1
    $("#"+selector).find('div.'+classname).each(function() {
        rotation_length[selector]++
    });
}

$(document).ready(function() 
{
	/* Set the current GP */
	initialize_rotation('box1','offer');
	initialize_rotation('box2','news');

    cycle('box1', 'offer', 4200);
    cycle('box2', 'news', 5200);
});