function show_manos_merino_silk() 
{   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Merino & Silk <br />by Manos Del Uruguay <hr></font></h3><br /><img src="SiteImages/manos/mano_logo.png" align=left border="0" id="logo_style"><p align=right>Fiber: 70% Merino, 30% Silk<br />Yardage: 150<br /> Stitches: 5.5 Needle size: 4<br /><br />Price for solid colors: $13.00<br />Price for multi colors: $15.00</p>';


     var skein_picture='SiteImages/manos/manos_silk_skein1.jpg';
     var color_card=['http://www.manosdeluruguay.co.uk/silkblend.html'];   
       
   var yarn_data=[ ['SiteImages/manos/manos_silk_topaz.jpg','300X Topaz'],
                   ['SiteImages/manos/manos_silk_hibiscus.jpg','3069 Hibiscus'],
                   ['SiteImages/manos/manos_silk_henna.jpg','3049 Henna'],
                   ['SiteImages/manos/manos_silk_dove.jpg','3019 Dove'],
                   ['SiteImages/manos/manos_silk_citric.jpg','yarn silk topaz'],
                   ['SiteImages/manos/manos_silk_wisteria.jpg','3071 Wisteria'],
                   ['SiteImages/manos/manos_silk_magenta.jpg','300S Magenta'],
                   ['SiteImages/manos/manos_silk_juniper.jpg','3043 Juniper'],
                   ['SiteImages/manos/manos_silk_olive.jpg','3055 Olive']
                   
                 ];
  
 display_array ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}

function show_manos_woolsolid() 
{
   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Handspoon Wool  <br />by Manos Del Uruguay <hr></font></h3><br /><img src="SiteImages/manos/mano_logo.png" align=left border="0"><p align=right>Fiber: 100% Wool &nbsp; Yardage: 138<br /> Stitches: 4 &nbsp; Needle size: US 8-10<br /><br />Price: $13.00 </p>';
 var skein_picture='SiteImages/manos/manos_wool_skein.jpg';
 var color_card=['http://www.manosdeluruguay.fr/detail.asp?arId=84'];//'http://www.manosdeluruguay.fr/detail.asp?arId=85'];
  var yarn_data=[ ['SiteImages/manos/manos_wool1.jpg','Aster'],
                  ['SiteImages/manos/manos_wool2.jpg','Bing Cherry'],
                  
                  ['SiteImages/manos/manos_wool_solid4.jpg','Butane'],
                  ['SiteImages/manos/manos_wool_solid5.jpg','Cinnamon'],
                  ['SiteImages/manos/manos_wool_solid6.jpg','Citric'],
                  ['SiteImages/manos/manos_wool_solid7.jpg','Coffe'],
                  ['SiteImages/manos/manos_wool_solid8.jpg','Goldenrod'],
                  ['SiteImages/manos/manos_wool_solid9.jpg','Heliotrope'],
                  ['SiteImages/manos/manos_wool_solid10.jpg','Juniper']
                  
                   
                   
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}



function show_manos_woolmulti() 
{
   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Handspoon Wool  <br />by Manos Del Uruguay <hr></font></h3><br /><img src="SiteImages/manos/mano_logo.png" align=left border="0"><p align=right>Fiber: 100% Wool &nbsp; Yardage: 138<br /> Stitches: 4 &nbsp; Needle size: US 8-10<br /><br />Price: $15.00</p>';
 var skein_picture='SiteImages/manos/monos_woolmulti_skein2.jpg';
 var color_card=['http://www.manosdeluruguay.fr/detail.asp?arId=85'];
  var yarn_data=[ ['SiteImages/manos/manos_wool_multi1.jpg','Multi Adobe'],
                  ['SiteImages/manos/manos_wool_multi2.jpg','Multi Agate'],
                  ['SiteImages/manos/manos_wool_multi3.jpg','Malty Autumn'],
                  ['SiteImages/manos/manos_wool_multi4.jpg','Multy Bramble'],
                  ['SiteImages/manos/manos_wool_multi5.jpg','Multi Mulled Wine'],
                  ['SiteImages/manos/manos_wool_multi6.jpg','Multi Canyon'],
                  ['SiteImages/manos/manos_wool_multi7.jpg','Multi Caribe'],
                  ['SiteImages/manos/manos_wool_multi8.jpg','Multi Eclipse'],
                  ['SiteImages/manos/manos_wool_multi9.jpg','Multi Granite'],
                  ['SiteImages/manos/manos_wool_multi10.jpg','Multi Prairie'],
                  ['SiteImages/manos/manos_wool_multi11.jpg','Multi Sage'],
                  ['SiteImages/manos/manos_wool_multi12.jpg','Multi Stellar']
                  
                   
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}

//===============================================================================
function show_casco_bay_chenille()
{
   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Casco Bay Chenille <br />by Halcyon<hr></font></h3><br /><p align=right>Fiber: 100% Cotton <br />  900 yds/lb and 220 yds. for mini cone<br /> <br /><br />Price: $10.00 for mini cone<br />Price: $33.00 for lb cone</p>';
  var color_card=['http://halcyonyarn.com/products/yarn/007.html'];
  var skein_picture='SiteImages/halcyon/halcyon.jpg';
 var yarn_data=[ 
                   
                   
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);    
}

function show_casco_bay_sport()
{
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Casco Bay Sport<br />by Halcyon<hr></font></h3><br /><p align=right>Fiber: 100% Cotton <br />  1800 yds/lb and 425 yds. for mini cone<br /> <br /><br />Price: $10.00 for mini cone<br />Price: $33.00 for lb cone</p>';
   var color_card=['http://halcyonyarn.com/products/yarn/098.html'];
   
  var skein_picture='SiteImages/halcyon/casco.jpg';
  var yarn_data=[ 
                   
                   
                 ];
  
 display_array ('show_selection', company, yarn_data, color_card, skein_picture);
}

function show_newport_linen()
{
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Newport Linen<br />by Halcyon<hr></font></h3><br /><p align=right>Fiber: 100% Linen <br />  1550 yds/lb and 300 yds. for mini cone<br /> <br /><br />Price: $9.00 for mini cone<br />Price: $44.00 for lb cone';
   var color_card=['http://halcyonyarn.com/products/yarn/178.html'];
   
  var skein_picture='SiteImages/halcyon/linen.jpg';
  var yarn_data=[ 
                   
                   
                 ];
  
 display_array ('show_selection', company, yarn_data, color_card, skein_picture);
}


//===============================================================================
function show_cascade_ecological_wool()
{
   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Ecological Wool <br />by Cascade<hr></font></h3><br /><img src="SiteImages/cascade/cascade_logo.gif" align=left border="0" width=250><p align=right>Fiber: 100% Natural <br />Peruvian Wool  Yardage: 478<br /> Stitches: 3.5-4 <br />Needle size: US 10-9<br /><br />Price: $15.00</p>';
  var color_card=['SiteImages/cascade/cascade_ecowool_card.jpg'];
  var skein_picture='SiteImages/cascade/Cascade_EcoWoolSkein.jpg';
 var yarn_data=[ 
                   
                   
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);    
}


function show_cascade_baby_alpaca_chunky()
{
   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Baby Alpaca Chunky <br />by Cascade<hr></font></h3><br /><img src="SiteImages/cascade/cascade_logo.gif" align=left border="0" width=250><p align=right>Fiber: 100% Baby Alpaca <br /> Yardage: 108<br /> Stitches: 3.5 <br />Needle size: US 10<br /><br />Price: $12.00</p>';
  var color_card=['http://www.cascadeyarns.com/cascade-BabyAlpacaChunky.asp'];
  var skein_picture='SiteImages/cascade/cascade_baby_alpaca.jpg';
 var yarn_data=[ 
                   
                   
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);    
}


function show_cascade_pastaza()
{
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Pastaza<br />by Cascade<hr></font></h3><br /><img src="SiteImages/cascade/cascade_logo.gif" align=left border="0" width=250><p align=right>Fiber: 50% Llama / 50% Wool <br /> Yardage: 132<br /> Stitches: 4 Needle size: 9<br /><br />Price: $10.00</p>';
   var color_card=['http://www.cascadeyarns.com/cascade-pastaza.asp'];
   
  var skein_picture='SiteImages/cascade/cascade_pastaza_skein.jpg';
  var yarn_data=[ 
                   
                   
                 ];
  
 display_array ('show_selection', company, yarn_data, color_card, skein_picture);
}


function show_cascade_220()
{
  
}


function show_cascade_dive()
{
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Di.Ve\' <br /> by Cascade<hr></font></h3><br /><img src="SiteImages/cascade/cascade_logo.gif" align=left border="0" width=250><p align=right><br /><br /></p>';
  var color_card=['http://www.cascadeyarns.com/dive-yarns.asp'];
  var skein_picture='SiteImages/cascade/cascade_dive_scein.jpg';
  var yarn_data=[ 
                   
                   
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);  
}


//===============================================================================
function show_lambs_pride ()
{
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Lamb\'s Pride (Worsted or Bulky) <br />by Brown Sheep Company<hr></font></h3><br /><img src="SiteImages/brownsheep/brownsheep_logo1.gif" align=left border="0" ><p align=right>Fiber: 85% Wool 15% Mohair <br />Yardage: 190 (Worsted) 125 (Bulky) <br /> Needle size: 8 (Worsted) 10 (Bulky<br /><br />Price: $7.40)</p>';
   var color_card=['http://www.brownsheep.com/lp.htm'];
   var skein_picture='SiteImages/brownsheep/BrownSheep_LambsPride_skein1.jpg';
  var yarn_data=[ ['SiteImages/brownsheep/BrownSheep_LambsPride_M04.jpg','M04 <br />(Charcoal heather)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M06.jpg','M06 <br />(Deep Charcoal)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M07.jpg','M07 <br />(Sable)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M10.jpg','M10 <br />(Creme)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M18.jpg','M18 <br />(Khaki)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M22.jpg','M22 <br />(Autumn harvest)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M26.jpg','M26 <br />(Medieval red)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M57.jpg','M57 <br />(Bright Blue)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M76.jpg','M76 <br />(Misty blue)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M77.jpg','M77 <br />(Blue Magic)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M120.jpg','M120 <br />(Lime-Aid)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M151.jpg','M151 <br />(Chocolate souffle)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M155.jpg','M155 <br />(Lemon drop)'],
                   ['SiteImages/brownsheep/BrownSheep_LambsPride_M184.jpg','M184 <br />(Pistachio)']
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);    
}
//=====================================================================================

function show_noro_silkgarden() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Silk garden <br />by Noro<hr></font></h3><br /><img src="SiteImages/noro/noro_logo2.gif" align=left border="0"><p align=right>Fiber: 45% Silk, 45% Kid Mohair, <br /> 10% Lambswool  Yardage: 137 <br /> Stitches: 5.5  Needle size: 6<br /><br />Price: $11.00</p>';

  var color_card=['SiteImages/noro/noro_silk_garden_card.jpg', ''];
  var skein_picture='SiteImages/noro/noro_silkgarden_skein3.jpg';
  var yarn_data=[ ['SiteImages/noro/noro_silk_garden211.jpg','Noro Silk Garden 211'],
                  ['SiteImages/noro/noro_silk_garden221.jpg','Noro Silk Garden 221'],
                              
                  ['SiteImages/noro/noro_silk_garden224.jpg','Noro Silk Garden 224'],
                  ['SiteImages/noro/noro_silk_garden226.jpg','Noro Silk Garden 226'],
                  ['SiteImages/noro/noro_silk_garden239.jpg','Noro Silk Garden 239'],
                  ['SiteImages/noro/noro_silk_garden241.jpg','Noro Silk Garden 241'],
                  ['SiteImages/noro/noro_silk_garden084.jpg','Noro Silk Garden 084'],
                  ['SiteImages/noro/noro_silk_garden251.jpg','Noro Silk Garden 251'],
                  ['SiteImages/noro/noro_silk_garden246.jpg','Noro Silk Garden 246']
                 
                  
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}





function show_noro_kureyon() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Kureyon <br />by Noro<hr></font></h3><br /><img src="SiteImages/noro/noro_logo2.gif" align=left border="0"><p align=right>Fiber: 100% Wool <br /> Yardage: 110 <br /> Stitches: 5 Needle size: 7<br /><br />Price: $8.50</p>';

  var color_card=['http://www.knittingfever.com/c/yarn/noro-kureyon/', ''];
  var skein_picture='SiteImages/noro/noro_kureyon_skein3.jpg';
  var yarn_data=[ ['SiteImages/noro/noro_kureyon040.jpg','Noro <br />Kureyon 040'],
                  ['SiteImages/noro/noro_kureyon092.jpg','Noro <br />Kureyon 092'],
                              
                  ['SiteImages/noro/noro_kureyon095.jpg','Noro <br />Kureyon 095'],
                  ['SiteImages/noro/noro_kureyon102.jpg','Noro <br />Kureyon 102'],
                  ['SiteImages/noro/noro_kureyon149.jpg','Noro <br />Kureyon 149'],
                  ['SiteImages/noro/noro_kureyon150.jpg','Noro <br />Kureyon 150'],
                  ['SiteImages/noro/noro_kureyon154.jpg','Noro <br />Kureyon 154'],
                  ['SiteImages/noro/noro_kureyon166.jpg','Noro <br />Kureyon 166'],
                   ['SiteImages/noro/noro_kureyon172.jpg','Noro <br />Kureyon 172']
                 
                  
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}




function show_noro_kochoran() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Kochoran <br />by Noro<hr></font></h3><br /><img src="SiteImages/noro/noro_logo2.gif" align=left border="0"><p align=right>Fiber: 50% Wool 20% Silk<br />30% Angora Yardage: 176 <br /> Stitches: 4.5 Needle size: 8<br /><br />Price: $21.00</p>';

  var color_card=['SiteImages/noro/noro_kochoran_card.jpg', ''];
  var skein_picture='SiteImages/noro/noro_kocheran36_skein.jpg';
  var yarn_data=[ ['SiteImages/noro/noro_kochoran47.jpg','Noro <br />Kochoran 47'],
                  ['SiteImages/noro/noro_kochoran10.jpg','Noro <br />Kochoran 10'],
                              
                  ['SiteImages/noro/noro_kochoran57.jpg','Noro <br />Kochoran 57'],
                  ['SiteImages/noro/noro_kochoran50.jpg','Noro <br />Kochoran 50'],
                  ['SiteImages/noro/noro_kochoran40.jpg','Noro <br />Kochoran 40'],
                  ['SiteImages/noro/noro_kochoran44.jpg','Noro <br />Kochoran 44'],
                  ['SiteImages/noro/noro_kochoran53.jpg','Noro <br />Kochoran 53'],
                  ['SiteImages/noro/noro_kochoran54.jpg','Noro <br />Kochoran 54']
                   
                 
                  
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}



function show_noro_iro() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Iro<br />by Noro<hr></font></h3><br /><img src="SiteImages/noro/noro_logo2.gif" align=left border="0"><p align=right>Fiber: 75% Wool,<br /> 25% Silk, Yardage: 132 <br /> Stitches: 3 Needle size: 11<br /><br />Price: $20.00</p>';

  var color_card=['http://www.knittingfever.com/c/yarn/noro-iro/', ''];
  var skein_picture='SiteImages/noro/noro_iro_skein2.jpg';
  var yarn_data=[ ['SiteImages/noro/noro-iro44.jpg','Noro Iro 44'],
                  ['SiteImages/noro/noro-iro57.jpg','Noro Iro 57'],
                              
                  ['SiteImages/noro/noro-iro58.jpg','Noro Iro 58'],
                  ['SiteImages/noro/noro-iro60.jpg','Noro Iro 60'],
                  ['SiteImages/noro/noro-iro66.jpg','Noro Iro 66'],
                  ['SiteImages/noro/noro-iro67.jpg','Noro Iro 67']
                 
                 
                  
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}


function show_noro_iroha() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Cash Iroha <br />by Noro<hr></font></h3><br /><img src="SiteImages/noro/noro_logo6.gif" align=left border="0" width=150><p align=right>Fiber: 40% Silk, 30% lambwool<br /> 20% Cashmere, 10% Nylon Yardage: 100 <br /> Stitches: 5-5.5 Needle size: 6-7<br /><br />Price: $12.00</p>';

  var color_card=['SiteImages/http://www.knittingfever.com/c/yarn/noro-cash-iroha/', ''];
  var skein_picture='SiteImages/noro/noro_iroha_skein3.jpg';
  var yarn_data=[ ['SiteImages/noro/noro-iroha114.jpg','Noro <br />Cash Iroha 114'],
                  ['SiteImages/noro/noro-iroha110.jpg','Noro <br />Cash Iroha 110'],
                              
                  ['SiteImages/noro/noro-iroha112.jpg','Noro <br />Cash Iroha 112'],
                  ['SiteImages/noro/noro-iroha107.jpg','Noro <br />Cash Iroha 107'],
                  ['SiteImages/noro/noro-iroha108.jpg','Noro <br />Cash Iroha 108'],
                  ['SiteImages/noro/noro-iroha113.jpg','Noro <br />Cash Iroha 113'],
                  ['SiteImages/noro/noro-iroha099.jpg','Noro <br />Cash Iroha 099'],
                  ['SiteImages/noro/noro-iroha101.jpg','Noro <br />Cash Iroha 101'],
                  ['SiteImages/noro/noro-iroha104.jpg','Noro <br />Cash Iroha 104']
                 
                 
                  
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}


function show_noro_niji() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Niji <br />by Noro<hr></font></h3><br /><img src="SiteImages/noro/noro_logo6.gif" align=left border="0" width=150><p align=right>Fiber: 45% Wool, 25% Silk, 25% Kid Mohair<br /> 5% Nylon Yardage: 96 <br /> Stitches: 5 Needle size: 7<br /><br />Price: $10.00</p>';

  var color_card=['SiteImages/noro/noro_niji_card.jpg', ''];
  var skein_picture='';
  var yarn_data=[ ['SiteImages/noro/noro_niji86.jpg','Noro Niji 86'],
                  ['SiteImages/noro/noro_niji88.jpg','Noro Niji 88'],
                              
                  ['SiteImages/noro/noro_niji90.jpg','Noro Niji 90'],
                  ['SiteImages/noro/noro_niji257.jpg','Noro Niji 257'],
                  ['SiteImages/noro/noro_niji258.jpg','Noro Niji 258'],
                  ['SiteImages/noro/noro_niji261.jpg','Noro Niji 261'],
                  ['SiteImages/noro/noro_niji266.jpg','Noro Niji 266']
                 
                  
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}
//=====================================================================================

function show_lavold_angora() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Angora <br />by Elsebeth Lavold<hr></font></h3><br /><img src="SiteImages/lavold/lavold_logo.png" align=left border="0"><p align=right>Fiber: 60% Angora,<br /> 20% Wool, 20% Nylon Yardage: 92 <br /> Stitches: 4.5 Needle size: 8<br /><br />Price: $10.00</p>';

  var color_card=['SiteImages/lavold/angora_lavold2.jpg', ''];
  var skein_picture='';
  var yarn_data=[ ['SiteImages/lavold/3_lavold.jpg','#3-Oats'],
                  ['SiteImages/lavold/2_lavold.jpg','#2-Driftwood'],
                  ['SiteImages/lavold/4_lavold.jpg','#4-Natural White'],                
                  ['SiteImages/lavold/11a_lavold.jpg','#11-Burgundy Red '],
                  ['SiteImages/lavold/12_lavold.jpg','#12-Cloudbery'],
                  ['SiteImages/lavold/14_lavold.jpg','#14-Lime Green'],
                  ['SiteImages/lavold/15a_lavold.jpg','#15-Bronzed Green'],
                  ['SiteImages/lavold/16_lavold.jpg','#16-Brown'],
                  ['SiteImages/lavold/17_lavold.jpg','#17-Tan'],
                  ['SiteImages/lavold/18_lavold.jpg','#18-Fushcia'],
                  ['SiteImages/lavold/19_lavold.jpg','#19-Purple'],
                  ['SiteImages/lavold/20_lavold.jpg','#20-Periwinkle'],
                  ['SiteImages/lavold/21_lavold.jpg','#21-Ocean']
                  
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}

//=====================================================================================

function show_lavold_silkywool() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Silky Wool <br />by Elsebeth Lavold<hr></font></h3><br /><img src="SiteImages/lavold/lavold_logo.png" align=left border="0"><p align=right>Fiber: 65%Wool 35%Silk <br />Yardage: 192 Stitches: 5.5<br /> Needle size: 6<br /><br />Price: $7.00</p>';
  var color_card=['SiteImages/lavold/silkywool_lavold2.jpg', ''];
  var skein_picture='SiteImages/cccc.png';
  var yarn_data=[ ['SiteImages/lavold/1_silkywool_lavold.jpg','#1-Chalk'],
                  ['SiteImages/lavold/5_silkywool_lavold.jpg','#5-Lava'],
                  ['SiteImages/lavold/9_silkywool_lavold.jpg','#9-Verdigris'],
                  ['SiteImages/lavold/10_silkywool_lavold.jpg','#10-Woad'],
                  ['SiteImages/lavold/12_silkywool_lavold.jpg','#12-Deep Pink'],
                  ['SiteImages/lavold/24_silkywool_lavold.jpg','#24-Claret'],
                  ['SiteImages/lavold/27_silkywool_lavold.jpg','#27-Periwinkle'],
                  ['SiteImages/lavold/33_silkywool_lavold.jpg','#33-Black'],
                  ['SiteImages/lavold/35_silkywool_lavold.jpg','#35-Petrol'],
                  ['SiteImages/lavold/45_silkywool_lavold.jpg','#45-Forest'],
                  ['SiteImages/lavold/46_silkywool_lavold.jpg','#46-Midnight Blue'],
                  ['SiteImages/lavold/47_silkywool_lavold.jpg','#47-Greige'],
                  ['SiteImages/lavold/48_silkywool_lavold.jpg','#48-Woodsmoke'],
                  ['SiteImages/lavold/49_silkywool_lavold.jpg','#49-Parchment'],
                  ['SiteImages/lavold/50_silkywool_lavold.jpg','#50-Sandstone']
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}

//=====================================================================================

function show_lavold_silkyflamme() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Silky Flamme <br />by Elsebeth Lavold<hr></font></h3><br /><img src="SiteImages/lavold/lavold_logo.png" align=left border="0"><p align=right>Fiber: 50% Peruvian Wool, 30%<br /> Alpaca, 20% Silk Yardage: 82 <br />Stitches: 4 Needle size: 10<br /><br />Price: $8.00</p>';
var color_card=['SiteImages/lavold/lavold_silkyflamme2.jpg'];
var skein_picture='SiteImages/lavold/lavold_silkywool_skein.jpg';
  var yarn_data=[ ['SiteImages/lavold/1_lavold_silkyflamme.jpg','#1-Smoky'],
                  ['SiteImages/lavold/2_lavold_silkyflamme.jpg','#2-Ivory'],
                  ['SiteImages/lavold/3_lavold_silkyflamme.jpg','#3-Slate'],
                  ['SiteImages/lavold/4_lavold_silkyflamme.jpg','#4-Black'],
                  ['SiteImages/lavold/5_lavold_silkyflamme.jpg','#5-Chestnut'],
                  ['SiteImages/lavold/6_lavold_silkyflamme.jpg','#6-Sienna'],
                  ['SiteImages/lavold/7_lavold_silkyflamme.jpg','#7-Rust'],
                  ['SiteImages/lavold/8_lavold_silkyflamme.jpg','#8-Cornsilk'],
                  ['SiteImages/lavold/9_lavold_silkyflamme.jpg','#9-Oliver'],
                  ['SiteImages/lavold/10_lavold_silkyflamme.jpg','#10-Olive Drab'],
                  ['SiteImages/lavold/11_lavold_silkyflamme.jpg','#11-Verdigris'],
                  ['SiteImages/lavold/12_lavold_silkyflamme.jpg','#12-Serge (Blue)']
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture );

}
//=====================================================================================

function show_harding_grace_wool() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Grace Wool & Silk <br />by Louisa Harding<hr></font></h3><br /><img src="SiteImages/harding/harding_logo3a.gif" align=left border="0" width=150><p align=right>Fiber: 50% Merino Wool<br /> 50% Silk Yardage: 110<br /> Stitches: 5.5 Needle size: 6<br /><br />Price: $10.00</p>';
var color_card=['SiteImages/harding/graceshadecard3.jpg'];
var skein_picture='';
  var yarn_data=[ ['SiteImages/harding/harding_grace_1.jpg','#1-Ecru'],
                  ['SiteImages/harding/harding_grace_2.jpg','#2-Tan'],
                  ['SiteImages/harding/harding_grace_3.jpg','#3-Silver'],
                  ['SiteImages/harding/harding_grace_4.jpg','#4-Pink'],
                  ['SiteImages/harding/harding_grace_5.jpg','#5-Moss'],
                  ['SiteImages/harding/harding_grace_6.jpg','#6-Ruby'],
                  ['SiteImages/harding/harding_grace_7.jpg','#7-Dark Teal'],
                  ['SiteImages/harding/harding_grace_8.jpg','#8-Deep Purple'],
                  ['SiteImages/harding/harding_grace_9.jpg','#9-Dark Chocolate'],
                  ['SiteImages/harding/harding_grace_10.jpg','#10-Black'],
                  ['SiteImages/harding/harding_grace_11.jpg','#11-Royal'],
                  ['SiteImages/harding/harding_grace_12.jpg','#12-Burnt'],
                  ['SiteImages/harding/harding_grace_13.jpg','#13-Aqua']
                  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}



//=====================================================================================

function show_berroco_ultra_alpaca() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Ultra Alpaca <br />by Berroco<hr></font></h3><br /><img src="SiteImages/berroco/berroco_logo.gif" align=left border="0" width=150><p align=right>Fiber: 50% Super Fine Alpaca<br /> 50% Peruvian Highland Wool <br />Yardage: 215<br /> Stitches: 5 Needle size: 8<br /><br />Price: $9.00</p>';
var color_card=['http://www.berroco.com/shade_cards/ultra_alpaca_sh.html'];
var skein_picture='SiteImages/berroco/berrocco_alpaca_skein1.jpg';
  var yarn_data=[ ['SiteImages/berroco/berrocco_alpaca6201.jpg','Berroco <br /> Ultra Alpaca 6201'],
                 ['SiteImages/berroco/berrocco_alpaca6202.jpg','Berroco <br /> Ultra Alpaca 6202'],
                 ['SiteImages/berroco/berrocco_alpaca6206.jpg','Berroco <br /> Ultra Alpaca 6206'],
                 ['SiteImages/berroco/berrocco_alpaca6207.jpg','Berroco <br /> Ultra Alpaca 6207'],
                 ['SiteImages/berroco/berrocco_alpaca6209.jpg','Berroco <br /> Ultra Alpaca 6209'],
                 ['SiteImages/berroco/berrocco_alpaca6255.jpg','Berroco <br /> Ultra Alpaca 6255'],
                 ['SiteImages/berroco/berrocco_alpaca6274.jpg','Berroco <br /> Ultra Alpaca 6274'],
                 ['SiteImages/berroco/berrocco_alpaca6279.jpg','Berroco <br /> Ultra Alpaca 6279'],
                 ['SiteImages/berroco/berrocco_alpaca6289.jpg','Berroco <br /> Ultra Alpaca 6289']
                  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}


function show_berroco_peruvia_quick()
{
   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Peruvia Quick <br />by Berroco<hr></font></h3><br /><img src="SiteImages/berroco/berroco_logo.gif" align=left border="0" width=150><p align=right>Fiber: 100% Peruvian Highland Wool <br /> Yardage: 103<br /> Stitches: 3 <br />Needle size: US 11<br /><br />Price: $8.00</p>';
  var color_card=['http://www.berroco.com/shade_cards/peruvia_quick_sh.html'];
  var skein_picture='SiteImages/berroco/peruvia_quick.jpg';
 var yarn_data=[ 
                   
                   
                 ];
  
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);    
}

function show_berroco_soft_twist() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Soft Twist<br />by Berroco<hr></font></h3><br /><img src="SiteImages/berroco/berroco_logo.gif" align=left border="0" width=150><p align=right>Fiber: 59% Rayon, 41% Wool<br />  Yardage: 100<br /> Stitches: 5 Needle size: 5<br /><br />Price: $5.50</p>';
var color_card=['http://www.berroco.com/shade_cards/softwist_sh.html'];
var skein_picture='berrocco_alpaca_skein.jpg';
  var yarn_data=[ ['SiteImages/berroco/berrocco_softwist9465.jpg','Berroco <br /> Softwist 9465'],
                 ['SiteImages/berroco/berrocco_softwist9472.jpg','Berroco <br /> Softwist 9472'],
                 ['SiteImages/berroco/berrocco_softwist9427.jpg','Berroco <br /> Softwist 9427'],
                 ['SiteImages/berroco/berrocco_softwist9439.jpg','Berroco <br /> Softwist 9439'],
                 ['SiteImages/berroco/berrocco_softwist9418.jpg','Berroco <br /> Softwist 9418'],
                 ['SiteImages/berroco/berrocco_softwist9418.jpg','Berroco <br /> Softwist 9418'],
                 ['SiteImages/berroco/berrocco_softwist9412.jpg','Berroco <br /> Softwist 9412'],
                 ['SiteImages/berroco/berrocco_softwist9403.jpg','Berroco <br /> Softwist 9403'],
                 ['SiteImages/berroco/berrocco_softwist9428.jpg','Berroco <br /> Softwist 9428']
                  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}


//=====================================================================================

function show_plymouth_alpaca_brush() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Baby Alpaca Brushed <br />by Plymouth<hr></font></h3><br /><img src="SiteImages/plymouth/plymouth_logo1.gif" align=left border="0" width="250"><p align=right>Fiber: 80% Baby Alpaca<br /> 20% Acrylic  Yardage: 110<br /> Stitches: 3.5 Needle size: 9<br /><br />Price: $7.00</p>';
var color_card=['http://www.plymouthyarn.com/index.php?nav=cYarn.yarnDetail&yarnid=000132&searchcollection=000012#color-card-tab'];
var skein_picture='SiteImages/plymouth/plymouth_alpaca_brush1477.jpg';
  var yarn_data=[  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}


function show_plymouth_alpaca_boucle() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Alpaca Boucle <br />by Plymouth<hr></font></h3><br /><img src="SiteImages/plymouth/plymouth_logo1.gif" align=left border="0" width="250"><p align=right>Fiber: 90% Alpaca<br /> 10% Nylon Yardage: 65<br /> Stitches: 2.5 Needle size: 10.5<br /><br />Price: $6.00</p>';
var color_card=['http://www.plymouthyarn.com/index.php?nav=cYarn.yarnDetail&yarnid=000026&searchcollection=000012#color-card-tab'];
var skein_picture='SiteImages/plymouth/plymouth_alpaca_boucle_skein5.jpg';
  var yarn_data=[  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}
//============================================================================================

function show_yarnsisters_kiwi() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">KIWI <br />by The Yarn Sisters<hr></font></h3><br /><img src="SiteImages/yarnsisters/yarnsisters_logo.jpg" align=left border="0" ><p align=right> Fiber: 40% Fine Merino <br />30% Organic Cotton <br />30% Possum <br /><br />2-ply Lace weight: 168y/153m <br /> Needle size: 1 to 3 | Price: $11.60<br /><br />4-ply Fingering weight: 149y/136m  <br /> Needle size: 3 to 5 | Price: $11.60</p>';

  var color_card=['http://www.theyarnsisters.com/index.php/yarns/kiwi/',''];
  var skein_picture='';
  var yarn_data=[ ['SiteImages/yarnsisters/kiwi/beach.jpg','beach'],
                  ['SiteImages/yarnsisters/kiwi/fern.jpg','fern'],
                              
                  ['SiteImages/yarnsisters/kiwi/granite.jpg','granite'],
                  ['SiteImages/yarnsisters/kiwi/ocean.jpg','ocean'],
                  ['SiteImages/yarnsisters/kiwi/papura.jpg','papura'],
                  ['SiteImages/yarnsisters/kiwi/pounamu.jpg','pounamu'],
                  ['SiteImages/yarnsisters/kiwi/rococco.jpg','rococco'],
                  ['SiteImages/yarnsisters/kiwi/sunset.jpg','sunset'],
                  ['SiteImages/yarnsisters/kiwi/track.jpg','track'],
                  ['SiteImages/yarnsisters/kiwi/tussok.jpg','tussok']
                 
                  
                 ];
  
  display_array2 ('show_selection', company, yarn_data, color_card, skein_picture );

}


function show_yarnsisters_rimu() 
{
        
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">RIMU <br />by The Yarn Sisters<hr></font></h3><br /><img src="SiteImages/yarnsisters/yarnsisters_logo.jpg" align=left border="0" ><p align=right>Fiber: 60% Fine Merino <br />40% Possum <br /><br />4-ply Fingering: 168y/153m <br /> Needle size: 3 to 5 | Price: $16.40<br /><br />8-ply Worsted: 140y/128m  <br /> Needle size: 5 to 7 | Price: $16.40</p>';

  var color_card=['http://www.theyarnsisters.com/index.php/yarns/rimu/',''];
  var skein_picture='';
  var yarn_data=[ ['SiteImages/yarnsisters/rimu/flax.jpg','flax'],
                  ['SiteImages/yarnsisters/rimu/fuchsia.jpg','fuchsia'],
                              
                  ['SiteImages/yarnsisters/rimu/greenstone.jpg','greenstone'],
                  ['SiteImages/yarnsisters/rimu/kiwicrush.jpg','kiwicrush'],
                  ['SiteImages/yarnsisters/rimu/lake_taupo.jpg','lake taupo'],
                  ['SiteImages/yarnsisters/rimu/natural.jpg','natural'],
                  ['SiteImages/yarnsisters/rimu/oceanwave.jpg','oceanwave'],
                  ['SiteImages/yarnsisters/rimu/powiwi_pink.jpg','powiwi pink'],
                  ['SiteImages/yarnsisters/rimu/red_rata_tree.jpg','red rata tree'],
                  ['SiteImages/yarnsisters/rimu/shadow.jpg','shadow']
                 
                  
                 ];
  
  display_array2 ('show_selection', company, yarn_data, color_card, skein_picture );

}



//=====================================================================================

function show_tahki_donegal() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Donegal Tweed <br />by Tahki<hr></font></h3><br /><img src="SiteImages/tahki/tahki_logo.gif" align=left border="0" width=150><p align=right>Fiber: 100% Pure New Wool<br /> Yardage: 183<br /> Stitches: 4.5 Needle size: 8<br /><br />Price: $12.00</p>';
var color_card=['http://www.tahkistacycharles.com/dyn_prod.php?p=DOT&k=74252'];
var skein_picture='SiteImages/tahki/tahki_donegal_skein.jpg';
  var yarn_data=[ 
                  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}


function show_tahki_shannon() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Shannon <br />by Tahki<hr></font></h3><br /><img src="SiteImages/tahki/tahki_logo.gif" align=left border="0" width=150><p align=right>Fiber: 100% Wool<br />  Yardage: 92<br /> Stitches: 4 Needle size: 8<br /><br />Price: $10.00</p>';
var color_card=['http://www.tahkistacycharles.com/dyn_prod.php?p=SHA&k=74252'];
var skein_picture='SiteImages/tahki/tahki_shannon_skein1.jpg';
  var yarn_data=[ 
                  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}
//#####################################################################################
//=====================================================================================

function show_harrisville_shetland() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Shetland<br />by Harrisville Design<hr></font></h3><br /><img src="SiteImages/harrisville/harrisville_logo.gif" align=left border="0" width="100"><p align=right>Fiber: 100% Pure Wool<br /> Yardage: 197<br /> Stitches: 4.5 Needle size: 8<br /><br />Price: $7.00</p>';
var color_card=['http://www.harrisville.com/about-yarns.htm'];
var skein_picture='SiteImages/harrisville/shetland_skein.jpg';
  var yarn_data=[ 
                  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}


function show_harrisville_bulky() 
{ 
  var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Bulky <br />by Harrisville Design<hr></font></h3><br /><img src="SiteImages/harrisville/harrisville_logo.gif" align=left border="0" width=100><p align=right>Fiber: 100% Wool<br />  </p>';
var color_card=['http://www.tahkistacycharles.com/dyn_prod.php?p=SHA&k=74252'];
var skein_picture='SiteImages/harrisville/shetland_skein.jpg';
  var yarn_data=[ 
                  ];
 
  display_array ('show_selection', company, yarn_data, color_card, skein_picture);

}
//#####################################################################################
function show_fiesta() 
{   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Fiesta <br /> <hr></font></h3><br /><img src="SiteImages/fiesta/fiesta_logo.png" align=left border="0" width="150">';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[
                  ['SiteImages/fiesta/fiesta_kokopeli1.jpg','<a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/kokopelli/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Kokopeli</a><br /><br />Price: $20.00'],
                   ['SiteImages/fiesta/fiesta_la_luz1.jpg',' <a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/la_luz/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>La Luz</a><br /><br />Price: $27.50'],
                   ['SiteImages/fiesta/fiesta_la_luz_multi1.jpg',' <a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/la_luz_multi/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>La Luz Multi</a><br /><br />Price: $30.00'],
                   ['SiteImages/fiesta/fiesta_la_boheme1.jpg',' <a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/la_boheme/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>La Boheme</a><br /><br />Price: $29.00'],
                   ['SiteImages/fiesta/fiesta_insignia1.jpg',' <a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/insignia_la_boheme/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Insignia La Boheme</a><br /><br />Price: $29.00'],
                   ['SiteImages/fiesta/fiesta_boomerang1.jpg',' <a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/boomerang/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Boomerang</a><br /><br />Price: $25.00'],
                   ['SiteImages/fiesta/fiesta_baby_boom.jpg','<a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/baby_boom/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Baby Boom </a><br /><br />Price: $14.50'],
                   ['SiteImages/fiesta/fiesta_verandah2.jpg',' <a  href="#" onclick=\'window.open("http://www.fiestayarns.com/index.php/yarns/category/detail/verandah/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Verandah</a><br /><br />Price: $33.00']
                   
                   
                 ];
  
 display_array_local ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}


//#####################################################################################
function show_alpaca() 
{   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Alpaca <br /></font></h3><hr />';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/royal_fiber_logo1.gif','<a  href="#" onclick=\'window.open("http://www.royalspin.us/xcart/home.php", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Royal Fiber Spinnery</a> <br /> We carry all of their products'],
                   ['SiteImages/blue_alpaca_logo.jpg','<a  href="#" onclick=\'window.open("http://blueskyalpacas.com/yarns.php", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Blue Sky Alpacas</a> <br /> We carry all of their products'],
                   ['SiteImages/misti_alpaca_logo1.gif','<a  href="#" onclick=\'window.open("http://www.mistialpaca.com", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Misti Alpaca</a> <br /> We carry all of their products']
                   
                   
                 ];
  
 display_array_type2 ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}

function show_plant_fiber() 
{   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Cotton / Silk / Bamboo<br /></font></h3><hr />';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/tahki/tahki_cotton_classic_sample.jpg','<a  href="#" onclick=\'window.open("http://www.tahkistacycharles.com/dyn_prod.php?p=CCT", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Cotton Classic <br /> by Tahki <\/a><br /><br />Price: $7.00'],
                   ['SiteImages/plymouth/plymouth_royal_bamboo_sample.jpg','<a  href="#" onclick=\'window.open("http://www.plymouthyarn.com/index.php?nav=cYarn.yarnDetail&yarnid=000204&searchcollection=000011", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Royal Bamboo <br /> by Plymouth <\/a><br /><br />Price: $7.00'],
                   ['SiteImages/plymouth/plymouth_shire_silk_skein.jpg','<a  href="#" onclick=\'window.open("http://www.plymouthyarn.com/index.php?nav=cYarn.yarnDetail&yarnid=000253&searchcollection=000005", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Shire Silk <br /> Plymouth<\/a><br /><br />Price: $7.00'],
                   ['SiteImages/berroco/berocco_naturlin_sample.jpg','<a  href="#" onclick=\'window.open("http://www.berroco.com/shade_cards/naturlin_sh.html", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'" >Naturlin <br /> by Berocco <\/a><br /><br />Price: $7.50'],
		   ['SiteImages/berroco/berocco_seduce_sample.jpg','<a  href="#" onclick=\'window.open("http://www.berroco.com/shade_cards/seduce_sh.html", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Seduce <br /> by Berocco </a><br /><br />Price: $8.50'],
                   ['SiteImages/manos/manos_stria_sample1.jpg','<a  href="#" >Stria<br /> by Manos del Uruguay </a><br /><br />Price: $9.00'],
		   ['SiteImages/blue_alpacas/blue_alpaca_handspun_sample.jpg','<a  href="#" onclick=\'window.open("http://blueskyalpacas.com/yarn_detail.php?yarns_ID=14", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Organic HandSpun<br /> Cotton <br /> by Blue Sky Alpacas <\/a><br /><br />Price: $15.00'],
		   ['SiteImages/blue_alpacas/blue_alpaca_cotton_sample.jpg','<a  href="#" onclick=\'window.open("http://blueskyalpacas.com/yarn_detail.php?yarns_ID=7", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Organic Cotton <br /> by Blue Sky Alpacas</a><br /><br />Price: $9.70'],
                   ['SiteImages/blue_alpacas/blue_alpaca_skinny_dyed_sample.jpg','<a  href="#" onclick=\'window.open("http://blueskyalpacas.com/yarn_detail.php?yarns_ID=18", "width=550, height=450, height=350, status=yes, scrollbars=1 resizable=yes");\' >Skinny Dyed cotton<br /> by Blue Sky Alpacas </a><br /><br />Price: $9.70'],
		   ['SiteImages/misti_alpaca_pima_cotton_sample.jpg','<a  href="#" onclick=\'window.open("http://www.mistialpaca.com/catalog.php?collection=9&page=0", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Pima Cotton/Silk <br /> by Misti Alpaca</a><br /><br />Price: $10.00'],
                   ['SiteImages/lavold/lavold_cotton_patine_sample.jpg','<a  href="#" onclick=\'window.open("http://www.knittingfever.com/c/yarn/elsebeth-lavold-cotton-patine-2/#t", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Cotton Patine<br /> by Elsebeth Lavold </a><br /><br />Price: $7.00'],
		   ['SiteImages/uki_cotton_sample.jpg','<a  href="#" onclick=\'window.open("http://www.ukisupreme.com/mercanized/index.html", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Mercerized Cotton <br /> by UKI </a><br /> 800 yds of 5/2 <br />and 485 yds of 3/2 <br /><br />Price: $10.00']
		   
		   
		   
		   
		   
		   
		     ];
  
 display_array_type ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}


/////////////////////////////////////////////////////
function show_sock_yarn() 
{   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Sock Yarns<br /></font></h3><hr />';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/sock_soxie.jpg','<a  href="#" onclick=\'window.open("http://www.dknitting.com/soxie.htm", "smallwin", "width=400, height=350, status=yes, scrollbars=1 resizable=yes");\' >Soxie <br /> by Great Adirondack <\/a><br /><br />Price: $22.00'],
                   ['SiteImages/sock_alpaca.jpg','<a  href="#" onclick=\'window.open("http://www.mistialpaca.com/catalog.php?collection=5&page=0", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Alpaca Sport <br /> by Misti Alpaca <\/a><br /><br />Price: $20.00'],
                   ['SiteImages/sock_noro.jpg','<a  href="#" onclick=\'window.open("http://www.knittingfever.com/c/yarn/noro-silk-garden-sock/", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Sock Yarn <br /> by Noro<\/a><br /><br />Price: $20.00']
                   
		   
		   
		   
		   
		     ];
  
 display_array_type ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}

/////////////////////////////////////////////////////
function show_spinning_fiber() 
{   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5"><font face="Times New Roman" color="#866d2e" size="5"><br />Spinning Fiber <br />by Ashland Bay Trading Co<br /></font></font></h3><hr /><p align=right><font face="Times New Roman" color="#866d2e" size="3">We carry all of their fibers</font></p>';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ 
                   ['SiteImages/ashlandbay_fiber.jpg','<a  href="#" onclick=\'window.open("http://www.ashlandbay.com/fibers.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\' >Spinning Fiber <br /> by Ashland Bay Trading Co <\/a><br />']
                   
                   
		   
		   
		   
		   
		     ];
  
 display_array_normal ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}
/////////////////////////////////



//#####################################################################################
function show_adirondack() 
{   var company='<h3 align="left"><font face="Times New Roman" color="#866d2e" size="5">Great Adirondack Yarns <br /> <hr></font></h3><br /><img src="SiteImages/adirondack/adirondack_logo.png" align=left border="0" width="90">';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/adirondack/adirondack_bamboo_silk1.jpg','<a  href="#" onclick=\'window.open("http://www.dknitting.com/bsilk.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Bamboo/Silk</a><br /><br />Price: $44.00'],
                   ['SiteImages/adirondack/adirondack_silk_delight1.jpg',' <a  href="#" onclick=\'window.open("http://www.dknitting.com/silkd.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Silk Delight</a><br /><br />Price: $44.00'],
                   ['SiteImages/adirondack/adirondack_silk_twist.jpg',' <a  href="#" onclick=\'window.open("http://www.dknitting.com/silktw.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Silk Twist</a><br /><br />Price: $44.00'],
                   ['SiteImages/adirondack/adirondack_sirino.jpg',' <a  href="#" onclick=\'window.open("http://www.dknitting.com/sirino.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Sirino</a><br /><br />Price: $50.00'],
                   ['SiteImages/adirondack/adirondack_soxie.jpg',' <a  href="#" onclick=\'window.open("http://www.dknitting.com/soxie.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Soxie</a><br /><br />Price: $22.00'],
                   ['SiteImages/adirondack/adirondack_kiki1.jpg',' <a  href="#" onclick=\'window.open("http://www.dknitting.com/kiki.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Kiki</a><br /><br />Price: $40.00'],
                   ['SiteImages/adirondack/adirondack_sierra1.jpg','<a  href="#" onclick=\'window.open("http://www.dknitting.com/hsierra.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Sierra </a><br /><br />Price: $50.00'],
                   ['SiteImages/adirondack/adirondack_waterfall1.jpg',' <a  href="#" onclick=\'window.open("http://www.dknitting.com/waterf.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Waterfall</a><br /><br />Price: $44.00'],
		   ['SiteImages/adirondack/adirondack_fluff1.jpg',' <a  href="#" onclick=\'window.open("http://www.dknitting.com/rfluff.htm", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes");\'>Ribbons Fluff</a><br /><br />Price: $40.00']
                   
                   
                 ];
  
 display_array_specialty ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}





//#####################################################################################
function show_blue_sky() 
{   var company='<h3 align="left"><img src="SiteImages/blue_sky/blue_sky_logo.jpg" align=left border="0"><font face="Times New Roman" color="#866d2e" size="5">&nbsp; &nbsp; &nbsp; Blue Sky Alpacas <br /> <hr></font></h3><br />';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[['SiteImages/blue_sky/blue_sky_alpaca3.jpg','Price: $20.00'],
                  ['SiteImages/blue_sky/blue_sky_alpaca1.jpg','Price: $10.00'],
                   ['SiteImages/blue_sky/blue_sky_alpaca2.jpg','Price: $10.50'],
                  
                  ['SiteImages/blue_sky/blue_sky_alpaca4.jpg','Price: $12.00'],
                  ['SiteImages/blue_sky/blue_sky_alpaca5.jpg','Price: $16.50'],
                   ['SiteImages/blue_sky/blue_sky_alpaca.jpg','Price: $9.75'],
                   ['SiteImages/blue_sky/blue_sky_alpaca6.jpg','Price: $9.75']
                   
                   
                 ];
  
 display_array_normal ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}





//#####################################################################################
function show_misti_alpaca_tonos_worsted() 
{   var company='<h3 align="left"><img src="SiteImages/misti/misti_logo.jpg" align=left border="0"><font face="Times New Roman" color="#866d2e" size="5"><br />&nbsp; &nbsp; &nbsp; Tonos Worsted by Misti Alpaca<hr /></font></h3><br /><p align=right>Fiber: 50% Baby Alpaca & 50% Merino Wool  <br />Yardage: 4 ply worsted weight, 218 yards<br /> Stitches: 5 Needle size: 7<br /><br />Price: $17.00</p>';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/misti/misti_tonos2.jpg','<br /><br /><a  href="#" onclick=\'window.open("http://www.mistialpaca.com/yarns/collection/tonos-worsted/", "smallwin", "width=850, height=750, status=yes, scrollbars=1 resizable=yes")\';>Click here for the shade card </a>'],
                   ['SiteImages/mm_design/redsmall_side2.jpg','Red sweater front view'],
                   ['SiteImages/mm_design/redsmall_side1.jpg','Red sweater side view']
                   
                 ];
  
 display_array_normal ('show_selection', company, yarn_data, color_card, skein_picture );
 

  
}

function show_misti_alpaca_tonos_chunky() 
{   var company='<h3 align="left"><img src="SiteImages/misti/misti_logo.jpg" align=left border="0"><font face="Times New Roman" color="#866d2e" size="5"><br />&nbsp; &nbsp; &nbsp; Tonos Chunky by Misti Alpaca<hr /></font></h3><br /><p align=right>Fiber: 50% Baby Alpaca & 50% Merino Wool  <br />Yardage: 108 yards, 100 grams per hank, 2 ply<br /> Stitches: 3.5 Needle size: 10<br /><br />Price: $20.00</p>';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/misti/misti_tonos_chunky.jpg','<br /><br /><a  href="#" onclick=\'window.open("http://www.mistialpaca.com/yarns/collection/tonos-chunky/", "smallwin", "width=850, height=750, status=yes, scrollbars=1 resizable=yes")\';>Click here for the shade card </a>']
                   
                   
                 ];
  
 display_array_normal ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}


function show_misti_alpaca_tonos_pimasilk() 
{   var company='<h3 align="left"><img src="SiteImages/misti/misti_logo.jpg" align=left border="0"><font face="Times New Roman" color="#866d2e" size="5"><br />&nbsp; &nbsp; &nbsp; Tonos Pima Silk by Misti Alpaca<hr /></font></h3><br /><p align=right>Fiber: 83% Pima Cotton & 17% Silk  <br />Yardage: 327 yards/300 meters<br /> Stitches: 5-5.5 Needle size: 4-6<br /><br />Price: $15.00</p>';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/misti/misti_tonos_pimasilk.jpg','<br /><br /><a  href="#" onclick=\'window.open("http://www.mistialpaca.com/yarns/collection/tonos-pima-silk/", "smallwin", "width=850, height=750, status=yes, scrollbars=1 resizable=yes")\';>Click here for the shade card </a>']
                   
                   
                 ];
  
 display_array_normal ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}


function show_misti_alpaca_misti_chunky() 
{   var company='<h3 align="left"><img src="SiteImages/misti/misti_logo.jpg" align=left border="0"><font face="Times New Roman" color="#866d2e" size="5"><br />&nbsp; &nbsp; &nbsp; Chunky by Misti Alpaca<hr /></font></h3><br /><p align=right>Fiber: 100% Baby Alpaca Yarn  <br />Yardage: 108 yards, 100 grams per hank, 2 ply<br /> Stitches: 3.5 Needle size: 10<br /><br />Price: $15.00</p>';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/misti/misti_chunky.jpg','<br /><br /><a  href="#" onclick=\'window.open("http://www.mistialpaca.com/yarns/collection/chunky/", "smallwin", "width=850, height=750, status=yes, scrollbars=1 resizable=yes")\';>Click here for the shade card </a>']
                   
                   
                 ];
  
 display_array_normal ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}

function show_misti_cotton() 
{   var company='<h3 align="left"><img src="SiteImages/misti/misti_logo.jpg" align=left border="0"><font face="Times New Roman" color="#866d2e" size="5"><br />&nbsp; &nbsp; &nbsp; Pima Silk DK by Misti Alpaca<hr /></font></h3><br /><p align=right>Fiber: 83% Pima Cotton & 17% Silk  <br />Yardage: 4 ply DK Weight, 100 grams per hank <br /> Stitches: 5-5.5 Needle size: 4-6<br /><br />Price: $10.00</p>';

     var skein_picture='';
     var color_card='';   
       
   var yarn_data=[ ['SiteImages/misti/misti_cotton.jpg','<br /><br /><a  href="#" onclick=\'window.open("http://www.mistialpaca.com/yarns/collection/pima-silk-dk/", "smallwin", "width=850, height=750, status=yes, scrollbars=1 resizable=yes")\';>Click here for the shade card </a>']
                   
                   
                 ];
  
 display_array_normal ('show_selection', company, yarn_data, color_card, skein_picture );
  
  
}



  

//#########################################################################################
  function display_array ()
  
  {
                         
                         
                           var eid = arguments[0];
                           var shade_card=arguments[3];
                           var skein_picture=arguments[4];
                           var insertPt = document.getElementById(eid);
                           insertPt.style.backgroundColor = '#fff';
                           insertPt.style.color = '#000';
                           
                           eid = arguments[0];
                           var yarn_company = arguments[1];
                                                  
                           var counter=0;
                           var yarn_array=arguments[2];
                           var yarn_element=yarn_array[0];
                           var yarn_element=0;
                            var yarn_picture=0;
                            var yarn_description=0;
                           
                           data ='<div id="content_box"><div id="back"><div id="front"> <div  align="center" valign="top" ><table  id="table_style1" cellpadding="0" valign="top"  ><tr><td><div><br /><br />'
                                              
                                              +yarn_company
                                              + '<br /><br /><\/div><\/td><\/tr><tr><td><div align=center valign="top"> <table  id="table_style2" cellspacing="10" cellpadding="10" >';
                          
                           var i=0;
                           var number_of_cells=0;
                          
                           while (counter< yarn_array.length)
                           
                           {   data=data+'<tr>';
                               
                                while(i<3 && (number_of_cells < yarn_array.length))
                                
                                {   yarn_element=yarn_array[number_of_cells];
                                     
                                    yarn_picture=yarn_element[0];
                                    yarn_description=yarn_element[1];
                                     
                                    data=data+'<td>';    
                                    
                                    data=data+'<a  class="thumbimg" href="#thumb"><img border="0" src="'+yarn_picture+'" class="small_image" onclick=\'new_position("'+yarn_picture+'","'+yarn_description+'")\'></a><!--<span><img border="0" src="'+yarn_picture+'" width="320" ><h4 align=center>'+yarn_description+'<\/h4><\/span><\/a>--> <p>'+yarn_description+'<\/p>';
                                    number_of_cells++;
                                    i++;
                                    data=data+'<\/td>';
                                }
                                data=data+'<\/tr>';
                               i=0;
                               counter++;
                           }
                           
                           if(skein_picture=='')
                           {
                            data=data+'<\/table><br /><br /> <br /><\/div><div align=left ><a  href="#" onclick=\'window.open("'+shade_card[0]+'", "smallwin", "width=850, height=750, status=yes, scrollbars=1 resizable=yes")\';>Click here for the Shade Card<\/a><br /><br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);  
                           }
                           else
                           {
                           data=data+'<\/table><br /><br /> <br /><\/div><div align=left ><a  href="#" onclick=\'window.open("'+shade_card[0]+'", "smallwin", "width=850, height=750, status=yes, scrollbars=1 resizable=yes")\';>Click here for the Shade Card<\/a><br /><br /><\/div><div align=center ><img  src="'+skein_picture+'" id="skein_image"><br /><br /> <br /><br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);
                           }
                          insertPt.innerHTML=data;
                           
    
    
  }
  //====================================================================================================================
  

//#####################################################################################
//#########################################################################################


  function display_array2 ()
  
  {
                         
                         
                           var eid = arguments[0];
                           var shade_card=arguments[3];
                           var skein_picture=arguments[4];
                           var insertPt = document.getElementById(eid);
                           insertPt.style.backgroundColor = '#fff';
                           insertPt.style.color = '#000';
                           
                           eid = arguments[0];
                           var yarn_company = arguments[1];
                                                  
                           var counter=0;
                           var yarn_array=arguments[2];
                           var yarn_element=yarn_array[0];
                           var yarn_element=0;
                            var yarn_picture=0;
                            var yarn_description=0;
                           
                           data ='<div id="content_box"><div id="back"><div id="front"> <div  align="center" valign="top" ><table  id="table_style1" cellpadding="0" valign="top"  ><tr><td><div><br /><br />'
                                              
                                              +yarn_company
                                              + '<br /><br /><\/div><\/td><\/tr><tr><td><div align=center valign="top"> <table  id="table_style2" cellspacing="10" cellpadding="10" >';
                          
                           var i=0;
                           var number_of_cells=0;
                          
                           while (counter< yarn_array.length)
                           
                           {   data=data+'<tr>';
                               
                                while(i<3 && (number_of_cells < yarn_array.length))
                                
                                {   yarn_element=yarn_array[number_of_cells];
                                     
                                    yarn_picture=yarn_element[0];
                                    yarn_description=yarn_element[1];
                                     
                                    data=data+'<td>';    
                                    
                                    data=data+'<img border="0" src="'+yarn_picture+'" class="small_image2" > <p>'+yarn_description+'<\/p>';
                                    number_of_cells++;
                                    i++;
                                    data=data+'<\/td>';
                                }
                                data=data+'<\/tr>';
                               i=0;
                               counter++;
                           }
                           
                           if(skein_picture=='')
                           {
                            data=data+'<\/table><br /><br /> <br /><\/div><div align=left ><a  href="#" onclick=\'window.open("'+shade_card[0]+'", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes")\';>Click here for the Shade Card<\/a><br /><br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);  
                           }
                           else
                           {
                           data=data+'<\/table><br /><br /> <br /><\/div><div align=left ><a  href="#" onclick=\'window.open("'+shade_card[0]+'", "smallwin", "width=550, height=450, status=yes, scrollbars=1 resizable=yes")\';>Click here for the Shade Card<\/a><br /><br /><\/div><div align=center ><img  src="'+skein_picture+'" id="skein_image"><br /><br /> <br /><br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);
                           }
                          insertPt.innerHTML=data;
                           
    
    
  }
  //====================================================================================================================
  

//#####################################################################################







  function display_array_specialty ()
  
  {
                         
                         
                           var eid = arguments[0];
                           var shade_card=arguments[3];
                           var skein_picture=arguments[4];
                           var insertPt = document.getElementById(eid);
                           insertPt.style.backgroundColor = '#fff';
                           insertPt.style.color = '#000';
                           
                           eid = arguments[0];
                           var yarn_company = arguments[1];
                                                  
                           var counter=0;
                           var yarn_array=arguments[2];
                           var yarn_element=yarn_array[0];
                           var yarn_element=0;
                            var yarn_picture=0;
                            var yarn_description=0;
                           
                           data ='<div id="content_box"><div id="back"><div id="front"> <div  align="center" valign="top" ><table  id="table_style1" cellpadding="0" valign="top"  ><tr><td><div><br /><br />'
                                              
                                              +yarn_company
                                              + '<br /><br /><\/div><\/td><\/tr><tr><td><div align=center valign="top"> <table  id="table_style2" cellspacing="10" cellpadding="10" >';
                          
                           var i=0;
                           var number_of_cells=0;
                          
                           while (counter< yarn_array.length)
                           
                           {   data=data+'<tr>';
                               
                                while(i<1 && (number_of_cells < yarn_array.length))
                                
                                {   yarn_element=yarn_array[number_of_cells];
                                     
                                    yarn_picture=yarn_element[0];
                                    yarn_description=yarn_element[1];
                                     
                                    data=data+'<td>';    
                                    
                                    data=data+'<img src="'+yarn_picture+'" class="big_image_border"><p align="center">'+yarn_description+'<\/p>';
                                    number_of_cells++;
                                    i++;
                                    data=data+'<\/td>';
                                }
                                data=data+'<\/tr>';
                               i=0;
                               counter++;
                           }
                           
                           
                           data=data+'<\/table><br /><br /> <br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);
                          insertPt.innerHTML=data;
                           
    
    
  }
  //====================================================================================================================
//#####################################################################################







  function display_array_normal ()
  
  {
                         
                         
                           var eid = arguments[0];
                           var shade_card=arguments[3];
                           var skein_picture=arguments[4];
                           var insertPt = document.getElementById(eid);
                           insertPt.style.backgroundColor = '#fff';
                           insertPt.style.color = '#000';
                           
                           eid = arguments[0];
                           var yarn_company = arguments[1];
                                                  
                           var counter=0;
                           var yarn_array=arguments[2];
                           var yarn_element=yarn_array[0];
                           var yarn_element=0;
                            var yarn_picture=0;
                            var yarn_description=0;
                           
                           data ='<div id="content_box"><div id="back"><div id="front"> <div  align="center" valign="top" ><table  id="table_style1" cellpadding="0" valign="top"  ><tr><td><div><br /><br />'
                                              
                                              +yarn_company
                                              + '<br /><br /><\/div><\/td><\/tr><tr><td><div align=center valign="top"> <table  id="table_style2" cellspacing="10" cellpadding="10" >';
                          
                           var i=0;
                           var number_of_cells=0;
                          
                           while (counter< yarn_array.length)
                           
                           {   data=data+'<tr>';
                               
                                while(i<1 && (number_of_cells < yarn_array.length))
                                
                                {   yarn_element=yarn_array[number_of_cells];
                                     
                                    yarn_picture=yarn_element[0];
                                    yarn_description=yarn_element[1];
                                     
                                    data=data+'<td>';    
                                    
                                    data=data+'<img src="'+yarn_picture+'" class="big_image_normal"><p style="margin: 0; padding: 0;" align="right"><br />'+yarn_description+'<hr /><\/p>';
                                    number_of_cells++;
                                    i++;
                                    data=data+'<\/td>';
                                }
                                data=data+'<\/tr>';
                               i=0;
                               counter++;
                           }
                           
                           
                           data=data+'<\/table><br /><br /> <br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);
                          insertPt.innerHTML=data;
                           
    
    
  }
  //====================================================================================================================







//#####################################################################################







  function display_array_local ()
  
  {
                         
                         
                           var eid = arguments[0];
                           var shade_card=arguments[3];
                           var skein_picture=arguments[4];
                           var insertPt = document.getElementById(eid);
                           insertPt.style.backgroundColor = '#fff';
                           insertPt.style.color = '#000';
                           
                           eid = arguments[0];
                           var yarn_company = arguments[1];
                                                  
                           var counter=0;
                           var yarn_array=arguments[2];
                           var yarn_element=yarn_array[0];
                           var yarn_element=0;
                            var yarn_picture=0;
                            var yarn_description=0;
                           
                           data ='<div id="content_box"><div id="back"><div id="front"> <div  align="center" valign="top" ><table  id="table_style1" cellpadding="0" valign="top"  ><tr><td><div><br /><br />'
                                              
                                              +yarn_company
                                              + '<br /><br /><\/div><\/td><\/tr><tr><td><div align=center valign="top"> <table  id="table_style2" cellspacing="10" cellpadding="10" >';
                          
                           var i=0;
                           var number_of_cells=0;
                          
                           while (counter< yarn_array.length)
                           
                           {   data=data+'<tr>';
                               
                                while(i<1 && (number_of_cells < yarn_array.length))
                                
                                {   yarn_element=yarn_array[number_of_cells];
                                     
                                    yarn_picture=yarn_element[0];
                                    yarn_description=yarn_element[1];
                                     
                                    data=data+'<td>';    
                                    
                                    data=data+'<img border="0" src="'+yarn_picture+'" class="big_image" > <p align="center">'+yarn_description+'</p>';
                                    number_of_cells++;
                                    i++;
                                    data=data+'<\/td>';
                                }
                                data=data+'<\/tr>';
                               i=0;
                               counter++;
                           }
                           
                           
                           data=data+'<\/table><br /><br /> <br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);
                          insertPt.innerHTML=data;
                           
    
    
  }
  
  //====================================================================================================================
 
  function display_array_type ()
  
  {
                         
                         
                           var eid = arguments[0];
                           var shade_card=arguments[3];
                           var skein_picture=arguments[4];
                           var insertPt = document.getElementById(eid);
                           insertPt.style.backgroundColor = '#fff';
                           insertPt.style.color = '#000';
                           
                           eid = arguments[0];
                           var yarn_company = arguments[1];
                                                  
                           var counter=0;
                           var yarn_array=arguments[2];
                           var yarn_element=yarn_array[0];
                           var yarn_element=0;
                            var yarn_picture=0;
                            var yarn_description=0;
                           
                           data ='<div id="content_box"><div id="back"><div id="front"> <div  align="center" valign="top" ><table  id="table_style1" cellpadding="0" valign="top"  ><tr><td><div><br /><br />'
                                              
                                              +yarn_company
                                              + '<br /><br /><\/div><\/td><\/tr><tr><td><div align=center valign="top"> <table  id="table_style2" cellspacing="10" cellpadding="10" >';
                          
                           var i=0;
                           var number_of_cells=0;
                          
                           while (counter< yarn_array.length)
                           
                           {   data=data+'<tr>';
                               
                                while(i<3 && (number_of_cells < yarn_array.length))
                                
                                {   yarn_element=yarn_array[number_of_cells];
                                     
                                    yarn_picture=yarn_element[0];
                                    yarn_description=yarn_element[1];
                                     
                                    data=data+'<td>';    
                                    
                                    data=data+'<img border="0" src="'+yarn_picture+'" class="small_image" > <p>'+yarn_description+'<\/p>';
                                    number_of_cells++;
                                    i++;
                                    data=data+'<\/td>';
                                }
                                data=data+'<\/tr>';
                               i=0;
                               counter++;
                           }
                           
                           
                           data=data+'<\/table><br /><br /> <br /><\/div><div align=left ><br /><br /> <br /><br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);
                          insertPt.innerHTML=data;
                           
    
    
  }
//======================================================================================================================






  function display_array_type2 ()
  
  {
                         
                         
                           var eid = arguments[0];
                           var shade_card=arguments[3];
                           var skein_picture=arguments[4];
                           var insertPt = document.getElementById(eid);
                           insertPt.style.backgroundColor = '#fff';
                           insertPt.style.color = '#000';
                           
                           eid = arguments[0];
                           var yarn_company = arguments[1];
                                                  
                           var counter=0;
                           var yarn_array=arguments[2];
                           var yarn_element=yarn_array[0];
                           var yarn_element=0;
                            var yarn_picture=0;
                            var yarn_description=0;
                           
                           data ='<div id="content_box"><div id="back"><div id="front"> <div  align="center" valign="top" ><table  id="table_style1" cellpadding="0" valign="top"  ><tr><td><div><br /><br />'
                                              
                                              +yarn_company
                                              + '<br /><br /><\/div><\/td><\/tr><tr><td><div align=center valign="top"> <table  id="table_style2" cellspacing="10" cellpadding="10" >';
                          
                           var i=0;
                           var number_of_cells=0;
                          
                           while (counter< yarn_array.length)
                           
                           {   data=data+'<tr>';
                               
                                while(i<2 && (number_of_cells < yarn_array.length))
                                
                                {   yarn_element=yarn_array[number_of_cells];
                                     
                                    yarn_picture=yarn_element[0];
                                    yarn_description=yarn_element[1];
                                     
                                    data=data+'<td>';    
                                    
                                    data=data+'<img border="0" src="'+yarn_picture+'" class="medium_image" ><!--<span><img border="0" src="'+yarn_picture+'" width="320" ><h4 align=center>'+yarn_description+'<\/h4><\/span><\/a>--> <p>'+yarn_description+'<\/p>';
                                    number_of_cells++;
                                    i++;
                                    data=data+'<\/td>';
                                }
                                data=data+'<\/tr>';
                               i=0;
                               counter++;
                           }
                           
                           
                           data=data+'<\/table><br /><br /> <br /><\/div><div align=left ><br /><br /> <br /><br /><\/div><\/td><\/tr><\/table><\/div><\/div><\/div><\/div>';
                           //alert (window.pageYOffset);
                          insertPt.innerHTML=data;
                           
    
    
  }
  
  
  
 
  //====================================================================================================================
  
  function display_default (place_id)
  
  {
    
      
                          
                           var eid = place_id;
                        
                          var insertPt = document.getElementById(eid);
                          insertPt.style.backgroundColor = '#fff';
                          
                          var eid = place_id;
                          
                          var insertPt = document.getElementById(eid);
                          insertPt.style.color = '#F00';
                          insertPt.innerHTML = '<img src="SiteImages/chenillecones.jpg" id="default_img" />';
                                              
                                              
			 
    
    
    
    
  } 
 //==============================================================================================
 
 function show_pic ()
 {
        
 
    var eid = 'enlarge_pic';
                        
                          var insertPt = document.getElementById(eid);
                           
                          insertPt.style.backgroundColor = '#fff';
                          
                         
                          
                          var insertPt = document.getElementById(eid);
                          insertPt.style.color = '#F00';
                          insertPt.innerHTML = '<img src="SiteImages/sheep.bmp" id="thumb_image" border="0" onmousedown=\'new_position()\'><span id="close_pic" onclick=\'close_img()\'>Close</span>';
                          
                        
        
 }
 
 
 
 
                           
 function new_position2 (yarn_img)
 {
        
    var yarn_pic=yarn_img;
    var x_coor=window.pageXOffset;
    var y_coor=window.pageYOffset;
    
      var eid = 'flower';
                        
                          var insertPt = document.getElementById(eid);
                          var new_top=100+y_coor;
                          insertPt.style.top = new_top+'px';
                           insertPt.style.border = '2px solid black';
                          // var eid = 'enlarge_pic';
                        
                          //var insertPt = document.getElementById(eid);
                         //insertPt.innerHTML = '<img src="SiteImages/sheep.bmp" width="200" border="0" onmousedown=\'new_position2()\'>';
        
 }
 
 
    function close_img ()
 {
    
     var eid = 'enlarge_pic';
                        
                          var insertPt = document.getElementById(eid);
                           
                         insertPt.innerHTML = '';

 }
 function new_position (yarn_img, yarn_words)
 {
     
    var yarn_pic=yarn_img;
    var yarn_description=yarn_words;
    //alert(yarn_words);
    
    var Geometry=window.pageYOffset;
    if (window.innerWidth)
    
       {// All browsers but IE
        Geometry=window.pageYOffset;
        
        
       }
       
       else if (document.documentElement && document.documentElement.clientWidth)
       
       {// for IE6 when there is a DOCTYPE
        Geometry=document.documentElement.scrollTop;
        
        
        
       }
       
       else if (document.body.clientWidth)
       
       {//for other IE without a DOCTYPE
        
         Geometry=document.body.scrollTop;
       }
       
       //alert (document.documentElement.scrollTop);
    
    var x_coor=window.pageXOffset;
    var y_coor=Geometry;
    
      var eid = 'flower';
                        
                          var insertPt = document.getElementById(eid);
                          var new_top=100+y_coor;
                          insertPt.style.top = new_top+'px';
                           var eid = 'enlarge_pic';
                        
                          var insertPt = document.getElementById(eid);
                         insertPt.innerHTML = '<img src="'+yarn_pic+'" id="thumb_image" border="0" vspace="10" hspace="10" ><br /><br /><div align=center>'+yarn_description+'<br /></div><p align=center><a href="#" onclick=\'close_img ()\'>Close</a><\/p>';
        
 }