var pannier = ' <img id="pannier" src="image/small-white.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-white.jpg" > <img id="pannier" src="image/small-blue.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-blue.jpg"> <img id="pannier" src="image/small-black.jpg" alt=""  onclick= document.getElementById("bag-for-sale").src="image/big-black.jpg"> <img id="pannier" src="image/small-orange.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-orange.jpg">';

var pannier09 = '<img id="pannier" src="image/small-blue-eagle.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-blue-eagle.jpg">';

var messenger = '<img id="orange" src="image/small-messenger.jpg"alt="" onclick= document.getElementById("bag-for-sale").src="image/big-messenger.jpg"> <img src="image/small-messenger-white.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-messenger-white.jpg" > <img id="blue" src="image/small-messenger-blue.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-messenger-blue.jpg"> <img id="orange" src="image/small-messenger-orange.jpg"alt="" onclick= document.getElementById("bag-for-sale").src="image/big-messenger-orange.jpg"> <img id="black" src="image/small-messenger-black.jpg" alt=""  onclick= document.getElementById("bag-for-sale").src="image/big-messenger-black.jpg">';

var grocery = '<img id="white" src="image/small-grocery-blue.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-grocery-blue.jpg" > <img id="blue" src="image/small-grocery-brown.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-grocery-brown.jpg"> <img id="black" src="image/small-grocery-blue-exausted.jpg" alt=""  onclick= document.getElementById("bag-for-sale").src="image/big-grocery-blue-exausted.jpg"> <img id="orange" src="image/small-grocery-brown-exauste.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-grocery-brown-exausted.jpg">';

var penguin = '<img id="white" src="image/small-penguin-1.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-penguin-1.jpg" > <img id="blue" src="image/small-penguin-2.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-penguin-2.jpg"> <img id="black" src="image/small-penguin.jpg" alt=""  onclick= document.getElementById("bag-for-sale").src="image/big-penguin.jpg"> <img id="orange" src="image/small-penguin-3.jpg" alt="" onclick= document.getElementById("bag-for-sale").src="image/big-penguin-3.jpg">';


function description(pos)
{

var desc = new Array ("PANNIER BASKET STYLE<br /><br />Industrial chic combination of durable recyclable washable, mold/mildew-proof fabric and cutting edge graphics.  <br /><br />Basket shape with large base makes it easy to pack groceries without containers spilling or bruising fragile produce. <br /><br />2inch wide shoulder straps and ergonomic handles to carry heavy loads. <br /><br />Front zip pocket and 2 inner mesh pockets for keys, cell phone, coupons and lists.<br /> Dimensions: 14inch x 12inch base  x 13inch high <br />","MESSENGER STYLE GROCERY <br /> TRAVEL TOTE <br /><br />Industrial chic combination of durable recyclable washable, mold/mildew-proof fabric with cutting edge graphics.<br /><br /> Large base makes it easy to pack groceries without containers spilling or bruising fragile produce. <br /><br />Bottle sleeves at each end.<br /><br />2inch wide adjustable strap with shoulder pad makes heavy loads easy to carry home by foot, bike or public transportation.<br /><br />Front zip pocket and 2 inner mesh pockets for keys, cell phone, coupons and lists.<br />Dimensions: 18inch x 7inch x 14inch<br />", "GROCERY BAG<br /><br />Woven polypropylene is 100% recyclable where facilities exist. <br /><br />Two-piece sewn-in base reinforcement for easy foldability. <br /><br />28inch long 1-1/4inch wide comfortable shoulder strap plus ergonomic handles. <br /><br />2 bottle sleeves for proper packing. <br /><br />Packed 10/bundle buy some for friends and family.<br /> Dimensions: 13inch x 9inch x 13inch <br />","PENGUIN INSULATED BAG <br /><br />Keeps foods hot or cold for the trip home from the store; also great for picnics<br /><br />Heavy- duty handles<br /><br />2 bottle sleeves for proper packing.<br /><br />Packed 5/bundle buy some as gifts for friends and family.<br />Dimensions: 14inch x 9inch x 13inch with zipper top ","PANNIER BASKET STYLE<br /><br />Industrial chic combination of durable recyclable washable, mold/mildew-proof fabric and cutting edge graphics.  <br /><br />Basket shape with arge base makes it easy to pack groceries without containers spilling or bruising fragile produce. <br /><br />2inch wide shoulder straps and ergonomic handles to carry heavy loads. <br /><br />Front zip pocket and 2 inner mesh pockets for keys, cell phone, coupons and lists.<br /> Dimensions: 14inch x 12inch base  x 13inch high <br />");
var showcase = new Array ("image/blue-model.png","image/big-messenger.jpg", "image/big-grocery-model.jpg", "image/big-penguin.jpg","image/big-blue-eagle.jpg");
var chooseColor = new Array (pannier, messenger, grocery, penguin,pannier09);
document.getElementById("color").innerHTML= chooseColor[pos];
document.getElementById("detail").innerHTML= desc[pos];
document.getElementById("bag-for-sale").src= showcase[pos];
}

function showBanner(imgid, width)
{
document.getElementById(imgid).style.width= width;
}

















counter=0;

	var animation = new Array ( "image/4.jpg", "image/r.jpg", "image/planet.jpg", "image/bag.jpg");
	
			
	function nextPic(picture)
	{

	document.getElementById("loop").src= animation[counter];

				 if (counter < animation.lenght  )
				 	{
					clearInterval;
					
				  }
				 }

var start = 0;

function startSlideShow()
{
 
start = setInterval("nextPic('picture')", 2000);
	counter++;
}