var pnNavAry=[]; var ckiUDateAry=[]; function zxcUpdateArys(){ var mary=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; var ary=[]; var cnt=0; ary[cnt++]=['Message Scroll Panel' ,'New' ,'MessageScrollPanel/MessageScrollPanel.htm','05/05/2003 ','Initially intended as a message scroll panel it is perfect for displaying images with limited text.']; ary[cnt++]=['Scroll Control' ,'New' ,'ScrollControl/ScrollControl.htm' ,'01/01/2004','Provides the user with control of the scroll properties of a long page.
It can start the target document with an automatic or manual scroll.']; ary[cnt++]=['Screen Marker' ,'New' ,'ScreenMarker/index.htm' ,'01/01/2004','JavaScript Tool to assist in the development of
Web Pages.
It is of specific assistance positioning CSS elements.']; ary[cnt++]=['Color Picker' ,'New' ,'ColorPicker/ColorPicker.htm' ,'01/01/2004','A Color Picker with a number of unusual features']; ary[cnt++]=['Image Batch ReSize' ,'UpDate','ImageBatchReSize/ImageBatchReSize.htm' ,'26/07/2004','Resize
a Batch of Images
to a maximum specified width or height
with the image
aspect ratio retained.

IE5+,NS7,Opera7,Moz']; ary[cnt++]=['FloatMe' ,'UpDate','FloatMe/FloatMe.htm' ,'22/06/2006','Any and as many elements on the page as required can be made to Float,
that is, retain their position in the window as the page is scrolled.
Where the float element is nested in an element with \'position:relative;\' or \'position:absolute;\'
it will scroll within the parent element while the parent object is in view.

The float element scroll is progressive,
and the scroll speed is specified by a customising variable or in the Initialising call.
']; ary[cnt++]=['Animation - Fade Transition','New' ,'jiaFadeTransition/jiaFadeTransition.htm','08/08/2004','Fade Transition Effect
with Messages,
Links & PopUps.
Plus
Massive savings
in file size
over .gif Animations.']; ary[cnt++]=['Menu with a Memory' ,'New' ,'MenuMemory/MenuMemory.htm' ,'04/09/2004','As many Menus as
required on a document
with Relative or
Absolute Positioning.
Remembers the
Last Menu States
when revisiting.']; ary[cnt++]=['Animation - Bouncing Ball' ,'New' ,'BouncingBall/BouncingBall.htm' ,'04/09/2004','A Bouncing Ball

with
Extensive Notes
to explain the code.']; ary[cnt++]=['TextBox Auto Select','UpDate','TextBoxSelect/TextBoxSelect.htm','09/10/2004','Display entries
from customised array
in a Selected Box
and enter a selection
into a text box
or generate arrays dynamically.
IE5, NS6, MozFF.']; ary[cnt++]=['Array Manager','UpDate','ArrayManager/ArrayManager.htm','24/10/2004','A number of functions
to assist in
managering arrays']; ary[cnt++]=['Frame SubMenu','UpDate','FrameSubMenu/FrameSubMenu.htm','05/11/2004','for FrameSet Application

The MainMenu
on one frame
Sub Menus on another.

IE6,NS7,Opr7,MozFF.']; ary[cnt++]=['Multiple Slide Show','Update','MultipleSlideShow/MultipleSlideShow.htm','28/06/2006','The Script can be used for one to any number of slide shows.
The slide shows can be:
Rotated Individually, Forward or Back.
All slide shows can be automatically rotated individually or together.
All slide shows can be automatically rotated in sequence.

Supplementary Code allows onclick Links to be added to images.
']; ary[cnt++]=['Simple Text PopUp','UpDate','SimpleTextPopUp/SimpleTextPopUp.htm','21/11/2004','A Simple Text MouseOver PopUp']; ary[cnt++]=['Float Me','UpDate','FloatMe/FloatMe.htm','22/11/2004','Any and as many elements on the page as required can be made to Float,
that is, retain their position in the window as the page is scrolled.
Where the float element is nested in an element with \'position:relative;\' or \'position:absolute;\'
it will scroll within the parent element while the parent object is in view.

The float element scroll is progressive,
and the scroll speed is specified by a customising variable or in the Initialising call.
']; ary[cnt++]=['Image Check Box','New','ImageCheckBox/ImageCheckBox.htm','25/11/2004','Convert Check Boxes
to Image Check Boxes

as many as required.
IE5,NS6,Opr7,MozFF.']; ary[cnt++]=['Reveal Square Animation','UpDate','RevealSquare/RevealSquare.htm','27/11/2004','Images are
Revealed & Hidden
a Square at at time.
with
Numerous Modes.

IE6 NS7 MozFF']; ary[cnt++]=['Display Part Image','New','DisplayPartImage/DisplayPartImage.htm','27/11/2004','An Image is Randomly
Clipped
and Displayed
in a consistant
position

IE6 NS7 MozFF']; ary[cnt++]=['Clip Effects','New','ClipEffects/ClipEffects.htm','30/11/2004','Image Clip Effects

Eleven Clip Effects

IE5+,NS7,ORP7,MozFF']; ary[cnt++]=['Image RollOver Effects','UpDate','ImageRollOverEffects/ImageRollOverEffects.htm','02/12/2004','A LightWeight JavaScript Tool
to assist in positioning CSS elements.']; ary[cnt++]=['miniScreenMarker','UpDate','miniScreenMarker/miniScreenMarker.htm','02/12/2004','A LightWeight JavaScript Tool
to assist in positioning CSS elements.']; ary[cnt++]=['miniScreenRuler','UpDate','miniScreenRuler/miniScreenRuler.htm','02/12/2004','A JavaScript Tool
to assist in positioning CSS elements.

with additional features
to miniScreenMarker.']; ary[cnt++]=['Text Magnifier','UpDate','TextMagnifier/TextMagnifier.htm','08/12/2004','Select and
Magnify Text

IE6, NS7, MozFF.']; ary[cnt++]=['Drag Float or ReSize','UpDate','DragFloatReSize/DragFloatReSize.htm','10/12/2004','Drag Float or ReSize
Any Element

suitable for absolute or
relative elements

IE6, NS7, Moz FF.']; ary[cnt++]=['Thumb Nail Display','UpDate','ThumbNailDisplay/ThumbNailDisplay.htm','10/12/2004','Produces the Display.
Resizes the Images
PopUps
and More

IE5+,NS7,Opera7,Moz']; ary[cnt++]=['Image PopUp','UpDate','ImagePopUp/ImagePopUp.htm','10/12/2004','Displays an Image
in a pseudo PopUp
with text if required.

IE5+, NS7, ORP7, MozFF']; ary[cnt++]=['Table Sort Order','New','TableSortOrder/TableSortOrder.htm','17/12/2004','Sort Table Entries

by Alpha, Numerica or Date

IE6, NS7 MozFF.']; ary[cnt++]=['URL Pseudo PopUp','UpDate','http://homepage.ntlworld.com/vwphillips/URLPopUp/URLPopUp.htm','19/12/2004','A Pseudo PopUp for URLs.

with drag, resize & print facilities.

IE6,NS7,Opr7,MozFF']; ary[cnt++]=['Memo Calendar','New','MemoCalendar/MemoCalendar.htm','23/12/2004','Memo Calendar
month year day A Calendar

A calender with Basic & Full Versions
with day memos,
drag, float
and the ability to
input textbox dates.

IE6,NS7,MozFF']; ary[cnt++]=['Keyboard Input','UpDate','KeyBoard/KeyBoard.htm','30/12/2004','A PopUp Key Board for use in inputing data.
With options of Full, Calendar or Customised Key Boards.
These can be usefull to restrict the input charater set.']; ary[cnt++]=['AddOn SubMenu','UpDate','AddOnSubMenu/AddOnSubMenu.htm','03/01/2005','Intended as a simple
bare bone "Add On"
to a Menu Table
to provide Sub Menus.

IE6, NS7, Opera7
& Mozilla FoxFire.']; ary[cnt++]=['Dog Tag','UpDate','DogTag/DogTag.htm','12/01/2005','Define Tag Tags
On-Line

with a number of
unusual features

IE6,MozFF.']; ary[cnt++]=['Search for Text','UpDate','SearchForText/SearchForText.htm','15/01/2005','Search for Text
in your sites pages

with a very low
code overheads

IE6, MozFF.']; ary[cnt++]=['Tutorial Make a Menu','New','MakeMenu/MakeMenu.htm','22/01/2005','Tutorial
in Producing a Menu

Two Display Formats
Three Levels and more.

IE6, MozFF.']; ary[cnt++]=['Simple PopUp','UpDate','SimpleTextPopUp/SimpleTextPopUp.htm','30/01/2005','A Simple Text MouseOver PopUp']; ary[cnt++]=['Missing Image','New','MissingImage/MissingImage.htm','05/02/2005','Either
replace missing images
with a reserve image
or remove it completely

IE5+,MozFF']; ary[cnt++]=['Bubble PopUp','New','BubblePopUp/BubblePopUp.htm','13/02/2005','A MouseOver PopUp
with a Bubble
and other Effects.']; ary[cnt++]=['Image Zoom','Update','ImageZoom/ImageZoom.htm','19/05/2006','Zoom In or Zoom Out

any number of images
on the same page

IE5+,MozFF']; ary[cnt++]=['PopUp Generator','New','PopUpGenerator/PopUpGenerator.htm','28/02/2005','A Code Generator

for
New Window &
Any HTML
PopUps

IE6,NS7,MozFF']; ary[cnt++]=['Menu - Compact','New','MakeMenu/MenuCompact.htm','28/02/2005','Based on MakeMenu

with increased Functionality
and Customising

and more.

IE6, MozFF.']; ary[cnt++]=['Auto Complete','UpDate','AutoComplete/AutoComplete.htm','04/03/2006','Auto Complete
text areas
or text inputs

Many Options Available
OOP techniques allow
as many applications on a page as required
IE5+,MozFF']; ary[cnt++]=['Fake Select','New','FakeSelect/FakeSelect.htm','25/03/2005','A Fake
Select(List) Box

with more flexiblity
than the
standard item.

IE5+,MozFF']; ary[cnt++]=['Multi Slide Show Effects','New','MultiSlideShowEffects/MultiSlideShowEffects.htm','28/03/2005','Display Multiple
Slide Shows on a page

Fwd, Back & Random
Rotation with
Many Effects & More

IE5+,MozFF']; ary[cnt++]=['Pages Visited','UpDated','PagesVisited/PagesVisited.htm','08/04/2005','A Floating Panel
that records
the pages visited
displays the titles
and navigatation.

IE5+ & MozFF']; ary[cnt++]=['Image Viewer','New','ImageViewer/ImageViewer.htm','10/04/2005','Display ThumbNails

then
Clip & Resize

and Much More

IE5+,MozFF']; ary[cnt++]=['Menu - Cascade Collapse','New','MakeMenu/MenuCascadeCollapse.htm','28/04/2005','Based on MakeMenu

Cascades Two Levels
and Collapes
when another Topic
is selected.

IE6, MozFF.']; ary[cnt++]=['Form Compendium','UpDate','FormCompendium/FormCompendium.htm','04/05/2005','Form Compendium

With many Scripts

which may be useful

with forms

IE5+,MozFF']; ary[cnt++]=['Page Navigator','New','PageNavigator/PageNavigator.htm','11/05/2005','A Select List

to assist in
Navigation of
Long Pages.

IE5+ & MozFF']; ary[cnt++]=['ReSize Crop Image','New','ReSizeCropImage/ReSizeCropImage.htm','23/05/2005','The Utility is
supplied Image data
by the parent URL
or Sever Side code
Modify the Image
& Submit the
Modified Data

IE5+,MozFF']; ary[cnt++]=['Fake Prompt Confirm Alert','New','PromptConfirmAlert/PromptConfirmAlert.htm','30/05/2005','Fake
Prompt Confirm Alert Boxes

Customise
to your requirement

IE6,NS7,MozFF']; ary[cnt++]=['Limit Line Display','New','LimitLineDisplay/LimitLineDisplay.htm','05/06/2005','Limit the
Lines Displayed

display more lines
at specified intervals
OnClick hold and continue

IE6,MozFF']; ary[cnt++]=['Menu Reveal Content','New','MenuRevealContent/MenuRevealContent.htm','12/06/2005','Slides a Menu Topic
to Reveal the
Topic Content

Degrades well with
JavaScript Disabled.

IE6, MozFF.']; ary[cnt++]=['Frame Picture','New','FramePicSSlideShow/Opener.htm','02/07/2005','']; ary[cnt++]=['ThumbNail Slide Show','New','FramePicSSlideShow/Opener.htm','02/07/2005','']; ary[cnt++]=['Fade Text','New','FadeText/FadeText.htm','03/07/2005','Apply Fade Effects
to sections of words
in the HTML code
Any number of sections
with independent
Fade & UnFade

IE6,MozFF']; ary[cnt++]=['Tab Menu','New','MenuTab/MenuTab.htm','19/07/2005','A Tab Menu with:
Multiple Applications
on a Page
Vertial and Horizontal
Displays
With as many pages as required.

IE6, MozFF.']; ary[cnt++]=['Add Acronym','New','AddAcronym/AddAcronym.htm','01/08/2005','Add Standard or
Customed Tool Tips to
add explantions to
Acronyms or Words.
or Change the
Text or Style
used on your Page

IE6,MozFF']; ary[cnt++]=['Tool Tip','New','ToolTip/ToolTip.htm','07/08/2005','MouseOver
text or an Object to
display a Tool Tip.

The Tool Tip,
with many features is
defined by HTML code

IE6,MozFF']; ary[cnt++]=['Custom ScrollBars','New','CustomScrollBars/CustomScrollBars.htm','12/08/2005','Design Custom Scroll Bars
for any scrollable
elements on the page.

Tested IE6, MozFF']; ary[cnt++]=['Sketch Pad Generator','New','SketchPad/SketchPad.htm','25/08/2005','A Generator
to produce the code
to display a Sketch
on a page
Select Line Color
and Size
for each line.

IE6,MozFF']; ary[cnt++]=['Simple Gantt Chart','New','GanttChart/GanttChart.htm','01/04/2006','A Simple
GanttChart

to display Project
Tasks and Progress
As many Gantt Charts
as Required on a Page.

IE6,MozFF']; ary[cnt++]=['Multi Message Scroller','Up Date','MultiMessageScroller/MultiMessageScroller.htm','12/09/2005','As Many
Vertial or Horizontal
Scrollers required
on a Page.
HTML or IFrame Messages

Tested with IE6, MozillaFF.']; ary[cnt++]=['Line Chart Generator','New','LineChart/LineChartG.htm','08/10/2005','A Generator to produce Line Charts
to display Line Charts on a page
Cardinal Points
and Joins
Text & Much More.

IE6,MozFF']; ary[cnt++]=['Tutorial - Custom Scroll Bars','New','CustomScrollBars/CSBTutorial.htm','08/10/2005','CustomScrollBars TutorialA Tutorial for Vertical Custom Scroll Bars.

Tested IE6, MozFF']; ary[cnt++]=['Simple Slide Show','UpDate','SimpleSlideShow/SimpleSlideShow.htm','10/07/2006','Three Simple Slide Shows

']; ary[cnt++]=['Multi Fade Slide Show','Update','MultiFadeSlideShow/MultiFadeSlideShow.htm','09/04/2006','A Slide Show Fading One Image with the Next.
Can be operated from \'Thumbnail Images\'
and or
from \'Forward\', \'Back\' and \'Auto\' buttons.
Each Slide Show frame may have a Message and a Link to a URL.
There may be as many \'Image Fade Slide Shows\' on a page as required.
Where the browser does not support opacity the main image will simply change.
']; ary[cnt++]=['Tab Message Panel','Update','TabMessagePanel/TabMessagePanel.htm','26/12/2005','Messages are displayed in a Panel is selected by a Tab.
Optional Horizontal or Vertical display modes.
Clicking the Tab or optional Control Buttons will display the selected Tab Message.

Optional Optional Auto Rotation.
The Tab Selection and Message will automatically rotate at a specified period.
with an optional control button to control to pause or continue rotation.

There may be as many applications as required on a page.
']; ary[cnt++]=['Image Check Box','UpDate','ImageCheckBox/ImageCheckBox.htm','15/11/2005','Convert Check Boxes
to Image Check Boxes

as many as required.
IE5,NS6,Opr7,MozFF.']; ary[cnt++]=['Calendar Input','New','CalendarInput/CalendarInput.htm','28/11/2005','The Script be used to generate SelectLists for Day Month and Year.
Allows Date Inputs to be selected from a PopUp Calendar
to the generated SelectLists or to standard Text INPUTs.
Clicking a calendar date enters the date in the required fields.
When displayed the popup may be dragged to a new position
']; ary[cnt++]=['ToolTip Fade','New','ToolTipFade/ToolTipFade.htm','28/11/2005','MouseOver an element to Fade a ToolTip \'In\'.
MouseOut an element to Fade a ToolTip \'Out\'.
MouseOver the ToolTip to hold the ToolTip \'In\'.
MouseOut the ToolTip Fade the ToolTip \'Out\'.
An OnClick URL Link may be specified for each ToolTip.
There may be as many applications as required on a page.
The ToolTip is defined in the HTML Code.
Each application may share or have a unique ToolTip.']; ary[cnt++]=['ToolTip YoYo','New','ToolTipYoYo/ToolTipYoYo.htm','28/11/2005','MouseOver a topic and the ToolTip will extend.
MouseOut or MouseOver another topic and the first ToolTip will retract
while the ToolTip for the current topic extends.
MouseOver a ToolTip to prevent the ToolTip retracting.
The extend and retract speed and increment may be specified.
Each ToolTip may be specifically positioned relative to the topic.
Each ToolTip may have an opac background color or image.
The script may be applied to ImageMap applications.
There may be as many topics or ToolTips as required on a page.
Each topic may have a specific ToolTip or share a ToolTip.
']; ary[cnt++]=['Image Magnifier','New','ImageMagnifier/ImageMagnifier.htm','03/12/2005','To Magnify an Area of an Image.
MouseOver an image to display the \'Magnify Control Panel\'.
MouseOver the control panel to display a \'Magnify Area\'.
Drag the \'Magnify Area\' to the position of the Image to magnify
and use the slider controls
to change the size and magnification of the \'Magnify Area\'
MouseOut of the image to hide \'Control Panel\' and \'Magnify Area\'.
The facility may be applied to as many Images on a page as required.
']; ary[cnt++]=['Move Element','UpDate','MoveElement/MoveElement.htm','20/01/2006','Two Scripts
A MouseOver event call will slide an element to a new position
on the Horizontal or Vertical axis.
A MouseOut event call will slide the element back to the original position.


Move any number of elements to a new specified or anchor position.']; ary[cnt++]=['Multiple Calendars','UpDate','CalendarsMultiple/CalendarsMultiple.htm','04/06/2006','To display calendars for specified years and months.
With optional static or popup memo messages and links for specified dates.
The calendar format may be \'DD/MM/YYYY\' or \'MM/DD/YYYY\'
and the calendar size dictated by a specified font size.
']; ary[cnt++]=['Play with Time','UpDate','PlaywithTime/PlaywithTime.htm','24/12/2005','Playing with Time
Displays

with Day Names.
Multiple Stop Watches

Count Down Time to Event']; ary[cnt++]=['Add Out Line','New','AddOutLine/AddOutLine.htm','01/01/2006','Create an Element OutLine from an event call.
The OutLine may be any size or color an applied to any side.
The OutLine is applied at a specified speed
and may be optionally toggled.
There may be as many applications on a page as required.
']; ary[cnt++]=['Add Under Line','New','AddUnderLine/AddUnderLine.htm','02/01/2006','Create an Element UnderLine from an event call.
The UnderLine may be any size or color.
The UnderLine is applied at a specified speed
and may be optionally toggled.
']; ary[cnt++]=['Opacity Scripts','UpDate','OpacityGradient/Opacity.htm','18/06/2006','There are a number of Opacity Scripts on this site.
This page has a number of smaller scripts
which do not justify a separate page.
The scripts use object orientated techniques
allowing concurrent execution.

Element Opacity
MouseOver Opacity
Banner Rotate Opacity
']; ary[cnt++]=['Change Width Height','UpDate','ChangeWidthHeight/ChangeWidthHeight.htm','31/07/2006','An elements width or height may be progressively changed or toggled
to a new specified dimension at specified increments.
Options allow
the change to be linear or progressive,
the change to be Up, Down, Left, Right or Centered,
the element removed (display:none;) or hidden (visibility:hidden) when at the minimum dimension,
and the z-index is changed when extending or retracting.
Multiple effects may be defined for as many elements as required.

Optional Code allows the effects of a group of elements to be controlled
for single or multiple level applications such as menus,
and persitance(a Cookie) allows the last state to be restored when revisiting.
']; ary[cnt++]=['Scroll Bars','UpDate','ScrollBars/ScrollBars.htm','18/03/2006','Horizontal and Vertical Scroll Bars
Scoll Bars return a value relative to the Sroll Bar Slider position
which can be used to control the value, position or other attributes of an elements.

The Scroll Bar can include a slider and Left and Right Scroll Buttons.
This Script addresses four types of Scroll Bars.
']; ary[cnt++]=['Image Match Game','New','Fun/ImageMatchGame.htm','01/03/2006','An Image Match Game
There may be as many images as required.
Enter a name to display the Top Scorers.
The Top Scorers are remembered using a cookie.
']; ary[cnt++]=['A List Menu','New','MenuList/MenuList.htm','04/03/2006','Add Functionality to a List defined in the HTML Code.
Clicking a List Item will toggle the display of child UL list items
and hide other UL list items.
There may be as many levels in the list as required.

Options
Persistence, toggling Images and lines in the form of a menu tree.

There may be as many applications on a page as required.
']; ary[cnt++]=['Basic Menus','New','MenuBasic/MenuBasic.htm','11/03/2006','A Basic Menu for Horizontal or Vertical Applications
with as meny menu levels as required.
Execution may be by MouseOver or by Clicking the Menu Topics.
Executing a topic will close any open topics of the same or higher level.
Clicking outside a topic will close all sub menu topics.
The Menu is made up of <DIV>s defined in the HTML Code
and the appearance customised by CSS.
There may be as many applications on a page as required.

A Basic Tab Menu with the menu defined in the HTML Code
and the appearance customised by CSS.
There May be as many applications on a page as required.
']; ary[cnt++]=['Simple Menus','New','MenuSimple/MenuSimple.htm','02/04/2006','A Simple Vertical Menu with as many menu levels as required.
Execution may be by MouseOver or by Clicking the Menu Topics.
Executing a topic will close any open topics of the same or higher level.
Optionally, Clicking outside a topic or MouseOut of topics will close all sub menu topics.
The Menu is made up of <DIV>s defined in the HTML Code
and the appearance customised by CSS.
Event calls and links may be added to the HTML Code as required.
Persistance, Opacity(fade) and IE SelectList \'Bug Fix\'.
']; ary[cnt++]=['Zoom Text','New','ZoomText/ZoomText.htm','22/04/2006','Clicking the area containing the text or a link referencing the unique ID name of the area
will increase the text size, clicking again will decrease the text size
or
will decrease the text size, clicking again will increase the text size.
Dependent on the event call parameters assigned to the element containing the text.

There may be as many applications on a page as required
and all applications may be executed concurrently.
']; ary[cnt++]=['Image Slice Viewer','New','ImageSliceViewer/ImageSliceViewer.htm','22/04/2006','An image made up of image slices is positioned in a smaller \'View Area\'.
The area of the image outside the \'View Area\' is hidden from view.
The image may be moved within the \'View Area\' to display other portions of the image.

Only the Image Slices in or coming into view are loaded which allows
extremely large images made up of many image slices therefore be displayed in a limited area with minimal overheads.

Function event calls may be used to move the image up, down, left, right or diagonally within the \'View Area\'.
The magnification of the main image may also be controlled by event calls.

An optional thumbnail display of the image indicates the area of the image being viewed in a \'View Box\'.
Dragging this \'View Box\' within the thumbnail will move the main image accordingly.

There may be as many applications on a page as required.
']; ary[cnt++]=['Continuous Scroll Banner','UpDate','ContinuousScroll/ContinuousScroll.htm','15/04/2006','To provide a continuous Scroll any number of images or HTML messages in a banner of any length.
With event call functions to Stop or Start the scroll.
The images or HTML content, and optional links are specified in an array.
The images or HTML content width and scroll speed are specified in the initialisation call.
Optionally the Default
width, height, background color, text color, text align, and font size
may be assigned for each element in the array.

There may be as many independent application as required on a page.
']; ary[cnt++]=['Drag & Drop, Avoid, Dock','New','DragDockAvoid/DragDockAvoid.htm','30/04/2006','To Drag and Drop an Object.

The Avoid option prevents the drag object being dragged over designated \'Avoid\' objects.
The DragIn option \'docks\' the drag object in designated \'Dock In\' objects when positioned within a \'Dock In\' object.
The DragTouch option \'docks the drag object in designated \'Dock In\' objects
when positioned over or within \'Dock In\' object borders.
By default the drag object will be centered on the dock object when docked.
Alternatively options allow the drag object to return to its last fixed position when docked
or call an External Function passing the drag and dock objects to allow customising of the requirement.

Object Drag, Avoid, Dock In and Dock Touch properties may be added and removed dynamically as required.
']; ary[cnt++]=['Cube Slide Show','UpDate','CubeSlideShow/CubeSlideShow.htm','15/05/2006','Displays Images or Panels of HTML Code by Sliding in the next image or panel
to give the impression of a rotating cube.
The \'Cube\' may be rotated horizontally or vertically
with the normal previous, next, auto rotate, pause, restart capabilities.
Additionally the mode may be toggled between vertical and horizontal rotation
and the slide show content changed for a different set of images and panels.
Each Side Show content is defined in an array.
For basic image requirements each field defines the image file name.
For more complex requirements requiring HTML Panels, Image Titles, and Links
the array is dimensioned.
There may be as many applications on a page each with independent operation.
']; ary[cnt++]=['Image PopUp II','UpDate','ImagePopUpII/ImagePopUpII.htm','29/05/2006','An alternative to the Standard PopUp to display an Image.
The PopUp is sizes to the displayed image and cannot be blocked.
An optional TitleBar displays a default or specified title
and allows the PopUp to be Drag and Dropped to a new position

The appearance of the PopUp may be customised using Customising Variables.
The PopUp Image may be its natural or a specified size.

The Popup is normally populated with an image and displayed by an onclick event
and hidden by clicking outside the event object or the Title Bar \'X\' box.Optional Code allows:
Positioning a opaque mask under the Image PopUp.
To Center the Image PopUp in the window.
']; ary[cnt++]=['Move Inner Image','New','MoveInnerImage/MoveInnerImage.htm','11/05/2006','To move an image horizontally within a parent <DIV> as the mouse is moved over the <DIV>
maintaining the position of the image relative to the mouse position in the parent <DIV>
An optional message panel <DIV> within the parent <DIV>
may have its opacity set during the script initialisation.

There may be as many applications as required on a page.
']; ary[cnt++]=['Group of Random Images','New','GroupofRandomImages/GroupofRandomImages.htm','14/05/2006','To Display a Group of Random Images.
in a Horizontal or Vertical display.
With optional titles, links and PopUp.
As many groups containing as many images as required.
']; ary[cnt++]=['Image Gallery Scroll','New','ImageGalleryScroll/ImageGalleryScroll.htm','21/05/2006','Image Thumb Nails are displayed horizontally
in a <DIV> of a specified width.
Thumbnails which overflow this width are hidden.
MouseOver of a Scroll Bar to the left or right of center
will scroll the Thumbnails left or right respectively.
The scroll speed is controlled by moving the mouse position.
Optionally:
Clicking a specific Thumb Nail will display the Thumb Nail src as the src of a specified <IMG> element.
Any set of characters of the src may be swapped with a specified set of characters,
allowing the specified <IMG> element to display a larger image from a different directory.
']; ary[cnt++]=['Retain at Center and/or Middle','New','RetainCenterMiddle/RetainCenterMiddle.htm','27/05/2006','The Script will retain an element in the center ( horizontal ) and/or middle ( vertical )
of the window while constrained within its parent element.
']; ary[cnt++]=['Custom ScrollBars II','UpDate','CustomScrollBarsII/CustomScrollBarsII.htm','14/06/2006','For both Vertical or Horizontal Applications
with the following features:
The Content Panel and Scroll Bar are defined in the HTML Code and CSS(Style) rules.
The Content Panel to be scrolled and Scroll Bar may be of any and different size.
Content Scroll position is relative to the \'Slider\' position.
Auto Sizing of the Slider.
Optional Control Buttons Scroll Up/Down or Left/Right buttons.
These Buttons are actuated by a mouse or mouse over event as specified in the initialisation call
as is the initial speed of scroll which is progressive.

Alternativly the slider position may be passed to a specified function

There may be as many applications on a page as required.
']; ary[cnt++]=['Tool Tip Message Clip','New','ToolTipMessageClip/ToolTipMessageClip.htm','28/05/2006','The primary purpose of the script is to display text in an expanding message panel.
The script may be activated from an event call from the message object or other object.
The message panel is retracted on a MouseOut event of the message panel or an event call from another object.
The Message may be within a <DIV> with style \'overflow:auto;\' to allow long messages to be scrolled.
There may be as many applications as required on a page
each with independent operation to allow one to extend as another retracts.
Options allow the message panel to be centered on the origin
both horizontally and/or vertically as the message panel expands or retracts.
The message panel may also be hidden at its minimum dimensions.
']; ary[cnt++]=['Add IFrame','New','ToolTipMessageClip/ToolTipMessageClip.htm','28/05/2006','Add IFrame>br>This script is designed as an \'ADD On\' to existing code.
to combat the IE Bug of SelectLists \'shining throught\' <DIV> Elements
by positioning an <IFRAME> under the <DIV>.
']; ary[cnt++]=['Tool Tip II','New','ToolTipII/ToolTipII.htm','01/06/2006','A PopUp ToolTip where Delays may be specified for both MouseOver PopUp and MouseOut PopDown.
On PopUp the \'ToolTip\' may follow the mouse with specified offsets until MouseOut.
Alternatively the \'ToolTip\' may be \'Sticky\' to PopUp at a specified anchor position.
This anchor may be the object calling the \'ToolTip\' for a static \'ToolTip\'.
MouseOver of the visible \'ToolTip\' may optionally retain the \'ToolTip\' visible
until MouseOut of the \'ToolTip\'.
The \'ToolTip\' will avoid the window edges to always be fully visible when activated
and is ideal for constructing multiple level menus.
']; ary[cnt++]=['Scroll Step','New','ScrollStep/ScrollStep.htm','03/06/2006','This script allows manual horizontal scrolling of images
where the scroll will stop at each image
and the image in the center of the display will enlarge.
With optional image text and sroll image OnClick to display a larger image and text.
']; ary[cnt++]=['Change Image BG Color','New','ChangeImageBGColor/ChangeImageBGColor.htm','07/06/2006','To change the background color of a TABLE cell where the cell contains an image.
Any number strings of a unique portion of an Image SRC are passed to a function which changes
the background color of all elements containing an image with an SRC which includes the string.

The change may be instigated by a specific event call
or optionally, by event calls added to the image during the script initialisation.

There may be as many applications as required.
']; ary[cnt++]=['Fake Select II','New','FakeSelectII/FakeSelectII.htm','13/06/2006','The standard <SELECT> list has a number of limitations.
One of these is that the options do not support MouseOver events.
This script addresses that and other limitations by superimposing an object over the <SELECT> list
with the same selection options as the real select list.
These options recognise MouseOver events and are easily customised with class rules.
Changes in selection are reflected by the real <SELECT> list and may call a function
to allow the selection status to be monitored.
The MouseOver event may display a message for the specific option.

Optional Code allows the \'Fake Select\' size to be specified
and a cutomised \'Scroll Bar\' displayed.

There may be as many applications as required on a page
and integrated with my \'Add Iframe\' script as required.
']; ary[cnt++]=['Multi Layer Menu','New','MenuMultiLayer/MenuMultiLayer.htm','17/06/2006','Menu Topics constructed of <DIV> are layered on top of each other.
The Menu Topics are defined in the HTML Code.
The initial condition is with one Topic is visible and all other Topics are hidden.
Clicking an Item of the visible Topic hides the Topic and \'Shows\' the Topic specified in the event call.
Subsequent topics can be \'Shown\' by event calls of the current visible topic.
A \'Back\' function call allows sequencing back through the visibility conditions to the initial menu Topic.
A \'Reset\' function call restores initial menu conditions.
There may be as many applications on a page as required.
']; ary[cnt++]=['Color Gradient Scripts','UpDate','OpacityGradient/Gradient.htm','18/06/2006','Color Gradient Scripts.
This page has a number of smaller scripts
which do not justify a separate page.
The scripts use object orientated techniques
allowing concurrent execution.
']; ary[cnt++]=['Photo Book II','New','PhotoBookII/PhotoBookII.htm','21/06/2006','A Slide Show presented as a Book with each page an image or text.
Each image or text area may be sized and centered in the page.
Controls for Next, Previous and Auto rotation with hold control.
There may be as many applications as required on a page
with independent operation of each book and page.
']; ary[cnt++]=['Image Expand & Display','New','ImageExpand/ImageExpand.htm','30/06/2006','Click a ThumbNail Image and move a expanding copy to a specified display element.
The expanded image is centered in the display element.
The move is progressive and the move time may be specified.
Move another expanding image to the display element
and the previous display image will be removed.

Elements other than images may be copied, moved and displayed.
There may be as many applications as required on a page.
']; ary[cnt++]=['Element Ellipse','New','ElementEllipse/ElementEllipse.htm','06/07/2006','Element Ellipse is a type of Slide Show where any number of elements
may be displayed equally spaced on the circumference of an ellipse
The elements may be rotated around the circumference.
This rotation may be continuous
or automatically or manually stepped with a hold delay at each step.
Each element may be \'Zoomed\'
as it approaches the center bottom of the ellipse to give a 3D effect.

There may be as many applications on a page as required.
']; ary[cnt++]=['X FrameSet Menu','New','XFrameSetMenu/XFrameSetMenu.htm','20/07/2006','The featured Menu is very basic
but the principles in displaying a menu across frameset borders
may be applied to many applications using timeouts to hide menu elements.

The X FrameSet Menu Vertical Part 2 code must be present in the slave frame
to duplicate master menu elements in the slave frame.
The positioned of the slave element is relative to the master element
and the visility and timeout statements passed between the frames.

The Script contains functions for both vertical and horizontal applications.
']; ary[cnt++]=['3D Bar Chart','New','BarChart3D/BarChart3D.htm','08/08/2006','Create any number of Vertical or Horizontal 3D Bar Charts
Size and colors may be customised for each application
with specified title, line and bar text.
']; ary[cnt++]=['Progress Bars','New','ProgressBars/ProgressBars.htm','13/08/2006','A simple progress bar which is controlled by passing a percentage to the controlling function.
The bar may be horizontal or vertical and the colors may be specified.
Passing a percentage prefixed with \'+\' or \'-\' will increment the size by that percentage.
A percentage without a prefix will set the size to the specified percentage.
Options allow the percentage to be displayed in the bar and the bar to be hidden at 100%.
There may be as many applications on a page as required.
']; ary[cnt++]=['Universal PopUp II','UpDate','UniversalPopUpII/UniversalPopUpII.htm','11/09/2006','The \'Universal PopUp\' may display an element defined in the HTML code.
A \'Mask\' containing an image which, may be a transparent .png or other image type,
is positioned under the \'Universal PopUp\' to obscure the page thus highlighting the \'Universal PopUp\'.
The \'Universal PopUp\' would normally be centered in the window
but may be positioned relative to the element calling the \'Universal PopUp\'.
The \'Mask\' and \'Universal PopUp\' may be hidden by clicking the \'Mask\'
or by an event call to function \'zxcUPUHide\'.
Optional code allows the \'Universal PopUp\' to be \'drag and dropped\'
by an onmousedown event call to function \'zxcUPUDrag\' and ReSized by dragging the edges.
']; ary[cnt++]=['Triangles & Trigonometry','New','Triangles/Triangles.htm','28/01/2009','Triangles and Trigonometry
Enter Two Edges and the Adjacent Angle or Two Angles and One Edge or Three Edges
to calculate all angles and edges together with the width, height and area of the triangle.

The resultant triangle will be drawn and displayed
']; ary[cnt++]=['Play Chess','New','Chess/Chess.htm','18/02/2009','A Chess game With En Passant, Pawn Promotion, Move Forward, Move Back,
an optional Clock, Save Game, Store Game, \'Classic Games\' and \'Mate In Problems\' with Auto Move for \'Classic Game\'.
']; ary[cnt++]=['Analogue Clock','UpDate','AnalogueClock/AnalogueClock.htm','17/02/2009','An Analogue Clock with the option of a digital display.
The script may also be used for a digital clock.
There may be as many applications as required.
']; ary[cnt++]=['Pan Element','New','PanElement/PanElement.htm','20/02/2009','To \'Pan\' an image horizontally and vertically within a parent node.
There may be as many applications on a page as required.']; ary[cnt++]=['Time Line II','New','TimeLineII/TimeLineII.htm','21/02/2009','To display a \'Timeline\' with optional;
Title, Items, Item start and finish dates, month lines, month text, week lines and \'today\' line and date.
Optional code allows \'pop ups\' to be displayed on mouseover of an item.']; ary[cnt++]=['Photo Book III','New','PhotoBookIII/PhotoBookIII.htm','24/02/2009','A Slide Show presented as a Book with each page an image or text.

Each image or text area may be sized and centered in the page.

Event calls may be used to control Next, Previous and Auto rotation with hold control.
Each page may assigned an event call to a specified function.

There may be as many applications as required on a page.']; ary[cnt++]=['Image Map Highlight','New','ImageMapHighLight/ImageMapHighLight.htm','25/02/2009','Where Map AREA shapes are \'RECT\'.
Allows an area defined by an image map of an image to be hightlighed.
This highlight may be a clip of the image or an element defined in the HTML code.
There may be as many applications ona page as required.']; ary[cnt++]=['Analogue Dial','Update','AnalogueDial/AnalogueDial.htm','04/03/2009','Any number of Analogue Dials ( Meter ) may be displayed
and the hand position controlled by mouseover/down/click events
or the horizontal or vertically mouse or click position over a control element.

Each dial may be customised for size, color and for the number graticules and degrees.
']; ary[cnt++]=['Image Highlight','New','ImageHighLight/ImageHighLight.htm','06/03/2009','Allows an image to clicked to hightlight a window at the point of the click.
This window may be removed by clicking the hightlight window.
The image highlight window may be numbered and there may be as many as required.']; ary[cnt++]=['Image Mask','New','ImageMask/ImageMask.htm','14/03/2009','The script allows a colored mask to be placed over an image with specified areas transparent.
The effect may be executed by event calls from an image map area or any element such as a button.

The script is only effective in those browsers that recognise opacity.']; ary[cnt++]=['Border Shapes','New','BorderShapes/BorderShapes.htm','17/03/2009','The script allows colored border shapes to be drawn in a patent node.
Where more than one border shapes is drawn and overlap the shapes may be merged to form one shape.
This effect is useful in highlighting image map area and other applications.
The effect may be executed by event calls from an image map area or any element such as a button.']; ary[cnt++]=['Multi Effects Slide Show','UpDate','SlideShowMultiEffect/SlideShowMultiEffect.htm','21/03/2009','A slide show one of eight effects

wipe horizontal,
wipe vertical,
wipe square,
fade(opacity),
wipe left,
wipe right,
wipe up,
wipe down.

There may be as many applications on a page as required.
']; ary[cnt++]=['Slide Panels','UpDate','SlidePanels/SlidePanels.htm','24/03/2009','The script allows panels to be slid into or out of a parent element
from the left, right, top or bottom by a mouseover, mouseout or click event of the parent element.
This effect is useful in displaying text or slide show controls.']; ary[cnt++]=['Color Gradient','New','ColorGradient/ColorGradient.htm','27/03/2009','The script applies a horizontal or vertical color gradient to a block element
with immediate or progressive application.
The gradient may changed and hidden or displayed by an event call at any time.

Optional Code allow radius corners to be applied.
']; ary[cnt++]=['Radius Corners II','New','RadiusCornersII/RadiusCornersII.htm','08/04/2009','The script allows rounded corners to be applied to a DIV elements.
The radius corners and associated edges are added within or external to the DIV dimensions.
Options allow radius border color to be applied as required.']; ary[cnt++]=['Image Map Highlight II','New','ImageMapHighLightII/ImageMapHighLightII.htm','10/04/2009','Where Map AREA shapes are \'rect\', \'circle\' or \'poly\'.
Allows an area defined by an image map of an image to be \'hightlighed\'.
This highlight may be a clip of the image or an element defined in the HTML code.
']; ary[cnt++]=['Image Pan','New','ImagePan/ImagePan.htm','18/04/2009','Mousover an image and a frame displaying an enlarged version of the image will be displated
in a \'frame\' adjacent to the mouse position.
The framed imageg will be centered in the \'frame\' at the mouse position.
An option allows a menu to be displayed on double click to expand or contract the \'frame\' or framed image size.
']; ary[cnt++]=['Flash Card','Update','FlashCard/FlashCard.htm','20/04/2009','Flash Card is a learning technique where a question is on one side of the card and the answer on the reverse.
The script allows the questions and answers definded in an array to be displayed as flashcards in a \'slide show\'.
Clicking a question displays the answer with a transition effect in a specified time.

There are eight effects(plus random) available in displaying the answer.
']; ary[cnt++]=['Element Move Expand','UpDate','ElementMoveExpand/ElementMoveExpand.htm','20/04/2009','Move an Image or DIV to a specified display element.
The element is moved and centered in the display element over a specified time.
Image elements will be expanded as they move.
Move another element and the previous element will moved to its origin.
']; ary[cnt++]=['Make, ReSize, Drag','UpDate','MakeReSizeDragBoxes/MakeReSizeDragBoxes.htm','21/04/2009','Designed for someone designing CSS layouts
the script allowes <DIV> boxes to be drawn using a mousedown and mousemove.
The boxes may then be resized by dragging the edges and moved to a new position by dragging an element in the box.']; ary[cnt++]=['Display Elements','New','DisplayElements/DisplayElements.htm','21/04/2009','On initialising the script elements within a parent node will be expanded from 0 to their specified size.
Options allow an element to be displayed over the expanded element on an event call from the expanded element
and apply a mask over all other expanded elements within the parent node.
']; ary[cnt++]=['Continuous Scroll II','UpDate','ContinuousScrollII/ContinuousScrollII.htm','22/04/2009','To provide a continuous Scroll any number of images or HTML messages in a banner of any length.
For both Vertical or Horizontal Applications.
With event call functions to Stop or Start the scroll
and to change the direction between scroll left and right.
']; ary[cnt++]=['Image Map Highlight II','UpDate','ImageMapHighLightII/ImageMapHighLightII.htm','23/04/2009','Where Map AREA shapes are \'rect\', \'circle\' or \'poly\'.
Allows an area defined by an image map of an image to be \'hightlighed\'.
This highlight may be a clip of the image or an element defined in the HTML code.
']; ary[cnt++]=['Expand Slide Side Show','New','SlideShowExpandSlide/SlideShowExpandSlide.htm','30/04/2009','A slide show where thumbnail images are displayed in a DIV which may be scrolled my mouse down of \'buttons\'.
Mouse down of a thumbnail will expand an image and a DIV from 0 the image/DIV width/height
whilst moving it from the thumb nail position to specified positions over a specified period of time.']; ary[cnt++]=['Image Carousel','New','ImageCarousel/ImageCarousel.htm','25/05/2009','An easy to apply lightweight Image Carousel.
Supports horizontal and vertical scroll,
image titles and images nested in \'A\' links.']; ary[cnt++]=['Slide Content','UpDate','SlideContent/SlideContent.htm','29/05/2009','To Slide a nested element horizontally or vertically by mousing over the ends of the parent node
or by an element event call to a Slide function.']; ary[cnt++]=['CalendarInput II','UpDate','CalendarInputII/CalendarInputII.htm','22/06/2009','A lightweight calendar to input dates into text inputs
with options to exclude dates prior to or after specified dates or exclude specified days.']; ary[cnt++]=['Custom Scroll Bars III','UpDate','CustomScrollBarsIII/CustomScrollBarsIII.htm','13/07/2009',' A lightweight \'Custom Scroll Bar\' script to scroll a specified element or to return the slide position to a specified function.
There may be as many applications on a page as required.']; ary[cnt++]=['Drag Drop Sort','UpDate','DragDropSort/DragDropSort.htm','28/07/2009','To Drag and Drop objects within \'Docks\'.
With optional persistance(cookie).
There may be as many applications on a page as required.']; ary[cnt++]=['ReSizeHandles','New','ReSizeHandles/ReSizeHandles.htm','07/08/2009','Allows re-sizing of elements using resize handles.
One set of handles may be used for any number of elements
or different sets of handles may be used for individual elements.
The minimum and maximum resize dimensions may be assigned for each set of handles.
']; ary[cnt++]=['Shapes, Fill & Border.','UpDate','ShapesFillBorder/ShapesFillBorder.htm','13/08/2009',' There are 9 functions to produce standard shapes:
\'zxcLine\', \'zxcElipse\', \'Pie\', \'Pie Chart\', \'zxcStar\', \'zxcTriangle\', \'zxcArrow\', \'zxcRectangle\', \'Polygon\'.

Function \'zxcFill\' fills the shape.
Function \'zxcBorder\' draws a pologon border.
Function \'zxcElipseBorder\' draws an elipse border.
Function \'zxcCir\' plots the circumference of an elipse and is requied for \'zxcElipse\', \'Pie\' and \'Pie Chart\'.
']; ary[cnt++]=['Drag and Drop','UpDate','DragDrop/DragDrop.htm','19/08/2009','To Drag and drop an element.
The drag may be executed from the draggable object or a nested element(drag panel)
Minimum and maximum drag limits may be specified for both \'X\' and \'Y\' coordinates.
Specified functions may be called on mousedown, move or mouse up of the object.

There may be as many applications as required on a page.']; ary[cnt++]=['Node Chart','New','NodeChart/NodeChart.htm','20/08/2009',' Allows Nodes linked with arrowed lines to be postioned within a \'Canvas DIV\' using \'Drag and Drop\'.
The appearance of each node may be adjusted using a context menu.
The width and height of each menu may be adjusted using \'ReSize Handles\' or the context menu.
']; ary[cnt++]=['Basic Animator','UpDate','AnimatorBasic/AnimatorBasic.htm','11/09/2009','To progressively change the Left, Top, Width, Height or Opacity of an element over a specified period of time.
With the ability to scale the effect time on secified minimum/maximum values
and with three types of progression \'sin\' and \'cos\' and liner and an optional \'Bounce\'.']; ary[cnt++]=['Slide Expand Elements','UpDate','SlideExpand/SlideExpand.htm','28/09/2009','To Slide and Expand objects nested in a DIV.
With both \'Vertical\' and \'Horizontal\' applications.
With \'Vertical\' modes of \'center\', \'left\' or \'right\'
and \'Horizontal\' modes of \'center\', \'top\' or \'bottom\'.']; ary[cnt++]=['Calculate Polygon Area','New','PolygonArea/PolygonArea.htm','03/02/2010','A Polygon Area Calcultor. With manual input or by clicking of the canvas to input coordinates']; ary[cnt++]=['Line Graph','New','LineGraph/LineGraph.htm','06/02/2010','A Simple Line Graph generator where more than one graph may be drawn on a \'canvas\' DIV.
Clicking on a graph title will highligh the associated graph.']; ary[cnt++]=['Image Expand Menu','UpDate','ImageExpandMenu/ImageExpandMenu.htm','01/06/2010','To expand/magnify images nested in a <DIV>.
The size of the images are increase or decrease in proportion to the mouse position over the <DIV>
With both \'Vertical\' and \'Horizontal\' applications.
Moving the mouse over the menu causes adjacent menu items to expand
with options to adjust the left and top positions and opacity.']; ary[cnt++]=['Image Expand Carousel','New','ImageExpandCarousel/ImageExpandCarousel.htm','02/06/2010','A continious carousel of images nested in a DIV. The size of the images are increase or decrease on mouseover of an image. With both \'Vertical\' and \'Horizontal\' applications and with options to adjust the left and top positions and opacity, auto rotation, forward and back.']; ary[cnt++]=['Pan Carousel','New','PanCarousel/PanCarousel.htm','14/06/2010','// To continiously pan elements nested in a DIV element. The pan speed and direction is relative to the mouse position over the DIV parent DIV. The pan may also be activated by event calls from other elements. With both \'Vertical\' and \'Horizontal\' applications.']; ary[cnt++]=['Image Expand Pan','UpDate','ImageExpandPan/ImageExpandPan.htm','15/06/2010','To pan and expand/magnify images nested in a DIV. The size of the images are increase or decrease and the images panned forward or back relative to the mouse position over the DIV parent DIV. With both \'Vertical\' and \'Horizontal\' applicationsand with options to adjust the left and top positions and opacity. There may be as many applications on a page as required.']; ary[cnt++]=['Image Pan','New','ImagePan/ImagePan.htm','18/04/2009','Mousover an image and a frame displaying an enlarged version of the image will be displated
in a \'frame\' adjacent to the mouse position.
The framed imageg will be centered in the \'frame\' at the mouse position.
An option allows a menu to be displayed on double click to expand or contract the \'frame\' or framed image size.']; ary[cnt++]=['Animate Zoom Pan Image','New','ImageZoomPanII/ImageZoomPanII.htm','07/08/2010','An Animated Zoom and Pan Image script. The image may be zoomed and dragged within its parent node. With optional code to display a thumbnail image with a \'view window\' highlighting The image section displayed. This window may be dragged with the position reflected by the \'zoom\' image. There may be as many applications on a page as required.']; ary[cnt++]=['Animate','New','Animate/Animate.htm','20/08/2010','A light weight animator to progressively change the Left, Top, Width, Height or Opacity of an element over a specified period of time. With the ability to scale the effect time on specified minimum/maximum values and with three types of progression \'sin\' and \'cos\' and \'liner\'.']; ary[cnt++]=['Zoom Pan Image','UpDate','ImageZoomPan/ImageZoomPan.htm','01/09/2010','To Zoom and Pan Image by dragging the image
with optional code to display a thumbnail image with a window highlighting The image section displayed,
this window may be dragged and reflected by the \'zoom\' image.
There may be as many applications on a page as required.']; ary[cnt++]=['Drag Ellipse','New','DragEllipse/DragEllipse.htm','09/09/2010','The script allows objects to be dragged around the circumference of an ellipse.']; ary[cnt++]=['Animated Step Carousel','New','StepCarousel/StepCarousel.htm','12/09/2010','An animated Step Carousel script to scroll elements stopping at each element.
With optional \'Horizontal\' or \'Vertical\' modes of execution and optional Pagination.
The scroll is continious, that is the last element directly follows the first.']; ary[cnt++]=['Animated Step Carousel II','New','StepCarouselII/StepCarouselII.htm','12/09/2010','An animated continious carousel of objects nested in a <DIV>.
The carousel may be animated clockwise or anti clock wise by a specified pitch.
With both \'Vertical\' and \'Horizontal\' applications.
With optional auto rotation, forward and back and pagination.']; ary[cnt++]=['One Stop Slide Show','UpDate','OneStopSlideShow/OneStopSlideShow.htm','22/09/2010','A slide show with eighteen modes of execution
plus \'random\' to randomly change the mode.
With optional Pagination, Slide in Panels, Add Event Calls and persistance to remember the last frame.']; ary[cnt++]=['Slice Slide Show','UpDate','SliceSlideShow/SliceSlideShow.htm','01/10/2010','The slide show frames may be defined by the HTML code nested within a parent DIV element
or if images by an array.
The frames are sliced horizontally or vertically and displayed in a DIV element.
Rotating the slideshow slides the current slices out of the the next set of slices into the the DIV element.
There are 20 types of execution to slide the slices horizontally or vertically,
horizontal or vertical blind effects, opacity or random effects over a specified duration.
The script includes optional auto rotation, pagination, add event calls and persistance to remember the last frame.']; ary[cnt++]=['Clip Slide Show','UpDate','ClipSlideShow/ClipSlideShow.htm','11/10/2010','The slide show frames may be defined by the HTML code nested within a parent DIV element
or if images by an array.
The frames are clipped horizontally or vertically and displayed in a DIV element.
Rotating the slideshow slides the current clips out of the the next set of clips into the the DIV element.
There are 21 plus random types of execution to slide the clips horizontally or vertically,
The script includes optional auto rotation, pagination, add event calls and persistance to remember the last frame.
If the slide show element is an image a link may be attached.']; ary[cnt++]=['Animate II','New','AnimateII/AnimateII.htm','08/10/2010','A light weight animator to progressively change
left, top, width, height, color, background-Color, Opacity, border-Width, border-Color, clip
style of an element over a specified period of time.
and with three types of progression \'sin\' and \'cos\' and \'liner\'.']; ary[cnt++]=['One Stop Slide Show','UpDate','OneStopSlideShow/OneStopSlideShow.htm','12/10/2010','A slide show with eighteen modes of execution
plus \'random\' to randomly change the mode.
With optional Pagination, Slide in Panels, Add Event Calls and persistance to remember the last frame.']; ary[cnt++]=['Element Ellipse II','UpDate','ElementEllipseII/ElementEllipseII.htm','23/10/2010',' A type of Slide Show where any number of elements
may be rotated around the circumference of an ellipse equally spaced on the circumference.
This rotation may be continuous or automatically or manually stepped with a hold delay at each step.
Each element may be \'Zoomed Out\' as it approaches the top of the ellipse to give a 3D effect.
The elements to be rotated may be all elements nested in the parent node or those with a common class name or images defined in an array.']; ary[cnt++]=['Simple Marquee','New','SimpleMarquee/SimpleMarquee.htm','25/10/2010','A simple lightweight Marquee / Carousel to scroll a DIV content within a parent DIV.

The scroll is continious with no gaps between the scroll content.
The scroll may be \'Vertical\' or \'Horizontal\' and there may be as many applications on a page as required.

The script is light weight with a functioam code size of just 1.10K.']; ary[cnt++]=['Mosaic Slide Show','New','MosaicSlideShow/MosaicSlideShow.htm','06/11/2010','A Slide Show where the frames are clipped into \'squares\' and expanded over the previous frame.
The slide show frames may be defined by the HTML code nested within a parent DIV element or if images by an array or nested images.
If the slide show element is an image a link may be attached or defined in the HTML code.
There are five types of execution plus random effects to expand the \'squares\' over a specified duration.
The script includes optional auto rotation, pagination, slide panels, add event calls
and persistence to remember the last frame.']; ary[cnt++]=['Zoom Element','New','ZoomElement/ZoomElement.htm','20/11/2010','Clip technics are used to expand (zoom) an element by an event call from another element.
The primary use is to expand an image but can also be used to expand a DIV element.
The default condition is to expand the element centered on the event call from another element
alternatively the element may be centered on a specified element or positioned at specified offsets.']; ary[cnt++]=['Image Magnify','New','ImageMagnify/ImageMagnify.htm','28/12/2010','Mouseover an image will display a magnified image and optional text in a \'PopUp\' DIV.
By default the \'PopUp\' will be displayed over and centered on the image,
options allow the \'PopUp\' to be displayed at specified offsets from the image
or centered on a target \'anchor\'.
The \'PopUp\' will close on mouseover of another image of the same group
or on mouseout of the \'PopUp\'.
The script preloads each image and magnified image.
Default options may be specified on initialization and over ridden or complemented
by options specified in the image class name.']; ary[cnt++]=['Carousel','New','Carousel/Carousel.htm','31/12/2010','An animated carousel which scrolls content across a parent DIV.
With \'Horizontal\' and \'Vertical\' modes of display and execution.
Mouseover the parent DIV stops the scroll, mouseout starts the scroll.
Options allow a sliding panel to be slid in displaying left and right controls
and element captions on mouseover of the elements.']; ary[cnt++]=['CarouselII','New','CarouselII/CarouselII.htm','15/01/2011','An animated carousel which scrolls content across a parent DIV.
With \'Horizontal\' and \'Vertical\' modes of display and execution.
Mouseover the parent DIV stops the scroll, mouseout starts the scroll.
Options allow a sliding panel to be slid in displaying left and right controls
element captions on mouseover of the elements
and a \'loading image\' displayed while carousel images are loaded.
The carousel content may be the inner html of definded in an array.
All images are preloaded and bad images removed during initialization.
']; ary[cnt++]=['Step Carousel III','UpDate','StepCarouselIII/StepCarouselIII.htm','15/01/2011','A step carousel which unlike similar scripts allows elements of different sizes.
With animated \'Horizontal\' and \'Vertical\' modes of display and execution.
Options allow:
carousel elements may be images or identified by a common class name,
adding event calls to \'forward\' and \'back\' buttons,
auto rotation,
application of an \'active\' class name to the mouse over image,
pagination,
and persistence to restored the last element position on initialisation.
']; ary[cnt++]=['Word Tool Tip','UpDate','WordToolTip/WordToolTip.htm','27/01/2011',' To display a tooltip popup on mouseover of word or phrase.
Each word or phrase is defined in an array
together with optional tooltip inner html, class names and offsets.
Script defaults may be used to define the tooltip offsets from the word or phase,
the class name of the word or phrase, the class name of the tooltip and the event type to display the tooltip.
Alteratively the tooltip may also be a DIV in the HTML code.']; ary[cnt++]=['Sticky Note','UpDate','StickyNote/StickyNote.htm','06/02/2011','To center a \'Sticky Note\' in the center of the window.
When one \'Sticky Note\' of a group is displayed any other visible \'Sticky Note\' of that group is hidden.
Options allow:
Multiple \'Sticky Notes\' and muliple groups of \'Sticky Notes\',
Animated fade in and out,
Animated \'slide in\' from the window top, bottom, left or right,
Display show delay or by an event call,
Display hide delay or by an event call,
Display of a random \'Sticky Note\',
Persistance to only display the \'Sticky Note\' once ever X days,
Scroll \'Sticky Note\' the as the page is scrolled,
To repeatedly display the \'Sticky Note\' between minimum and maximum seconds.']; ary[cnt++]=['Expand Panel','UpDate','ExpandPanel/ExpandPanel.htm','08/02/2011','Child DIVs are nested in a \'Panel\' DIV.
One of the Child DIVs is expanded and collapsed on \'mouseup\' or \'mouseover\' of the \'Panel\' DIV.
The \'Panel\' DIVs are nested and centered in a parent node during expand and collapse.
Where there are more than one \'Panel\' DIVs the previously expanded \'Panel\'
will be collapsed when on \'mouseup\' of a \'Panel\'.
Optional persistence will expand the last expanded panel on initialization.
A \'Scroll\' option allows the \'Panel\' DIVs parent DIV to be scrolled across a parent DIV.']; ary[cnt++]=['Magnify Ellipse','New','MagnifyEllipse/MagnifyEllipse.htm','26/02/2011','The script allows any image on your page to be magnified when the mouse rolls over it.
The magnified section is displayed in an ellipse tracking the mouse position.
Options allow:
the magnified ellipse may be offset from the mouse position,
an image to be positioned over the ellipse and may sized greater than the ellipse diameter,
the \'large\' image may be zoomed in and out by left and right click if the mouse
or by inline event calls,
an instruction message may be displayed on mouse near of the \'small\' image.']; ary[cnt++]=['Step Carousel IV','UpDate','StepCarouselIV/StepCarouselIV.htm','03/03/2011','A step carousel which unlike similar scripts allows elements of different sizes.
With animated \'Horizontal\' and \'Vertical\' modes of display and execution.
All images are preloaded and \'bad\' images removed.
Options allow:
carousel elements may be the carousel inline elements or
identified by a common class name or
images defined in an array or
an external file accessed by Ajax or
an RSS feed,
adding event calls to \'forward\' and \'back\' buttons,
auto rotation,
application of an \'mouseover\' class name to the carousel element on mouseover,
pagination,
a \'loading\' image,
edge rotation direction control,
and persistence to restored the last element position on initialization.']; ary[cnt++]=['Batch Slide Show','UpDate','BatchSlideShow/BatchSlideShow.htm','05/03/2011','A Slide Show to display groups of images defined in arrays.
Each group of images is assigned a category name which are displayed to allow selection of the group to display.
Thumb nail images are displayed and the number of thumbnails displayed is specified by script options.
Mouseup of a thumbnail displays the relevant main image.
The relevant main image may also be displayed by mouseup of optional \'buttons\'.
The Pagination option allow selection of the \'sets\' of images to be displayed.
An opacity optional identified the current thumb nail by \'dulling\' the other thumb nails.
Options allow titles to be assigned to the thumb nails and main images
and link hrefs assigned to the main images.']; ary[cnt++]=['Before & After Images','New','BeforeAfterImages/BeforeAfterImages.htm','21/03/2011',' To slide an \'after\' image over a \'before\' image.
Option allow:
the slide to be controlled by mouse move over the image or by dragging the \'after\' image border.
the slide may be
\'Left\', \'Right\', \'Up\' or \'Down\'.
the minimum size of the \'after\' image to remain revealed may be specified.']; ary[cnt++]=['Step Carousel V','New','StepCarouselV/StepCarouselV.htm','21/03/2011','A step carousel which allows a number of images to be scrolled across a parent node.
With animated \'Horizontal\' and \'Vertical\' modes of display and execution.
Normally used to scroll images but may be DIV elements.
Options allow:
 carousel elements may be the carousel inline elements,
identified by a common class name or images defined in an array.
adding event calls to \'clockwise\' and \'anti-clockwise\' elements,
auto rotation,
application of an \'mouseover\' class name to the carousel element on mouseover,
pagination,
and persistence to restored the last scroll position on initialization.']; ary[cnt++]=['MouseOver Carousel','UpDate','MouseOverCarousel/MouseOverCarousel.htm','25/03/2011','The MouseOver Carousel is a highly configurable, continuous scrolling carousel.
Options Allow:
scrolling clockwise or anticlockwise and the scroll speed relative on the mouse position from the carousel ends,
changing scroll direction,
auto rotation,
auto rotation paused, rogessive changed of scroll speed,
and adding event calls to specified elements.']; ary[cnt++]=['Zoom Slide Show','UpDate','ZoomSlideShow/ZoomSlideShow.htm','04/04/2011','Two image thumbnails placed at the left and right edges of a parent DIV
Clicking a thumbnail allows a large image to be zoomed in
from the thumbnail position to the center of the parent DIV
and the previous zoom image zoomed out to the other thumbnail position.
The zoom image is loaded on demand and an optional \'loading\' image displayed while the image loads.
On completion new image thumbnails will be displayed.
Options allow:
pagination,
thumbnails and zoom image titles,
zoom image link,
image captions displayed below the zoom image
and auto rotation.']; ary[cnt++]=['Map Slide Show','UpDate','MapSlideShow/MapSlideShow.htm','12/04/2011','A simple image slide in slide show which allows an image map to be applied to image.
Options allow:
\'Horizontal\' or \'Vertical\' modes of execution,
slide in opacity,
image swap on mouseover,
auto rotation,
pagination,
popups on mouseover of each map area,
and persistence to restore the last image on initialization.']; ary[cnt++]=['Animated Expand Collapse','UpDate','AnimatedExpand/AnimatedExpand.htm','19/04/2011','The script allows DIV elements to be expanded and collapsed
with \'Vertical\' or \'Horizontal\' modes of execution over a specified animate duration.
Options allow:
DIV elements may be grouped so the only one is open at any time,
the expanded size of the DIV element may be set to an explicit size or the natural offset Width/Height,
a fade effect during execution,
the style display to be set to \'none\' when collapsed
the DIV element may be expanded as the page loads,
the DIV element content may be expanded from the top or the bottom,
persistence allow a previously opened DIV to be restored as the page loads.']; ary[cnt++]=['Flip Slide Show','New','FlipSlideShow/FlipSlideShow.htm','23/06/2011','A slide show where an element is flipped horizontally or vertically to reveal the next frame.
The flip and frame elements may be IMG or DIV elements.
Where both the flip and frame elements are images
the flip image src may be swapped to reflect the previous and next images.']; ary[cnt++]=['Scroller','New','Scroller/Scroller.htm','01/08/2011','A continuous scroller which provides a constant scroll speed across all browsers
and with both \'Horizontal\' and \'Vertical\' modes of execution.
The scroll may be controlled by inline event calls.']; ary[cnt++]=['Dial Control','New','DialControl/DialControl.htm','10/08/2011','The script allows a mark to be dragged around the circumference of dial ellipse.
The dial radius and Y radius are determined by the width of the mark parent node.
An options allows the mark position in degrees to be passed to a custom function
allowing control of other functions.
']; ary[cnt++]=['Multi Mode Scroller','UpDate','MultiModeScroller/MultiModeScroller.htm','26/08/2011','A lightweight scroller with both \'Horizontal\' and \'Vertical\' modes of execution
with options for \'Continuous\', \'Edge Control\' and \'Step\' scroll applications.
The scroll may be controlled by inline event calls.']; ary[cnt++]=['Image Perspective','New','ImagePerspective/ImagePerspective.htm','01/09/2011',' The script adds perspective to an image.
Script options to allow \'horizontal\' or \'vertical\' perspective
and with an alignment of \'center\', \'bottom\' and \'top\'']; ary[cnt++]=['Shapes Fill Border II','New','ShapesFillBorderII/ShapesFillBorderII.htm','20/11/2011','Script functions creates standard shapes
\'Line\', \'Polygon\', \'Ellipse\', \'Pie Chart\' and \'Star\'.
These shapes may be displayed by border or filled.

The Script also includes functions to append the shape to a specified element
and to accept image map area shapes and coordinates.
']; ary[cnt++]=['Ease Scroll Bar','UpDate','EaseScrollBar/EaseScrollBar.htm','27/11/2011','The script adds a custom scroll bar to a DIV element where the DIV content overflows the DIV size.
With both vertical and horizontal modes of execution.
The scroll bar slide may be dragged passed the scroll bar ends where it will be eased back to the scroll bar end.
The DIV content may be scrolled to a specific element by mouseup of inline elements identified by class name.
']; ary[cnt++]=['Ease Scroll Bar','UpDate','EaseScrollBar/EaseScrollBar.htm','29/11/2011','The script adds a custom scroll bar to a DIV element where the DIV content overflows the DIV size.
With both vertical and horizontal modes of execution.
The scroll bar slide may be dragged passed the scroll bar ends where it will be eased back to the scroll bar end.
The DIV content may be scrolled to a specific element by mouseup of inline elements identified by class name.
Optional persistence restores the last scroll position on revisiting the page.']; ary[cnt++]=['Image Zoom II','New','ImageZoomII/ImageZoomII.htm','01/12/2011','The script allows images of a common class name to be zoomed in and out.
Script options allows:
Ten directions of zoom:
\'center\', \'centerleft\', \'centerright\', \'centerup\', \'centerdown\', \'downright\', \'downleft\', \'upleft\' ,\'upright\' or \'downright.
Four activation event types:
\'mouseover\', \'mouseup\', \'mousedown\' or \'click\'.
and opacity.']; ary[cnt++]=['Multi Mode Slide Show','New','MultiModeSlideShow/MultiModeSlideShow.htm','16/12/2011',' A Slide Show with 73 modes of execution,
39 clip modes, 24 slide in modes and 10 pan in modes.
If the slide show element is an image a link may be attached or defined in the HTML code.
There are five types of execution plus random effects to expand the \'squares\' over a specified duration.
The script includes optional auto rotation, pagination, slide panels, add event calls
and persistence to remember the last frame.']; ary[cnt++]=['Image Magnify II','New','ImageMagnifyII/ImageMagnifyII.htm','23/12/2011','Images may be magnified and centered in the window on mouseup of the original image.
Only one image is allowed to be magnified at any time.
Options allow a specific:
magnification factor of the magnified image,
explicit width of the magnified image,
duration of the animation,
opacity of the original image when magnified,
z-Index of the magnified image,
an alternative src for the magnified image,
and a title panel for the magnified image.
']; ary[cnt++]=['Fade Zoom Carousel','New','FadeZoomCarousel/FadeZoomCarousel.htm','24/01/2012','The script scrolls images across a parent DIV.
The scroll may be \'horizontal\' or \'vertical\'
and as the images approach the center faded in and as they pass the center faded out.
Options allow the scroll to be clockwise or anti-clockwise
and when faded in clicked to reveal a magnified version of the image.']; ary[cnt++]=['Expand Carousel','New','ExpandCarousel/ExpandCarousel.htm','26/01/2012','The script scrolls images across a parent DIV.
As the images approach the center images expand in and as they pass the center contract.
The scroll may be \'horizontal\' or \'vertical\'.
Options allow the scroll to be clockwise or anti-clockwise.']; ckiUDateAry=ary; for (var z0=0;z0
UpDated :'+date[0]+' '+mary[date[1]-1]+' '+date[2])]; } pnNavAry.push(['All '+pnNavAry.length+' Featured Scripts','','','']); pnNavAry=pnNavAry.reverse(); } zxcUpdateArys();