// JavaScript Document

function slideShow(ImageSelector, ThumbSelector)
{
	software_$(document).ready(function()
	{
		var back = software_$(ThumbSelector + " div.slideBack");
		var next = software_$(ThumbSelector + " div.slideNext");
		var frame = software_$(ThumbSelector + " div.slideFrame");
		var links = software_$(ThumbSelector + " div.slideFrame li img")		
		var image = software_$(ImageSelector);
		var panel = frame.find("div.slidePanel");
		
		

		
		var waitTime = 15;
		var moveStep = 8;
		
		var current = null;
		
		
		
		
		//very queries
		if (back != null && next != null && frame != null && panel != null && image != null && 	panel != null)
		{
			if (links.length > 0)
			{
				current = software_$(links[0]).parent("li");
				software_$(current).addClass("focus") 
			}
			
			//alert(frameWidth + " : " + panelWidth);
			
			var backTimer = null;
			var nextTimer = null;
			
			//wire up events
			links.click(function()
			{
				if (image.length > 0)
				{		
					//image.attr("src",software_$(this).attr("lrgImg"));
					//var source = software_$(this).find("img");
					var source = software_$(this);
					
					
					if (source != null)
					{
						//get the image path
						var sourcePath = software_$(source).attr("src").toLowerCase();
						
						//get the array						
						var sourceArray =sourcePath.split("/");
						
						if (sourceArray.length > 1)
						{
							//insert 'large
							sourceArray.splice(sourceArray.length-1,0,"large");
						}
						
						sourcePath = sourceArray.join("/");

						
						software_$(image).attr("src",sourcePath);
						
						
						//set focus ------------------------
						if (current != null)
						{
							software_$(current).removeClass("focus");							
						}
						
						current = software_$(this).parent("li");
						
						
						software_$(current).addClass("focus");
					}
					
				}
				
				
				
			});
									
			
			
			back.hover(
				function()
				{
					var frameWidth = frame.width();
					var panelWidth = panel.width();
					
					
					var panelLeft = parseFloat(panel.css("left")); 
					
					
					backTimer = setInterval(
											function()
											{
												if (panelLeft < 0)
												{
													panelLeft = panelLeft + moveStep;
													
													if (panelLeft > 0)
													{
														panelLeft = 0;
													}
													
													panel.css("left",panelLeft + "px");
												
													
												}
											},
											waitTime);
					
					
				},
				function()
				{
					clearInterval(backTimer);
				});
			
			
			next.hover(
				function()
				{
					var frameWidth = frame.width();
					var panelWidth = panel.width();
					
					var maxSlide = frameWidth - panelWidth;
					var panelLeft = parseFloat(panel.css("left")); 
					
					
					
					
					nextTimer = setInterval(
											function()
											{
												if (panelLeft > maxSlide)
												{
													panelLeft = panelLeft - moveStep;
													
													if (panelLeft < maxSlide)
													{
														panelLeft = maxSlide;
													}
													
													panel.css("left",panelLeft + "px");
												
													//alert(panel.css("left"));
												}
											},
											waitTime);
					
				},
				function()
				{
					clearInterval(nextTimer);
				});
			
			
			
		}	
		
		
	});
	
	
	
	
	
	
	
	
}








