// JavaScript Document

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  //var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  // if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null)
   {
   document.MM_sr[j++]=x; 
   if(!x.oSrc) 
    x.oSrc=x.src; 
    x.src=a[i+2];
    if(a[i+4]) 
    x.alt=a[i+3];
    x.title=a[i+4];
   }
}


var selectedButtonIndex = 0;


function ButtonImageMouseOver(index, link)
{
    if(index != selectedButtonIndex)
    {
    
        var buttonIndex = index + 1;
        var buttonID = 'page' + buttonIndex;
    
        for(var i = 0; i < link.childNodes.length ; i++)
        {
            var item = link.childNodes[i];
            
            if(item.id ==  buttonID)
            {
                item.src = '/images/' + buttonIndex + '_mo.gif';
            }   
        
        }
    }
}

function ButtonImageMouseOut(index , link)
{
    if(index != selectedButtonIndex)
    {
    
        var buttonIndex = index + 1;
        var buttonID = 'page' + buttonIndex;
    
        for(var i = 0; i < link.childNodes.length ; i++)
        {
            var item = link.childNodes[i];
            
            if(item.id ==  buttonID)
            {
                item.src = '/images/' + buttonIndex + '.gif';
            }   
        
        }
    }
}

function showHide(index) 
{
	var outerDiv = document.getElementById('csswhatshot');
	var children = outerDiv.childNodes;
	
	selectedButtonIndex = index;

	//loop round the children and hide and show the divs
	var loopProductCount = 0;	
	
	for(var i = 0; i < children.length; i++)
	{
	    try
        {	

          if(children[i].length != '0')
	      {
		        var productDiv = children[i].childNodes[0];
				
		        if(productDiv.className == 'show' || productDiv.className == 'hide')
		        {
	
			        if(loopProductCount == index)
			        {
		    	        productDiv.className =  'show';
		    	        
		    	        //loop round the div
		    	        for(var j = 0; j < productDiv.childNodes.length ; j++)
		    	        {
		    	            var item = productDiv.childNodes[j];

		    	            if(item.className == 'pagination')
		    	            {
		    	                    //loop round the images and assign the correct highlighted color
		    	                    var buttonIndex = 0;
		    	                    
	    	                        for(var k = 0; k < item.childNodes.length ; k++)
	    	                        {
		    	                        try
		    	                        {
	    	                                var button = item.childNodes[k].childNodes[0];
	                                        var imageSrc = '/images/' + (buttonIndex + 1); + '_mo.gif';
	                                       
	                                        if(index == buttonIndex)
	                                           imageSrc += '_mo.gif';
	                                        else
	                                           imageSrc += '.gif';
	                                            
	                                        button.src = imageSrc;
	                                         
	                                        buttonIndex++;
		    	                        }
		    	                        catch(ex){}
		    	                }
		    	            }
		    	        }    
		    	        
		    	    }
			        else
			        {
            	        productDiv.className =  'hide';
                    }
                    
			        loopProductCount++;	
		        }
	      }
        }
        catch (ex)
        {
            
        }
	}	
}


function LoadShipping(){
    form1.submit();
}

function setMaxLength() {
	var x = document.getElementsByTagName('textarea');
	var counter = document.createElement('div');
	counter.className = 'counter';
	for (var i=0;i<x.length;i++) {
		if (x[i].getAttribute('maxlength')) {
			var counterClone = counter.cloneNode(true);
			counterClone.relatedElement = x[i];
			counterClone.innerHTML = '<span class="SmallText">0</span> <span class="SmallText">/ '+ x[i].getAttribute('maxlength') +  ' characters </span>';
			x[i].parentNode.insertBefore(counterClone,x[i].nextSibling);
			x[i].relatedElement = counterClone.getElementsByTagName('span')[0];
			x[i].onkeyup = x[i].onchange = checkMaxLength;
			x[i].onkeyup();
		}
	}
}

function checkMaxLength() {
	var maxLength = this.getAttribute('maxlength');
	var currentLength = this.value.length;
	if (currentLength > maxLength){
	    this.value = this.value.substring(0, maxLength)
		}
	this.relatedElement.firstChild.nodeValue = currentLength;
}