var prevTitle = null;
var banner4num = 0;
jQuery(document).ready(function () {
    jQuery('#bannersContent').cycle({
        timeout: 3500,
        speed:   600,
        startingSlide: 0,
        before: beforeAppend,
		after: afterAppend
    });
	
	function beforeAppend(currElement, nextElement, opts, isForward) { 
		//added selected class to navigation li on change
		var title = nextElement.title;
		jQuery("li[rel="+title+"]").addClass("selected");
		jQuery("li[rel="+prevTitle+"]").removeClass("selected");
		prevTitle = title;
		if (title == "banner4") {
			banner4num = 0;
			jQuery('#banner4Content').cycle({
				timeout: 3500,
				speed:   600,
				random: true,
				after: afterBanner4Append
			});	
		}
	} 
	
	function afterAppend(currElement, nextElement, opts, isForward) { 
		var index = opts.currSlide; 
		if (index == 3) {
			jQuery('#bannersContent').cycle('pause');
		}
	} 	
	
	function afterBanner4Append(currElement, nextElement, opts, isForward) { 
		banner4num++;
		if (banner4num == 3) {
			banner4num = 0;
			jQuery('#bannersContent').cycle('resume');
			jQuery('#banner4Content').cycle('pause');
		}
	}
	
    jQuery('#goto1').hover(function() {
		if (jQuery(this).parent().attr('class') != "selected") {
       		jQuery('#bannersContent').cycle(0);
			jQuery('#bannersContent').cycle('resume');
		}
        return false;
    });
    jQuery('#goto2').hover(function() {
		if (jQuery(this).parent().attr('class') != "selected") {
       		jQuery('#bannersContent').cycle(1);
			jQuery('#bannersContent').cycle('resume');
		}
        return false;
    });
    jQuery('#goto3').hover(function() {
		if (jQuery(this).parent().attr('class') != "selected") {
       		jQuery('#bannersContent').cycle(2);
			jQuery('#bannersContent').cycle('resume');
		}
        return false;
    });
    jQuery('#goto4').hover(function() {
		if (jQuery(this).parent().attr('class') != "selected") {
       		jQuery('#bannersContent').cycle(3);
			jQuery('#bannersContent').cycle('resume');
		}
        return false;
    });
	jQuery('ul#bannersNavigation a').click(function(eh) {
		eh.preventDefault();
	});
	
	//tabs enable 
	jQuery(".tabsContainer").organicTabs({
		"speed": 300
	});

});