// JavaScript Document
$(document).ready(function()
{
	slide("#apDiv1", 12, 0, 150, .8);
	slide("#apDiv2", 12, 0, 150, .8);
	slide("#apDiv3", 12, 0, 150, .8);
	slide("#apDiv4", 12, 0, 150, .8);
	slide("#apDiv5", 12, 0, 150, .8);
	
	slide("#home_box_cont", 12, 0, 150, .8);
	
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
	// creates the target paths
	var list_elements = navigation_id + " div.pannel_link";
	var link_elements = list_elements + " a";
	
	// initiates the timer used for the sliding animation
	var timer = 0;
	
	// creates the hover-slide effect for all link elements 		
	$(link_elements).each(function(i)
	{
			$(this).click(
		function()
		{
			$(this).addClass("hilite");
			//$(this).removeClass("hilite");
			
			
		});		
			
				$(this).hover(
				function()
				{
					var myClassAttr = $(this).attr("class");
					if (myClassAttr != 'hilite')  $(this).animate({ paddingLeft: pad_out }, 150);
				},		
				function()
				{
					//var myClassAttr = $(this).attr("class");
					//if (myClassAttr != 'hilite') 
					$(this).animate({ paddingLeft: pad_in }, 150);
				});
				
			
		
		
		
	});
}