// JavaScript Document

		var WStarImageScroller =
		{
			init : function()
			{
				var scrollers = Core.getElementsByClass('WStarImageScroller');
				if (scrollers.length > 0)
				{
					var scrollLength = 0;
					for ( var i = 0; i < scrollers.length; i++ )
					{
						var height = (scrollers[i].style.height)?scrollers[i].style.height:'75px';
						var width = (scrollers[i].style.width)?scrollers[i].style.width:'300px';
						var dir = scrollers[i].getAttribute('dir');
						var id = 'WStarImageScroller__' + i ;
						
						var arr =  WStarImageScroller.getImages(scrollers[i]);
						if ( arr.length > 0 )
						{
							
							scrollers[i].style.display = '';
								
							if ( (height.replace('px','') * arr.length) > width.replace('px','') ) scrollLength = (height.replace('px','') * arr.length) - width.replace('px','');
						
							var oTbl = document.createElement("Table");
							oTbl.border = '0';
							oTbl.cellspacing = '0';
							oTbl.cellpadding = '0';
	            			var oTR = oTbl.insertRow(0);
	                    	var oTD1 = oTR.insertCell(0);
							var oTD2 = oTR.insertCell(1);
							var oTD3 = oTR.insertCell(2);
							
							var leftScrollLink = document.createElement("div");
							leftScrollLink.innerHTML = '&lt;&lt;';
							leftScrollLink.href = '#';
							leftScrollLink.style.textDecoration = 'none';
							leftScrollLink.style.display = 'block';
							leftScrollLink.style.height = height;
							leftScrollLink.style.width = '100%';
							leftScrollLink.style.lineHeight = height;
							leftScrollLink.style.backgroundColor = '#efefef';
							leftScrollLink.style.cursor = 'pointer';
							//leftScrollLink.style.color = '#ababab';
							leftScrollLink.style.fontWeight = 'bold';
							leftScrollLink.WStarImageScroller__Id = id;
							leftScrollLink.scrollLength = scrollLength;
							Core.addEventListener(leftScrollLink, 'mousedown', WStarImageScroller.slideRight );
							Core.addEventListener(leftScrollLink, 'mouseup', WStarImageScroller.clearSlider );
							//Core.addEventListener(leftScrollLink, 'blur', WStarImageScroller.clearSlider );
							Core.addClass(leftScrollLink,"leftScrollLink");
							
							var rightScrollLink = document.createElement("div");
							rightScrollLink.innerHTML = '&gt;&gt;';
							rightScrollLink.href = '#';
							rightScrollLink.style.textDecoration = 'none';
							rightScrollLink.style.display = 'block';
							rightScrollLink.style.height = height;
							rightScrollLink.style.width = '100%';
							rightScrollLink.style.lineHeight = height;
							rightScrollLink.style.backgroundColor = '#efefef';
							rightScrollLink.style.cursor = 'pointer';
							//rightScrollLink.style.color = '#ababab';
							rightScrollLink.style.fontWeight = 'bold';
							rightScrollLink.WStarImageScroller__Id = id;
							rightScrollLink.scrollLength = scrollLength;
							Core.addEventListener(rightScrollLink, 'mousedown', WStarImageScroller.slideLeft);
							Core.addEventListener(rightScrollLink, 'mouseup', WStarImageScroller.clearSlider );
							//Core.addEventListener(rightScrollLink, 'blur', WStarImageScroller.clearSlider );
							Core.addClass(rightScrollLink,"rightScrollLink");
							
							var imagePanel = document.createElement("div");
							imagePanel.id = id;
							imagePanel.style.position = 'relative';
							imagePanel.style.border = '0px solid black';
							imagePanel.style.height = height;
							imagePanel.style.width = width;
							imagePanel.style.overflow = 'hidden';
							imagePanel.scrollLength = scrollLength;
							
							
							//Core.addEventListener(imagePanel, 'mousemove', WStarImageScroller.onMouseOverSlider );
							
							var thisImageWidthHeight = height.replace('px','');

							
							for ( var a = 0; a < arr.length; a++)
							{
								
								var imgFrame = document.createElement("div");
								imgFrame.style.position = 'absolute';
								imgFrame.style.top = '0px';
								imgFrame.style.left = ( (Number(thisImageWidthHeight)*(a)) == 0 ) ? '0px' : (Number(thisImageWidthHeight)*(a))+1 + 'px';
								imgFrame.style.width = ((Number(thisImageWidthHeight)*(a+1))) + 'px';
								imgFrame.style.height = ((Number(thisImageWidthHeight)*(a+1))) + 'px';
								imgFrame.style.border = '1px solid #efefef';
								imgFrame.style.overflow = 'visible';
								imgFrame.imgHeight = thisImageWidthHeight;
								imgFrame.imgWidth = thisImageWidthHeight;
								imgFrame.posTop = imgFrame.style.top.replace('px','');
								imgFrame.posLeft = imgFrame.style.left.replace('px','');
								Core.addEventListener(imgFrame, 'mouseover', WStarImageScroller.ImageInflate );
								Core.addEventListener(imgFrame, 'mouseout', WStarImageScroller.ImageDeflate );
								
								var img = document.createElement("img");
								img.src = arr[a].src;
								img.alt = arr[a].alt;
								img.title = arr[a].alt;
								img.imagehref = arr[a].href;

								
								if ( arr[a].href != '')
								{
									img.style.cursor = 'pointer';
									Core.addEventListener(img, 'click', WStarImageScroller.onclickHandlerAutoResize );

								}
								
								//img.style.width = (Number(thisImageWidthHeight)) + 'px';
								//img.style.height = (Number(thisImageWidthHeight)-2) + 'px';
								imgFrame.appendChild(img);
								
								imagePanel.appendChild(imgFrame);
							}
							
							oTD1.appendChild(leftScrollLink);
							oTD2.appendChild(imagePanel);
							oTD3.appendChild(rightScrollLink);
							scrollers[i].appendChild(oTbl);
						}
					}
				}
			},
			getImages : function(obj)
			{
				var arr = new Array();
				var imageSrc = obj.getAttribute('imageSrc');
				var imageHrefs = (obj.getAttribute('imageHrefs'))?obj.getAttribute('imageHrefs'):'';
				var imageAlts = (obj.getAttribute('imageAlts'))?obj.getAttribute('imageAlts'):'';
				var alt = '';
				var href = '';
				if ( imageSrc != '' )
				{
					var imageSplit = imageSrc.split(';#');
					var imageAltsSplit = imageAlts.split(';#');
					var imageHrefsSplit = imageHrefs.split(';#');
					for ( var d = 0 ; d < imageSplit.length; d++)
					{
						alt = (d < imageAltsSplit.length) ? imageAltsSplit[d] : '';
						href = (d < imageHrefsSplit.length) ? imageHrefsSplit[d] : '';
						arr[d] = {'src':imageSplit[d],'alt':alt,'href':href};
					}
				}
				/*
				
				arr[0] = {'src':'/images/image1.gif','alt':'Image 1'};
				arr[1] = {'src':'/images/image2.gif','alt':'Image 2'};
				arr[2] = {'src':'/images/image3.gif','alt':'Image 3'};
				arr[3] = {'src':'/images/image4.gif','alt':'Image 4'};
				arr[4] = {'src':'/images/image5.gif','alt':'Image 5'};
				arr[5] = {'src':'/images/image6.gif','alt':'Image 6'};
				*/
				
				
				return arr;
			},
			WindowObjectReference : null,
			previousUrl : '',
			onclickHandlerAutoResize: function()
			{
				var strUrl = strSiteVirtualFolder + '/scripts/popup_resize.asp?dir='+this.imagehref.replace('#','');
				if(WStarImageScroller.WindowObjectReference == null || WStarImageScroller.WindowObjectReference.closed)
  				{
					WStarImageScroller.WindowObjectReference=window.open(strUrl, 'upload', 'width=200,height=200,menubar=no,location=no,toolbar=no,status=no,resizable=yes,top=10,left=10');
					WStarImageScroller.WindowObjectReference.focus();
				}
				else if(WStarImageScroller.previousUrl != strUrl)
  				{
					WStarImageScroller.WindowObjectReference=window.open(strUrl, 'upload', 'width=200,height=200,menubar=no,location=no,toolbar=no,status=no,resizable=yes,top=10,left=10');
					WStarImageScroller.WindowObjectReference.focus();
				}
	  			else
  				{
    				WStarImageScroller.WindowObjectReference.focus();
  				}
  				WStarImageScroller.previousUrl = strUrl;
				Core.preventDefault(event);
				return;	
			},
			ImageInflate : function()
			{
				var t = this;
				var w = (t.width)?t.width:t.style.width.replace('px','');
				//t.imgWidth = w;
				
				t.zIndex = (t.zIndex)?t.zIndex:t.style.zIndex;
				t.style.width=(Number(t.getAttribute('imgWidth'))+4)+'px';
				t.style.top=(Number(t.getAttribute('posTop'))-2)+'px';
				t.style.left=(Number(t.getAttribute('posLeft'))-2)+'px';
				t.style.zIndex = t.zIndex + 1000;
			},
			ImageDeflate : function()
			{
				var t = this;
				t.style.width=t.getAttribute('imgWidth')+'px';
				t.style.top=t.getAttribute('posTop')+'px';
				t.style.left=t.getAttribute('posLeft')+'px';
				t.style.zIndex = t.zIndex;
			},
			onMouseOverSlider : function()
			{
				if ( WStarImageScroller.sliderTimeout == null) WStarImageScroller.autoSlider(this);
			
				var left = WStarImageScroller.zxcPos(this)[0];
				var top = WStarImageScroller.zxcPos(this)[1];
				var width = this.style.width.replace('px','');
				var panel_1 = Math.round((width/4)*1);
				var panel_2 = Math.round((width/4)*2);
				var panel_3 = Math.round((width/4)*3);
				var panel_4 = width;
				
				var maxSpeed = 100;
				var speed = 0;
				if ( left >= 0 && left <= panel_1)
				{
					WStarImageScroller.scrollDirection = 1;
					speed = Math.round((panel_1-(left)) * (1000/panel_1));
					speed = (speed < 10) ? 10 : speed;
				}
				if ( left > panel_1 && left <= panel_2)
				{
					WStarImageScroller.scrollDirection = 1;
					speed = Math.round((panel_1 - Number(panel_2-left)) * (1000/panel_1));
					speed = (speed < 10) ? 10 : speed;
				}
				if ( left > panel_2 && left <= panel_3)
				{
					WStarImageScroller.scrollDirection = -1;
					speed = Math.round((panel_3-(left)) * (1000/panel_1));
					speed = (speed < 10) ? 10 : speed;
				}
				if ( left > panel_3 && left <= panel_4)
				{
					WStarImageScroller.scrollDirection = -1;
					speed = Math.round((panel_1 - Number(panel_4-left)) * (1000/panel_1));
					speed = (speed < 10) ? 10 : speed;
				}
				
				WStarImageScroller.scrollSpeed = speed;
			},
			sliderTimeout : null,
			intervalId : 0,
			scrollSpeed : 0,
			scrollDirection : 0,
			slideLeft : function()
			{
				WStarImageScroller.sliderTimeout = window.setInterval("WStarImageScroller.scrollMe('"+this.WStarImageScroller__Id+"',10,'"+this.scrollLength+"',true);",10);
				WStarImageScroller.intervalId = WStarImageScroller.sliderTimeout;
			},
			slideRight : function()
			{
				WStarImageScroller.sliderTimeout = window.setInterval("WStarImageScroller.scrollMe('"+this.WStarImageScroller__Id+"',-10,'"+this.scrollLength+"',true);",10);
				WStarImageScroller.intervalId = WStarImageScroller.sliderTimeout;
			},
			autoSlider : function(t)
			{
				WStarImageScroller.sliderTimeout = window.setInterval("WStarImageScroller.scrollMe('"+t.id+"',"+WStarImageScroller.scrollDirection+",'"+t.scrollLength+"',false);",WStarImageScroller.scrollSpeed);
			},
			clearSlider : function()
			{
				if ( WStarImageScroller.intervalId == WStarImageScroller.sliderTimeout )
				{
					window.clearInterval ( WStarImageScroller.sliderTimeout );
					WStarImageScroller.sliderTimeout = null;
				}
			},
			scrollMe : function(id, v, m, bol)
			{
				var obj = document.getElementById(id);
				
				if ( obj.scrollLeft >= 0 && obj.scrollLeft <= m)
				{
					if ( obj.scrollLeft + v < 0 )
					{
						obj.scrollLeft = 0;
						WStarImageScroller.clearSlider();
						
					}
					else if ( obj.scrollLeft + v > m )
					{
						obj.scrollLeft = m;
						WStarImageScroller.clearSlider();
						
					}
					else
					{
						obj.scrollLeft = obj.scrollLeft + v;
					}
				}
				else
				{
					WStarImageScroller.clearSlider();
				}
			},
			zxcPos : function(zxcobj)
			{
				var posx = 0; 
				var posy = 0; 
				var obj = zxcobj; 
				if (!e) var e = window.event; 
				if (e.pageX || e.pageY) 
				{ 
					posx = e.pageX; 
					posy = e.pageY; 
				} 
				else if (e.clientX || e.clientY) 
				{ 
					posx = e.clientX + document.body.scrollLeft; 
					posy = e.clientY + document.body.scrollTop; 
				} 
				
			
 				zxclft=zxcobj.offsetLeft;
 				zxctop=zxcobj.offsetTop;
 				while(zxcobj.offsetParent!=null)
				{
  					zxcpar=zxcobj.offsetParent;
  					zxclft+=zxcpar.offsetLeft;
  					zxctop+=zxcpar.offsetTop;
 	 				zxcobj=zxcpar;
 				}
 				return [(posx-zxclft),(posy-zxctop)];
			}
		}
		Core.start(WStarImageScroller)