var ImageGallery = new Object();
var CurrentImageSet = new Object();

function Browser() {

  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.isOP    = false;
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as NS 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var browser = new Browser();




function FindFormElement(elementName)
{
	for(i=0; i<document.forms[0].elements.length; i++)
	{
		var name = document.forms[0].elements[i].name;
		var id = document.forms[0].elements[i].id;
        if(name.indexOf(elementName) != -1)
        {
			return document.forms[0].elements[i];
        }
        else if(id.indexOf(elementName)!= -1)
        {
			return document.forms[0].elements[i];
        }
	}
	return "";
}
function FindListControl()
{
  var id = FindFormElement("ImageGalleryControlName").value;
  for(i=0; i<document.forms[0].elements.length; i++)
  {
		var name = document.forms[0].elements[i].name;
		 
        if(name.indexOf(id) != -1)
        {
       
			return document.forms[0].elements[i];
        }
   }
}
function FindProductImageThumbnail()
{
	for(i=0; i<document.images.length; i++)
    {
		var name = document.images[i].id;
		if(name!=null && name.indexOf('ProductImageThumbnail') != -1)
		    
			return document.images[i];
		}
}
function FindProductImageThumbnailAnchor()
{
		return FindAnchor("ProductImageTNLink");	
}
function FindAnchor(anchorName){

 if (browser.isIE)
 {
	for(i=0; i<document.anchors.length; i++)
	{
		var name = document.anchors[i].id;
							
		if(name!= null && name.indexOf(anchorName) != -1)
			return document.anchors[i];
		
	}	
  }
  else if(browser.isNS)
  {
	 var anchors = document.getElementsByTagName("a");
	 for(j = 0 ;j < anchors.length;j++)
     {
		var name =anchors[j].id;
	
							
		if(name!= null && name.indexOf(anchorName) != -1)
		{
		    return anchors[j];
		}
     }
     
	
  }
	
	
}
function SwitchToCurrentImageSet(){
	
    
	var ctrl = FindListControl();
	var pImage = FindProductImageThumbnail();
	var imgAnchor = FindProductImageThumbnailAnchor();
	var engAnchor = FindAnchor("EnlargeImageLink");
	var table = null;
	if(ctrl==null)
	{
		//there is no drop down list displaying colors.
		CurrentImageSet = ImageGallery[0];
		table = ImageGallery[0];
		
	}
	else
	{
		table = ctrl.value==null?ImageGallery[0] : ImageGallery[ctrl.value]
		table = table==null ? ImageGallery[0] : table;
	}
	images = table[0]
	var img1 = images[0];
	var img2 = images[1];
			
	imgAnchor.href=img1;
	pImage.src=img2;
	engAnchor.href=imgAnchor.href;
	CurrentImageSet = table;
}

function OnAttributeChange()
{
	SwitchToCurrentImageSet();
	CreateSmallImagesGallery();
}
function CreateSmallImagesGallery()
{
    var ctrl = document.getElementById('DynamicContent1');
    
    var columns = 3;
    var counter = 1;
    var x = "<table>";
    var total=0;
    var rows = 0;
    var width = 4;
    
    
    x +="<tr>";
    singleArray = new Array();
    for(imageset in CurrentImageSet)
    {
		singleArray[total++] = CurrentImageSet[imageset];
		
    }
    
    rows = (Math.ceil(total/width));
    cells = "";
    wb = new WebBrowser( );
    if( singleArray.length <= 1 )
    {
			 ctrl.innerHTML = "";
			 wb.HideControl("ProductDetails__ctl7_Previous");
			 wb.HideControl("ProductDetails__ctl7_Next");
			return;
	}
	else
	{
			wb.ShowControl("ProductDetails__ctl7_Previous");
			 wb.ShowControl("ProductDetails__ctl7_Next");	
	}
    
    for(i =0;i < singleArray.length;i++)
	{
		images = singleArray[i];
        urlLarge = "\""+images[0]+"\"";
        urlSmall = "\""+images[2]+"\"";
        
        if(i % width == 0)
         cells+="<tr><td><a href="+urlLarge+" target=_blank><img src="+urlSmall+" border=0></a></td>";
        else
			cells+="<td><a href="+urlLarge+" target=_blank><img src="+urlSmall+" border=0></a></td>";
			
		
		
	}
	cells+="</tr>";

    x+=cells+"</table>";
 
 
    ctrl.innerHTML = x;
  
}
function ChangeProductImage(direction)
{
   //window.alert('Value:'+document.Form1.ImageSelection.value);
 
   var index =parseInt(document.Form1.ImageSelection.value);
   var ProductImage = FindProductImageThumbnail();
   var ImageAnchor = FindProductImageThumbnailAnchor();
   var EnlargeLink = FindAnchor("EnlargeImageLink");
   
   
   

   if(direction=='next')
   {
	 index  = index + 1;
	 if(CurrentImageSet[index] == null)
     {
		  Images = CurrentImageSet[0];
		  ProductImage.src = Images[1];
		  ImageAnchor.href = Images[0];
		 
		  index = 0;
		  
	 }
	 else
	 {
		Images = CurrentImageSet[index];
		ProductImage.src = Images[1];
		ImageAnchor.href = Images[0];
	 }
     

   }
   else
   {
     index  = index - 1;
     if(CurrentImageSet[index] == null)
     {
		  Images = CurrentImageSet[0];
		  ProductImage.src = Images[1];
		  ImageAnchor.href = Images[0];
		  index = 0;
		  
		  
	 }
	 else
	 {
		Images = CurrentImageSet[index];
		ProductImage.src = Images[1];
		ImageAnchor.href = Images[0];
	 }
    }
    EnlargeLink.href = ImageAnchor.href;
	document.Form1.ImageSelection.value = index;
	  
 }