/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 


this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};



// starting the script on page load
//$(document).ready(function(){
	//tooltip();
	
	//$("#loading").hide();
	//$("#mycarousel").fadeIn();


//});






	//global index variable so we know the current carousel item index
	var intIndex = 1;
	var carouselItems = 0;
	 
	function mycarousel_initCallback(carousel) {
	
		jQuery('#mycarousel-next').bind('click', function() {
			carousel.next();
			
			
			if(intIndex < carousel.last)
			{
				intIndex++;
			}
			
			
			if(intIndex > 1)
			{
				document.getElementById('mycarousel-prev').className = 'active';
			}
			
			var carouselItems = document.getElementById('mycarousel').getElementsByTagName('li')
			var carouselText = document.getElementById('mycarousel').getElementsByTagName('li')
			
			if(intIndex >= carouselItems.length)
			{
				document.getElementById('mycarousel-next').className = '';
			
			}
			
			document.getElementById('currentIndex').innerHTML = intIndex;
		
			
			return false;
		});
	
		jQuery('#mycarousel-prev').bind('click', function() {
			carousel.prev();
			
			if(intIndex > carousel.first)
			{
				intIndex--;
			}
			
			if(intIndex <= 1)
			{
				document.getElementById('mycarousel-prev').className = '';
			}

			var carouselItems = document.getElementById('mycarousel').getElementsByTagName('li')
			
			if(intIndex < carouselItems.length)
			{
				document.getElementById('mycarousel-next').className = 'active';
			}
			
			document.getElementById('currentIndex').innerHTML = intIndex;
			
			return false;
		});
		
	};


		

	// initiate the carousel
	jQuery(document).ready(function() {
									
									
		jQuery("#mycarousel").jcarousel({
			scroll: 1,
			visible: 1,
			initCallback: mycarousel_initCallback,

			// This tells jCarousel NOT to autobuild prev/next buttons
			buttonNextHTML: null,
			buttonPrevHTML: null
		});
		

	});
	
	
	
	

	//function to display loading indicator while carousel images are loading
	function addLoadEvent(func) {
	  var oldonload = window.onload;
	  if (typeof window.onload != 'function') {
		window.onload = func;
	  } else {
		window.onload = function() {
		  if (oldonload) {
			oldonload();
		  }
		  func();
		}
	  }
	}


	addLoadEvent(function() {
	
		$("#loading").fadeOut("slow");
		$(".arrows").fadeIn();
	  
	});