// JavaScript Document
var startX,startY,endX,endY,top,left;
$(function(){
	$('#tooltip').css({opacity:0});
	$('#slider').cycle({ 
			fx:     'fade', 
			
			speedIn: 2000,  // speed of the 'in' transition 
    		speedOut:1000,  // speed of the 'out' transition 
			timeout: 5000,
			pager:  '#controls',
			next:   '#n',
			cleartype:     !$.support.opacity,
			cleartypeNoBg: true,
			prev:   '#p' 
	});
	/*$("#slider").jCarouselLite({
        speed: 1000,
		visible: 1,
		auto: 7000,
		btnNext: ".n",
    	btnPrev: ".p",
    btnGo:
    [".1", ".2", ".3" ,".4"],
	afterEnd: function(a) {
        var l=a.parent().css("left");
		var sp;
		
		if(l=="-400px") {$('span.1,span.2,span.3,span.4').removeClass("current");
							$('span.1').addClass("current");}
		if(l=="-800px") {$('span.1,span.2,span.3,span.4').removeClass("current");
							$('span.2').addClass("current");}
		if(l=="-1200px") {$('span.1,span.2,span.3,span.4').removeClass("current");
							$('span.3').addClass("current");}
		if(l=="-1600px") {$('span.1,span.2,span.3,span.4').removeClass("current");
							$('span.4').addClass("current");}
		if(l=="-2000px") {$('span.1,span.2,span.3,span.4').removeClass("current");
							$('span.1').addClass("current");}
		
		
    }


		});*/
	
	 $("img[rel]").overlay({
			          
        onBeforeLoad: function() { 
                this.getBackgroundImage().expose({color: '#999'}); 
        },  
        onClose: function() { 
            $.expose.close(); 
		}
		}); 
	
	$('#T1,#T2,#T3').tooltip({
	delay: 0,
	track: true,
	fixPNG: true,
	top: -170,
	left: -150,
	showURL: false,
	bodyHandler: function() {
		var id=$(this).attr("id");
		var text=update(id);
		return $("<p id='myTip' />").text(text);
	}
});
	$('#T1,#T2,#T3').hover(function(){
						$(this).css("border-bottom","1px solid #FFCC00");
					},function(){
						$(this).css("border-bottom","1px solid #d8d8d8");
					});
	
	

});
function update(id){
		if(id=="T1"){
				return "This Entry Level Service is designed for organizations that need technology services on a scheduled basis.";
			}
		if(id=="T2"){
				return "This Mid Level Service is designed for organizations that need technology services on a regular basis.";
			}
		if(id=="T3"){
				return "This High Level Service is designed for organizations that need technology services on a mission critical basis.";
			}
	}