// JavaScript Document

// execute your scripts when the DOM is ready. this is mostly a good habit
jQuery(document).ready(function() {
	// slideshow
	// redefine Cycle's updateActivePagerLink function 
	jQuery.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
		switch (currSlideIndex) {
			case 0:
				jQuery("#goto1").addClass("activeSlide");
				jQuery("#goto2").removeClass("activeSlide");
				jQuery("#goto3").removeClass("activeSlide");
				jQuery("#goto4").removeClass("activeSlide");
				break
			case 1:
				jQuery("#goto1").removeClass("activeSlide");
				jQuery("#goto2").addClass("activeSlide");
				jQuery("#goto3").removeClass("activeSlide");
				jQuery("#goto4").removeClass("activeSlide");
				break
			case 2:
				jQuery("#goto1").removeClass("activeSlide");
				jQuery("#goto2").removeClass("activeSlide");
				jQuery("#goto3").addClass("activeSlide");
				jQuery("#goto4").removeClass("activeSlide");
				break
			case 3:
				jQuery("#goto1").removeClass("activeSlide");
				jQuery("#goto2").removeClass("activeSlide");
				jQuery("#goto3").removeClass("activeSlide");
				jQuery("#goto4").addClass("activeSlide");
				break
		}
	};	
	
	jQuery('.slideshow').cycle({
		timeout: 7000,
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		cleartype: true,
		cleartypeNoBg: true,
		pager: '#pager'
	});
	jQuery('#goto1').click(function() {
		jQuery('.slideshow').cycle(0);
		return false;
	}); 
	
	jQuery('#goto2').click(function() { 
		jQuery('.slideshow').cycle(1);
		return false;
		});
	
	jQuery('#goto3').click(function() { 
		jQuery('.slideshow').cycle(2);
		return false;
		}); 
		
	jQuery('#goto4').click(function() { 
		jQuery('.slideshow').cycle(3);
		return false;
		}); 

	// twitter box
	jQuery("#twitterBox").tweet({
		count: 20,
		username: "topmedsaude",
		loading_text: "Carregando...",
		template: function(i){return i["text"]}
	});
	// initialize scrollable
	jQuery(function()  { jQuery("div.scrollable").scrollable(); });
	jQuery(function()  { jQuery("#tmMagazine").scrollable({size: 1, next:".nextMag", prev:".prevMag"}); jQuery("#tmMagazine").scrollable().end(); });
	jQuery(function()  { jQuery("#twitterBox").scrollable({size: 1,vertical: true, next:".nxtTwitter", prev:".prevTwitter"}).autoscroll({ autoplay: true, interval: 7000 }); });
});