// JavaScript Document


		function abc(pId)
				{
		 
					var lstrSrc="";
			
 		  			switch(pId)
  		  			{
						case 1:
							lstrSrc="skins/images/Yoga_bag_1.jpg";
							break;
						case 2:
								lstrSrc="skins/images/yoga_bag_photo2.jpg";
						break;
						case 3:
						    lstrSrc="skins/images/yoga_bag_photo3.jpg";
						     break;
						case 4:
								lstrSrc="skins/images/bag1.jpg";
						    break;
						case 5:
						    lstrSrc="skins/images/yoga_bag_olive_2.jpg";
						     break;
						case 6:
								lstrSrc="skins/images/BG_Side.jpg";
						    break;
						case 7:
						    lstrSrc="skins/images/bag2.jpg";
						     break;
						case 8:
								lstrSrc="skins/images/WW_Front.jpg";
						    break;
						case 9:
						    lstrSrc="skins/images/bag3.jpg";
						     break;
						case 12:
								lstrSrc="skins/images/CM_OnBox.jpg";
						    break;
						case 13:
						    lstrSrc = "skins/images/CM_Side.jpg";
						    break;
						case 14:
						    lstrSrc = "../skins/images/nirvana_black2.png";
						    break;
						case 15:
						    lstrSrc = "../skins/images/Yogoco_Nirvana.png";
						    break;
						case 16:
						    lstrSrc = "../skins/images/Yogoco_Nirvana_black1.png";
						    break;
						    
		}
			 				 document.getElementById('image').src=lstrSrc;
				}
		

//for sliding the images left and right and vice versa
					 
					 
// List image names without extension


// Tell browser where to find the image
//myImgSrc = "skins/images/";

// Tell browser the type of file
//myImgEnd = ".jpg"

  var i=0;
  var myImg= new Array(6);
  myImg[0]= "skins/images/bag1.jpg";
  myImg[1]= "skins/images/bag2.jpg";
  myImg[2]= "skins/images/bag3.jpg";
  myImg[3]= "skins/images/bag4.jpg";
  myImg[4]= "skins/images/bag5.jpg";
  myImg[5]= "skins/images/bags.jpg"; 


// Create function to load image
function loadImg(){
  //document.imgSrc.src =  myImg[i] ;
}

// Create link function to switch image backward
function prev(pObj)
{	
  
  if(i<1)
  		{
		
    	var l = i;
		//return false;
		i=5;
  		}
else 
		{
    	var l = i-=1;
  		}
		
document.getElementById(pObj).src=myImg[i]; 
}


// Create link function to switch image forward
	function next(pObj)
		{
	
	
	  if(i>4)
  	{
		var l = i;
	
      //return false;
	  i=0;
  	}
else {
    var l = i+=1;
  }
  document.getElementById(pObj).src=myImg[i]; 
}

// Load function after page loads
//window.onload=loadImg;



// function for bags sliding images
function navActive(pObj, pNumber)
{
	switch(pNumber)
	{
		case 1:
			pObj.src = "http://www.yogoco.com/skins/images/right_arrowH.gif";
			break;
		case 2:
			pObj.src = "http://www.yogoco.com/skins/images/left_arrowH.gif";
			break;
		default:
			break;
	}
}

// function for bags sliding images
function navDeactive(pObj, pNumber)
{
	switch(pNumber)
	{
		case 1:
			pObj.src = "http://www.yogoco.com/skins/images/right_arrow.gif";
			break;
		case 2:
			pObj.src = "http://www.yogoco.com/skins/images/left_arrow.gif";
			break;
		default:
			break;
	}
}