jQuery(document).ready(function(){	
  var didLoad = false;
	
	$('#maingraphic-image img:first').fadeIn(2000, function() {
     $("#maingraphic-image").cycle({
            fx: 'fade',
            speed: 4000,
            sync: 0,
            timeout: 12000,
			after:   onAfter
        });
    });
	
	$('#maingraphic-image-attorney img:first').fadeIn(2000, function() {
     $("#maingraphic-image-attorney").cycle({
            fx: 'fade',
            speed: 4000,
            sync: 0,
            timeout: 12000,
			autostop: 1
        });
    });
});	
var barNumber = 1;
var zIndexNum = 101;
function onAfter() { 
	var divStyle = document.getElementById('maingraphic-bar' + barNumber);
	divStyle.style.zIndex = zIndexNum;
	zIndexNum += 1;
	
	$("#maingraphic-bar" + barNumber).cycle({
            fx: 'scrollUp,scrollDown',
            randomizeEffects: false,
			autostop:3,
            delay: 0,
            speed: 500,
			timeoutFn: calculateTimeout,
            cleartype: 1,
            cleartypeNoBg: 1
        });
	if (barNumber == 6)
		barNumber = 1;
	else
		barNumber += 1;
}


var isFirst = 1;

function calculateTimeout(currElement, nextElement, opts, isForward) {
    // here we set even number slides to have a 2 second timeout; 
    // by returning false for odd number slides we let those slides 
    // inherit the default timeout value (4 sec)
    var index = opts.currSlide;
    if (isFirst==1 && index==1) {
        isFirst = 0;
        return 12000;
    }
	//odd is first, even is second
    return index % 2 ? 8000 : 100;
}
