// initialize the slideshow when the DOM is ready
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade', speed:  2000, timeout:  6500 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});

$(document).ready(function() {
    $('.slideshow2').cycle({
		fx: 'curtainX', speed:  1000, timeout:  10000 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});

$(document).ready(function() {
    $('.slideshow3').cycle({
		fx: 'zoom', speed:  1000, timeout:  7500 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});

$(document).ready(function() {
	//Tooltips
	$(".tip_trigger").hover(function(){
		tip = $(this).find('.tip');
		tip.show(); //Show tooltip
	}, function() {
		tip.hide(); //Hide tooltip		  
	}).mousemove(function(e) {
		var mousex = e.pageX + 20; //Get X coodrinates
		var mousey = e.pageY + 20; //Get Y coordinates
		var tipWidth = tip.width(); //Find width of tooltip
		var tipHeight = tip.height(); //Find height of tooltip
		
		//Distance of element from the right edge of viewport
		var tipVisX = $(window).width() - (mousex + tipWidth);
		//Distance of element from the bottom of viewport
		var tipVisY = $(window).height() - (mousey + tipHeight);
		  
		if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
			mousex = e.pageX - tipWidth - 20;
		} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
			mousey = e.pageY - tipHeight - 20;
		} 
		tip.css({  top: mousey, left: mousex });
	});
});