var $j = jQuery.noConflict();
var rememberTitle = "";
var serviceToggled = 0;
var currentToggler = 0;
var holdToggle = 0;
$j(document).ready(function() {
	setTimeout('blinker();', 1500);
	
	$j(".tooltip_img").tooltip({ 
	
	 // tweak the position
   position: 'top center',

   // use the "slide" effect
   effect: 'toggle',
	
	tipClass: 'tooltip_ext',
	
	offset: [25, 0],
	
	relative: true
	
	
	});
})

function crTooltip (id,string)
{
	var offset = $j("#"+id).offset();
	var x = offset.left; var y = offset.top;
	x += 10; y -= 40;
	$j('body').append('<div id=\"' + id +'_tooltip\" style=\"top:'+y+'px;left:'+x+'px;\" class=\"tooltip\"></div>');
	$j("#"+id+"_tooltip").html(string);
	$j("#"+id+"_tooltip").fadeIn(500);
}

function rmTooltip(id)
{
	$j("#"+id+"_tooltip").fadeOut(500, function()
	{
		$j("#"+id+"_tooltip").remove();
	}
	)
	
}



function toggleServiceByHover (id) {
	
	if (serviceToggled != 0) {
		if (id != serviceToggled) {
			$j("#"+serviceToggled+"_frame").slideToggle(250,function()
			{
				$j("#"+id+"_frame").slideToggle(500);
			});
				
			serviceToggled = id;
		}
		
	}
	else {
		$j("#"+id+"_frame").slideToggle(500);
		serviceToggled = id;
	}
		
}

function untoggleServiceByHover(id){
	
	if (serviceToggled != 0) {
	
		if (holdToggle != 0) {
			if (holdToggle != id) {
				$j("#" + id + "_frame").slideToggle(500);
				holdToggle = 0;
				serviceToggled = 0;
			}
		}
		else {
			$j("#" + id + "_frame").slideToggle(500);
			serviceToggled = 0;
			holdToggle = 0;
		}
		
	}
}

function toggleService(id)
{
	if (holdToggle != 0) {
		if (serviceToggled != id) {
			$j("#"+serviceToggled+"_frame").slideToggle(250,function()
			{
				$j("#"+id+"_frame").slideToggle(500);
			});
				
			serviceToggled = id;
			holdToggle = id;
		}
		else {
			$j("#"+id+"_frame").slideToggle(500);
			serviceToggled = 0;
			holdToggle = 0;
		}
	}
	else {
		holdToggle = id;
	}
}


/*

function toggleService (id,byClick) {
	if (serviceToggled != 0) {
		
	}
	else {
		$j("#"+id+"_frame").slideToggle(500);
		serviceToggled = id;
	}
}

function toggleServiceByHover (id) {
	$j("#"+id+"_frame").slideToggle(500);
	serviceToggled = id;
	toggler = 1;
}

function untoggleServiceByHover (id) {
	if (holdToggle != 0) {
		if (holdToggle != id) {
			$j("#"+holdToggle+"_frame").slideToggle(250,function()
			
			{
			$j("#"+id+"_frame").slideToggle(500);
			});
			
			serviceToggled = id;
		}
	}
	else {
		$j("#"+id+"_frame").slideToggle(500);
		serviceToggled = 0;
		toggler = 0;
	}
	
}

function toggleService(id)
{
	if (serviceToggled != 0)
	{
		if (serviceToggled != id)
		{
			$j("#"+serviceToggled+"_frame").slideToggle(250,function()
			
			{
			$j("#"+id+"_frame").slideToggle(500);
			});
			
			serviceToggled = id;
			holdToggle = id;
		}
		else {
			//$j("#"+id+"_frame").slideToggle(500);
			serviceToggled = 0;
			holdToggle = id;
		}
	}
	else {
		$j("#"+id+"_frame").slideToggle(500);
		serviceToggled = id;
		holdToggle = 0;
	}
}

*/
$j("#service_slider img").mouseover(function () { 
      crTooltip(this.id,$j(this).attr('title'));
      rememberTitle = $j(this).attr('title');
      $j(this).attr('title','');
	  toggleServiceByHover(this.id);
});

$j("#service_slider img").mouseleave(function () { 
      rmTooltip(this.id); 
      $j(this).attr('title',rememberTitle);
      rememberTitle = '';
	  untoggleServiceByHover(this.id);
});

$j("#service_slider img").click(function(){
	 toggleService(this.id);
	
});

function blinker ()
{
	$j("#switch_1").fadeIn(1500,
		function()
		{
			$j("#switch_4").fadeIn(1500,
				function()
				{
					$j("#switch_3").fadeIn(1500,
						function()
						{
							$j("#switch_2").fadeIn(1500);
						}
					);
				}
			);
		}				
	);					
}