/*
  
    The JET Door JavaScript Library
    DLD - January 2008
__________________________________________________________________________________________
revision history:
  Revised:         02/26/2008 DLD added functions dispEM() and stringReverse()
  Initial Release: 02/01/2008 DLD
__________________________________________________________________________________________

*/ 
    var ySet = 0;
    var ySave = 0;

    var SlideNum1 = 0;
    var SlideNum2 = 1;  
    var SlideNum3 = 2;  
    var SlideNum4 = 3; 
    var SlideNum5 = 4;
    var SlideNum6 = 5;  

   
/*   FUNCTION setUp()
     This function is called at load time to set up page environment
*/
     function setUp()
     {
      if (window.innerHeight)				// does browser support?
      {
       window.innerHeight="620";
       window.innerWidth="1015";
      }

      growFont();
     }


/*   FUNCTION growFont()
     This function initializes the the Jet Door logo font size to zero. This is
     the set up function before increasing the font size display.
*/

    function growFont()
    {

       setFontSize("jdllc1",0);				// initialize jdllc's font size to zero
       showIt("jdllc1");				// display jdllc
       setFontSize("jdllc2",0);				// initialize jdllc's font size to zero
       showIt("jdllc2");				// display jdllc
       growText(ySet);					// call funtion to increase font size
    }


/*   FUNCTION growText()
     This function 'grows' the text from zero point to 26 point font size.
*/						
    function growText(ySet)
    {
    var fs=getFontSize("jdllc1");			// get jdllc's current font size
      if (fs <= 26)
       {
        changeFontSize("jdllc1", 1);			// increase font size 1 pt
        changeFontSize("jdllc2", 1);
    var hold=ySave;			        	//hold value ySave     
        ySave=hold;					//reset value of ySave
        ySave=ySave+(-5);				//set next postion to display
        setTimeout("growText(ySet)",55);		//loop through function after delay	
       }
    }


/*  FUNCTION showIt()
    This function changes the visibility property for the jdllc object as it grows in
    font size.
*/
    function showIt(tag_id)
   {
    var object=document.getElementById(tag_id);    	// define object name based on id

     if (object == null)
      {
       alert("ERROR: An invalid ID of " + tag_id +
       " has been passed to function showIt()");
      }
     else 
      {
       object.style.visibility="visible";           	// change object style to visible
      }
   }

/*  FUNCTION getFontSize()
    This function obtains the current font size for the tag id being passed into the
    function and returns the value
*/
    function getFontSize(tag_id)
   {
    var font_size;					// declare variable to hold size
    var object=document.getElementById(tag_id);		// define object name based on id

     if (object == null)
      {
       alert("ERROR: An invalid ID of " + tag_id +
       " has been passed to function getFontSize()");
      }
     else 
      {
       font_size = parseInt(object.style.fontSize);   	// parse out integer value   
       return font_size;                              	// return extracted font size 
      }
   }


/*   FUNCTION setFontSize()
     This function is called to set the font size value based 
     upon the fs parameter for element defined by tag_id.
*/
     function setFontSize(tag_id, fs)
    {
     var object = document.getElementById(tag_id);  	// define object name based on id

      if (object == null)
       {
        alert("ERROR: An invalid ID of " + tag_id +
        " has been passed to function setFontSize()");
       }
      else 
       {
        object.style.fontSize = fs+"pt";               // assign new font size to
       } 
     }

/*   FUNCTION changeFontSize()
     This function increments the font size be a value received in the variable dfs.
     The element identified by tag_id will then be assigned the new value.
*/
     function changeFontSize(tag_id, dfs)
    {
     var fs=getFontSize(tag_id);			// get object's current font size
     setFontSize(tag_id, (fs+dfs))                 	// define new font size
    }


/*   FUNCTION rollOver()
     This function changes background color as mouse 'rolls over'
     link selection.
     'var1' variable identifies the row number for column 1 to be highlighted.
     'var2' variable identifies the row number for column 2 to be highlighted.

 */
     function rollOver(var1, var2)
     {
  var object=document.getElementById(var1);
      object.style.backgroundColor="#B80000";		//change background color of col 1 
  var object=document.getElementById(var2);
      object.style.backgroundColor="#B80000"; 		//change background color of col 2
      
     }

/*   FUNCTION rollOut()
     This function returns background color to original state
     as mouse 'rolls out' of link selection.
     'var1' variable identifies the row number for column 1 to be highlighted.
     'var2' variable identifies the row number for column 2 to be highlighted.
*/
     function rollOut(var1, var2)
     {
  var object=document.getElementById(var1);		//return to default background color for col 1
      object.style.backgroundColor="#FFFFFF"; 
  var object=document.getElementById(var2);
      object.style.backgroundColor="#FFFFFF";		//return to default background color for col 2

     } 


/*   FUNCTION setSlides()
     This function displays the menu currently selected by user
*/
     function setSlides(tag)
//    ~~  create array image variables for the slide show  ~~
     {

       Slides = new Array();				//create array elements to hold standard images
        Slides[0]  = new Image();
        Slides[1]  = new Image();
        Slides[2]  = new Image();
        Slides[3]  = new Image();
        Slides[4]  = new Image();
        Slides[5]  = new Image();
        Slides[6]  = new Image();
        Slides[7]  = new Image();
        Slides[8]  = new Image();
        Slides[9]  = new Image();
        Slides[10] = new Image();
        Slides[11] = new Image();
        Slides[12] = new Image();
        Slides[13] = new Image();
        Slides[14] = new Image();
        Slides[15] = new Image();
        Slides[16] = new Image();
        Slides[17] = new Image();
        Slides[18] = new Image();
        Slides[19] = new Image();
        Slides[20] = new Image();
        Slides[21] = new Image();
        Slides[22] = new Image();
        Slides[23] = new Image();

       BigPic = new Array();				//create array elements to hold enlarged images
        BigPic[0]  = new Image();
        BigPic[1]  = new Image();
        BigPic[2]  = new Image();
        BigPic[3]  = new Image();
        BigPic[4]  = new Image();
        BigPic[5]  = new Image();
        BigPic[6]  = new Image();
        BigPic[7]  = new Image();
        BigPic[8]  = new Image();
        BigPic[9]  = new Image();
        BigPic[10] = new Image();
        BigPic[11] = new Image();
        BigPic[12] = new Image();
        BigPic[13] = new Image();
        BigPic[14] = new Image();
        BigPic[15] = new Image();
        BigPic[16] = new Image();
        BigPic[17] = new Image();
        BigPic[18] = new Image();
        BigPic[19] = new Image();
        BigPic[20] = new Image();
        BigPic[21] = new Image();
        BigPic[22] = new Image();
        BigPic[23] = new Image();


         switch (tag)
          {
           case 'cab':                                           //assign cabinet images to array elements                                             
                      Slides[0].src   = "Images/Cabs/cab_001s.jpg";			
                      Slides[1].src   = "Images/Cabs/cab_002s.jpg";
                      Slides[2].src   = "Images/Cabs/cab_003s.jpg";
                      Slides[3].src   = "Images/Cabs/cab_004s.jpg";
                      Slides[4].src   = "Images/Cabs/cab_005s.jpg";
                      Slides[5].src   = "Images/Cabs/cab_006s.jpg";
                      Slides[6].src   = "Images/Cabs/cab_007s.jpg";
                      Slides[7].src   = "Images/Cabs/cab_008s.jpg";
                      Slides[8].src   = "Images/Cabs/cab_009s.jpg";
                      Slides[9].src   = "Images/Cabs/cab_010s.jpg";
                      Slides[10].src  = "Images/Cabs/cab_011s.jpg";
                      Slides[11].src  = "Images/Cabs/cab_012s.jpg";
							
                      BigPic[0].src   = "Images/Cabs/cab_001L.jpg";			
                      BigPic[1].src   = "Images/Cabs/cab_002L.jpg";
                      BigPic[2].src   = "Images/Cabs/cab_003L.jpg";
                      BigPic[3].src   = "Images/Cabs/cab_004L.jpg";
                      BigPic[4].src   = "Images/Cabs/cab_005L.jpg";
                      BigPic[5].src   = "Images/Cabs/cab_006L.jpg";
                      BigPic[6].src   = "Images/Cabs/cab_007L.jpg";
                      BigPic[7].src   = "Images/Cabs/cab_008L.jpg";
                      BigPic[8].src   = "Images/Cabs/cab_009L.jpg";
                      BigPic[9].src   = "Images/Cabs/cab_010L.jpg";
                      BigPic[10].src  = "Images/Cabs/cab_011L.jpg";
                      BigPic[11].src  = "Images/Cabs/cab_012L.jpg";


                     document.images["pic1"].src=Slides[SlideNum1].src;
                     document.images["pic2"].src=Slides[SlideNum2].src;
                     document.images["pic3"].src=Slides[SlideNum3].src;
                     document.images["pic4"].src=Slides[SlideNum4].src;
           break;

           case 'door':                                           //assign door images to array elements                                             
                      Slides[0].src   = "Images/Doors/door_001s.jpg";			
                      Slides[1].src   = "Images/Doors/door_002s.jpg";
                      Slides[2].src   = "Images/Doors/door_003s.jpg";
                      Slides[3].src   = "Images/Doors/door_004s.jpg";
                      Slides[4].src   = "Images/Doors/door_005s.jpg";
                      Slides[5].src   = "Images/Doors/door_006s.jpg";
                      Slides[6].src   = "Images/Doors/door_007s.jpg";
                      Slides[7].src   = "Images/Doors/door_008s.jpg";
                      Slides[8].src   = "Images/Doors/door_009s.jpg";
                      Slides[9].src   = "Images/Doors/door_010s.jpg";
                      Slides[10].src  = "Images/Doors/door_011s.jpg";
                      Slides[11].src  = "Images/Doors/door_012s.jpg";
                      Slides[12].src  = "Images/Doors/door_013s.jpg";
                      Slides[13].src  = "Images/Doors/door_014s.jpg";
                      Slides[14].src  = "Images/Doors/door_015s.jpg";
                      Slides[15].src  = "Images/Doors/door_016s.jpg";
                      Slides[16].src  = "Images/Doors/door_017s.jpg";
                      Slides[17].src  = "Images/Doors/door_018s.jpg";
                      Slides[18].src  = "Images/Doors/door_019s.jpg";
                      Slides[19].src  = "Images/Doors/door_020s.jpg";
                      Slides[20].src  = "Images/Doors/door_021s.jpg";
                      Slides[21].src  = "Images/Doors/door_022s.jpg";
                      Slides[22].src  = "Images/Doors/door_023s.jpg";
                      Slides[23].src  = "Images/place_holder1.gif";
							
                      BigPic[0].src   = "Images/Doors/door_001L.jpg";			
                      BigPic[1].src   = "Images/Doors/door_002L.jpg";
                      BigPic[2].src   = "Images/Doors/door_003L.jpg";
                      BigPic[3].src   = "Images/Doors/door_004L.jpg";
                      BigPic[4].src   = "Images/Doors/door_005L.jpg";
                      BigPic[5].src   = "Images/Doors/door_006L.jpg";
                      BigPic[6].src   = "Images/Doors/door_007L.jpg";
                      BigPic[7].src   = "Images/Doors/door_008L.jpg";
                      BigPic[8].src   = "Images/Doors/door_009L.jpg";
                      BigPic[9].src   = "Images/Doors/door_010L.jpg";
                      BigPic[10].src  = "Images/Doors/door_011L.jpg";
                      BigPic[11].src  = "Images/Doors/door_012L.jpg";
                      BigPic[12].src  = "Images/Doors/door_013L.jpg";
                      BigPic[13].src  = "Images/Doors/door_014L.jpg";
                      BigPic[14].src  = "Images/Doors/door_015L.jpg";
                      BigPic[15].src  = "Images/Doors/door_016L.jpg";
                      BigPic[16].src  = "Images/Doors/door_017L.jpg";
                      BigPic[17].src  = "Images/Doors/door_018L.jpg";
                      BigPic[18].src  = "Images/Doors/door_019L.jpg";
                      BigPic[19].src  = "Images/Doors/door_020L.jpg";
                      BigPic[20].src  = "Images/Doors/door_021L.jpg";
                      BigPic[21].src  = "Images/Doors/door_022L.jpg";
                      BigPic[22].src  = "Images/Doors/door_023L.jpg";
                      BigPic[23].src  = "Images/place_holder1.gif"; 
                    
                     document.images["pic1"].src=Slides[SlideNum1].src;
                     document.images["pic2"].src=Slides[SlideNum2].src;
                     document.images["pic3"].src=Slides[SlideNum3].src;
                     document.images["pic4"].src=Slides[SlideNum4].src;
                     document.images["pic5"].src=Slides[SlideNum5].src;
                     document.images["pic6"].src=Slides[SlideNum6].src;
           break;  
       
           case 'stairs':                                           //assign stair images to array elements                                             
                      Slides[0].src   = "Images/Stairs/stair_001s.jpg";			
                      Slides[1].src   = "Images/Stairs/stair_002s.jpg";
                      Slides[2].src   = "Images/Stairs/stair_003s.jpg";
                      Slides[3].src   = "Images/Stairs/stair_004s.jpg";
                      Slides[4].src   = "Images/Stairs/stair_005s.jpg";
                      Slides[5].src   = "Images/Stairs/stair_006s.jpg";
                      Slides[6].src   = "Images/Stairs/stair_007s.jpg";
                      Slides[7].src   = "Images/Stairs/stair_008s.jpg";
                      Slides[8].src   = "Images/Stairs/stair_009s.jpg";
                      Slides[9].src   = "Images/Stairs/stair_010s.jpg";
                      Slides[10].src  = "Images/Stairs/stair_011s.jpg";
                      Slides[11].src  = "Images/Stairs/stair_012s.jpg";
                      Slides[12].src  = "Images/Stairs/stair_013s.jpg";
                      Slides[13].src  = "Images/Stairs/stair_014s.jpg";
                      Slides[14].src  = "Images/Stairs/stair_015s.jpg";
                      Slides[15].src  = "Images/Stairs/stair_016s.jpg";
                      Slides[16].src  = "Images/Stairs/stair_017s.jpg";
                      Slides[17].src  = "Images/Stairs/stair_018s.jpg";
                      Slides[18].src  = "Images/Stairs/stair_019s.jpg";
                      Slides[19].src  = "Images/Stairs/stair_020s.jpg"; 
					
                      BigPic[0].src   = "Images/Stairs/stair_001L.jpg";			
                      BigPic[1].src   = "Images/Stairs/stair_002L.jpg";
                      BigPic[2].src   = "Images/Stairs/stair_003L.jpg";
                      BigPic[3].src   = "Images/Stairs/stair_004L.jpg";
                      BigPic[4].src   = "Images/Stairs/stair_005L.jpg";
                      BigPic[5].src   = "Images/Stairs/stair_006L.jpg";
                      BigPic[6].src   = "Images/Stairs/stair_007L.jpg";
                      BigPic[7].src   = "Images/Stairs/stair_008L.jpg";
                      BigPic[8].src   = "Images/Stairs/stair_009L.jpg";
                      BigPic[9].src   = "Images/Stairs/stair_010L.jpg";
                      BigPic[10].src  = "Images/Stairs/stair_011L.jpg";
                      BigPic[11].src  = "Images/Stairs/stair_012L.jpg";
                      BigPic[12].src  = "Images/Stairs/stair_013L.jpg";
                      BigPic[13].src  = "Images/Stairs/stair_014L.jpg";
                      BigPic[14].src  = "Images/Stairs/stair_015L.jpg";
                      BigPic[15].src  = "Images/Stairs/stair_016L.jpg";
                      BigPic[16].src  = "Images/Stairs/stair_017L.jpg";
                      BigPic[17].src  = "Images/Stairs/stair_018L.jpg";
                      BigPic[18].src  = "Images/Stairs/stair_019L.jpg";
                      BigPic[19].src  = "Images/Stairs/stair_020L.jpg";
                     
                     document.images["pic1"].src=Slides[SlideNum1].src;
                     document.images["pic2"].src=Slides[SlideNum2].src;
                     document.images["pic3"].src=Slides[SlideNum3].src;
                     document.images["pic4"].src=Slides[SlideNum4].src;
 
           break;  
       
           case 'mill':                                           //assign millwork images to array elements                                             
                      Slides[0].src   = "Images/Mill/mill_001s.jpg";			
                      Slides[1].src   = "Images/Mill/mill_002s.jpg";
                      Slides[2].src   = "Images/Mill/mill_003s.jpg";
                      Slides[3].src   = "Images/Mill/mill_004s.jpg";
                      Slides[4].src   = "Images/Mill/mill_005s.jpg";
                      Slides[5].src   = "Images/Mill/mill_006s.jpg";
                      Slides[6].src   = "Images/Mill/mill_007s.jpg";
                      Slides[7].src   = "Images/Mill/mill_008s.jpg";
                      Slides[8].src   = "Images/Mill/mill_009s.jpg";
                      Slides[9].src   = "Images/Mill/mill_010s.jpg";
                      Slides[10].src  = "Images/Mill/mill_011s.jpg";
                      Slides[11].src  = "Images/Mill/mill_012s.jpg";
                      Slides[12].src  = "Images/Mill/mill_013s.jpg";
                      Slides[13].src  = "Images/Mill/mill_014s.jpg";
                      Slides[14].src  = "Images/Mill/mill_015s.jpg";
                      Slides[15].src  = "Images/Mill/mill_016s.jpg";
                      Slides[16].src  = "Images/Mill/mill_017s.jpg";
                      Slides[17].src  = "Images/Mill/mill_018s.jpg";
                      Slides[18].src  = "Images/Mill/mill_019s.jpg";
                      Slides[19].src  = "Images/Mill/mill_020s.jpg";
                      Slides[20].src  = "Images/Pre/pre_001s.jpg";
                      Slides[21].src  = "Images/Pre/pre_002s.jpg";
                      Slides[22].src  = "Images/Pre/pre_004s.jpg";
                      Slides[23].src  = "Images/Pre/pre_005s.jpg";
                     							
                      BigPic[0].src   = "Images/Mill/mill_001L.jpg";			
                      BigPic[1].src   = "Images/Mill/mill_002L.jpg";
                      BigPic[2].src   = "Images/Mill/mill_003L.jpg";
                      BigPic[3].src   = "Images/Mill/mill_004L.jpg";
                      BigPic[4].src   = "Images/Mill/mill_005L.jpg";
                      BigPic[5].src   = "Images/Mill/mill_006L.jpg";
                      BigPic[6].src   = "Images/Mill/mill_007L.jpg";
                      BigPic[7].src   = "Images/Mill/mill_008L.jpg";
                      BigPic[8].src   = "Images/Mill/mill_009L.jpg";
                      BigPic[9].src   = "Images/Mill/mill_010L.jpg";                     
                      BigPic[10].src  = "Images/Mill/mill_011L.jpg"; 
                      BigPic[11].src  = "Images/Mill/mill_012L.jpg";
                      BigPic[12].src  = "Images/Mill/mill_013L.jpg";                     
                      BigPic[13].src  = "Images/Mill/mill_014L.jpg"; 
                      BigPic[14].src  = "Images/Mill/mill_015L.jpg"; 
                      BigPic[15].src  = "Images/Mill/mill_016L.jpg";
                      BigPic[16].src  = "Images/Mill/mill_017L.jpg";
                      BigPic[17].src  = "Images/Mill/mill_018L.jpg";                     
                      BigPic[18].src  = "Images/Mill/mill_019L.jpg"; 
                      BigPic[19].src  = "Images/Mill/mill_020L.jpg";
                      BigPic[20].src  = "Images/Pre/pre_001L.jpg";
                      BigPic[21].src  = "Images/Pre/pre_002L.jpg";                     
                      BigPic[22].src  = "Images/Pre/pre_004L.jpg"; 
                      BigPic[23].src  = "Images/Pre/pre_005L.jpg";

 
                     document.images["pic1"].src=Slides[SlideNum1].src;
                     document.images["pic2"].src=Slides[SlideNum2].src;
                     document.images["pic3"].src=Slides[SlideNum3].src;
                     document.images["pic4"].src=Slides[SlideNum4].src;
            break;
      
           case 'hard':
 
           break;  
      
           case 'pre':
                      Slides[0].src   = "Images/Pre/pre_001s.jpg";			
                      Slides[1].src   = "Images/Pre/pre_002s.jpg";
                      Slides[2].src   = "Images/Pre/pre_003s.jpg";
                      Slides[3].src   = "Images/Pre/pre_004s.jpg";
                      Slides[4].src   = "Images/Pre/pre_005s.jpg";
                      Slides[5].src   = "Images/Pre/pre_006s.jpg";
                      Slides[6].src   = "Images/Pre/pre_007s.jpg";
                      Slides[7].src   = "Images/Pre/pre_008s.jpg"; 
                     							
                      BigPic[0].src   = "Images/Pre/pre_001L.jpg";			
                      BigPic[1].src   = "Images/Pre/pre_002L.jpg";
                      BigPic[2].src   = "Images/Pre/pre_003L.jpg";
                      BigPic[3].src   = "Images/Pre/pre_004L.jpg";
                      BigPic[4].src   = "Images/Pre/pre_005L.jpg";
                      BigPic[5].src   = "Images/Pre/pre_006L.jpg";
                      BigPic[6].src   = "Images/Pre/pre_007L.jpg";
                      BigPic[7].src   = "Images/Pre/pre_008L.jpg";
           break;    
          }

      }

/*    FUNCTION SlideShowCabs()
      This function displays the appropriate slide show image base upon the forward
      or back direction indicated by the user's mouse click. Four images to a page.
      PRODUCT LINE - CABINETS
*/
      function SlideShowCabs(direction)
     {
       if (direction == "forward")
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;

           break;
           case 4:  SlideNum1=8;
                    SlideNum2=9;
                    SlideNum3=10;
                    SlideNum4=11;


           break;         
           case 8:  SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;  
          }
        }
       else
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=8;
                    SlideNum2=9;
                    SlideNum3=10;
                    SlideNum4=11;
           break;
           case 4:  SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;         
           case 8:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;
           break;
          }  
        }

      document.images["pic1"].src=Slides[SlideNum1].src;
      document.images["pic2"].src=Slides[SlideNum2].src;
      document.images["pic3"].src=Slides[SlideNum3].src;
      document.images["pic4"].src=Slides[SlideNum4].src;

       }
/*    FUNCTION SlideShowDoors()
      This function displays the appropriate slide show image base upon the forward
      or back direction indicated by the user's mouse click. Six images to a page.
      PRODUCT LINE - DOORS
*/
      function SlideShowDoors(direction)
     {
       if (direction == "forward")
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=6;
                    SlideNum2=7;
                    SlideNum3=8;
                    SlideNum4=9;
                    SlideNum5=10;
                    SlideNum6=11;
           break;
           case 6:  SlideNum1=12;
                    SlideNum2=13;
                    SlideNum3=14;
                    SlideNum4=15;
                    SlideNum5=16;
                    SlideNum6=17;
           break;
           case 12: SlideNum1=18;
                    SlideNum2=19;
                    SlideNum3=20;
                    SlideNum4=21;
                    SlideNum5=22;
                    SlideNum6=23;
           break; 
           case 18: SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
                    SlideNum5=4;
                    SlideNum6=5;
           break;        

          }
        }
       else
        {
         switch (SlideNum1)
          {

           case 0:  SlideNum1=18;
                    SlideNum2=19;
                    SlideNum3=20;
                    SlideNum4=21;
                    SlideNum5=22;
                    SlideNum6=23;
           break;
           case 6:  SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
                    SlideNum5=4;
                    SlideNum6=5;
           break;
           case 12: SlideNum1=6;
                    SlideNum2=7;
                    SlideNum3=8;
                    SlideNum4=9;
                    SlideNum5=10;
                    SlideNum6=11;
           break;
           case 18: SlideNum1=12;
                    SlideNum2=13;
                    SlideNum3=14;
                    SlideNum4=15;
                    SlideNum5=16;
                    SlideNum6=17;
           break;
          }  
        }

        document.images["pic1"].src=Slides[SlideNum1].src;
        document.images["pic2"].src=Slides[SlideNum2].src;
        document.images["pic3"].src=Slides[SlideNum3].src;
        document.images["pic4"].src=Slides[SlideNum4].src;
        document.images["pic5"].src=Slides[SlideNum5].src;
        document.images["pic6"].src=Slides[SlideNum6].src;
       }

/*    FUNCTION SlideShowStairs()
      This function displays the appropriate slide show image base upon the forward
      or back direction indicated by the user's mouse click. Four images to a page.
      PRODUCT LINE - STAIR SYSTEMS
*/
      function SlideShowStairs(direction)
     {
       if (direction == "forward")
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;
           break;
           case 4:  SlideNum1=8;
                    SlideNum2=9;
                    SlideNum3=10;
                    SlideNum4=11;
           break; 
           case 8:  SlideNum1=12;
                    SlideNum2=13;
                    SlideNum3=14;
                    SlideNum4=15;
           break; 
           case 12: SlideNum1=16;
                    SlideNum2=17;
                    SlideNum3=18;
                    SlideNum4=19;
           break;
           case 16: SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;  
          }
        }
       else
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=16;
                    SlideNum2=17;
                    SlideNum3=18;
                    SlideNum4=19;
           break;
           case 4:  SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;
           case 8:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;
           break; 
           case 12: SlideNum1=8;
                    SlideNum2=9;
                    SlideNum3=10;
                    SlideNum4=11;
           break;
           case 16: SlideNum1=12;
                    SlideNum2=13;
                    SlideNum3=14;
                    SlideNum4=15;
           break;  
          }  
        }

      document.images["pic1"].src=Slides[SlideNum1].src;
      document.images["pic2"].src=Slides[SlideNum2].src;
      document.images["pic3"].src=Slides[SlideNum3].src;
      document.images["pic4"].src=Slides[SlideNum4].src;

       }

/*    FUNCTION SlideShowMill()
      This function displays the appropriate slide show image base upon the forward
      or back direction indicated by the user's mouse click. Four images to a page.
      PRODUCT LINE - MILLWORK
*/
      function SlideShowMill(direction)
     {
       if (direction == "forward")
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;
           break;
           case 4:  SlideNum1=8;
                    SlideNum2=9;
                    SlideNum3=10;
                    SlideNum4=11;
           break;
           case 8:  SlideNum1=12;
                    SlideNum2=13;
                    SlideNum3=14;
                    SlideNum4=15;
           break;  
           case 12: SlideNum1=16;
                    SlideNum2=17;
                    SlideNum3=18;
                    SlideNum4=19;
           break;
           case 16: SlideNum1=20;
                    SlideNum2=21;
                    SlideNum3=22;
                    SlideNum4=23;
           break;  
           case 20: SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;  
          }
        }
       else
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=20;
                    SlideNum2=21;
                    SlideNum3=22;
                    SlideNum4=23;
           break;
           case 4:  SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;
           case 8:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;
           break; 
           case 12: SlideNum1=8;
                    SlideNum2=9;
                    SlideNum3=10;
                    SlideNum4=11;
           break;
           case 16: SlideNum1=12;
                    SlideNum2=13;
                    SlideNum3=14;
                    SlideNum4=15;
           break; 
           case 20: SlideNum1=16;
                    SlideNum2=17;
                    SlideNum3=18;
                    SlideNum4=19;
           break; 
           }  
        }

      document.images["pic1"].src=Slides[SlideNum1].src;
      document.images["pic2"].src=Slides[SlideNum2].src;
      document.images["pic3"].src=Slides[SlideNum3].src;
      document.images["pic4"].src=Slides[SlideNum4].src;

      }

/*    FUNCTION SlideShowPre()
      This function displays the appropriate slide show image base upon the forward
      or back direction indicated by the user's mouse click. Four images to a page.
      PRODUCT LINE - PRE-FINISH
*/
      function SlideShowPre(direction)
     {
       if (direction == "forward")
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;
           break;
           case 4:  SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;
          }
        }
       else
        {
         switch (SlideNum1)
          {
           case 0:  SlideNum1=4;
                    SlideNum2=5;
                    SlideNum3=6;
                    SlideNum4=7;
           break;
           case 4:  SlideNum1=0;
                    SlideNum2=1;
                    SlideNum3=2;
                    SlideNum4=3;
           break;

          }  
        }

      document.images["pic1"].src=Slides[SlideNum1].src;
      document.images["pic2"].src=Slides[SlideNum2].src;
      document.images["pic3"].src=Slides[SlideNum3].src;
      document.images["pic4"].src=Slides[SlideNum4].src;
       }     

/*    FUNCTION showBigPic()
      This function displays the appropriate slide show image base upon the forward
      or back direction indicated by the user's mouse click.
*/
      function showBigPic(tag)
     {
      object=document.getElementById(tag);
       switch (tag)
          {
           case 'ref1':  object.href=BigPic[SlideNum1].src;
           break;
           case 'ref2':  object.href=BigPic[SlideNum2].src;
           break;         
           case 'ref3':  object.href=BigPic[SlideNum3].src;
           break;
           case 'ref4':  object.href=BigPic[SlideNum4].src;
           break;         
           case 'ref5':  object.href=BigPic[SlideNum5].src;
           break;
           case 'ref6':  object.href=BigPic[SlideNum6].src;
           break;         
          }
    
       }

// FUNCTION dispEM()
/* This function is passed an id and email username spelled in
   reverese order. After name spelling is 'unreversed' the email address 
   creates an XHTML email link. This process is used to help deter e-mail harvesters
   from extracting e-mail addresses from html document.
*/

  function dispEM(id, name)
 {
  var rname = stringReverse(name);                  //Undo the reversed spelling of name

   if (id == "1")
    {
  var email = rname+"@"+"jetdoorllc.com";           //Create email syntax for email link
  var mailText = 'email: <a class="emlink"  href="mailto:'+         //Create email link
                  email+'">'+email+'</a>';
    }

   if (id == "2")
    {
  var email = rname+"@"+"jetdoorllc.com";           //Create email syntax for email link
  var mailText = '<a class="emlink"  href="mailto:'+         //Create email link
                  email+'">'+email+'</a>';
    }
  document.write(mailText);
 }


// FUNCTION stringReverse()
/* This function receives a character string and reverses the spelling of the
   string being passed.
*/

  function stringReverse(textString)
 {
   if (!textString) return '';                //If not text string return null
   var revString='';                          //Create null variable
     for (i = textString.length-1; i>=0; i--) //Read string from right to left
       revString+=textString.charAt(i)        //Create reversed string
   return revString;                          //Return reversed string value
 }
