/* Tips 1 */
function setupToolTips(){
	var tooltip = new Tips($$('.Tips'));
}


var itemSelectorScroll;

function copyInvoiceDetails(){
	$('OrderDeliveryName').value = $('OrderInvoiceName').getValue();
	$('OrderDeliveryAddress').value = $('OrderInvoiceAddress').getValue();
	$('OrderDeliveryPostcode').value = $('OrderInvoicePostcode').getValue();
	$('OrderDeliveryCountry').value = $('OrderInvoiceCountry').getValue();
}

function setupItemScroll(){
	if ($('item-selector')){
		itemSelectorScroll = new Scroller('item-selector', {area: 150, velocity: 0.2});
		var is = $('item-selector')
		is.addEvent('mouseover', itemSelectorScroll.start.bind(itemSelectorScroll));
		is.addEvent('mouseout', itemSelectorScroll.stop.bind(itemSelectorScroll));
		
		is.style.overflow = "hidden";
		$('item-selector-scroll').style.width = $('item-selector-scroll-internal').getSize().size.x + "px";
		
		// now scroll to the selected item:
		
	}
}

  
    function selectReplacement(obj) {
      obj.className += ' replaced';
      var ul = document.createElement('ul');
      ul.className = 'selectReplacement';
ul.id = 'sizeSelect';
      var opts = obj.options;
      for (var i=0; i<opts.length; i++) {
        var selectedOpt;
        if (opts[i].selected) {
          selectedOpt = i;
          break;
        } else {
          selectedOpt = 0;
        }
      }
      for (var i=0; i<opts.length; i++) {
        var li = document.createElement('li');
        var txt = document.createTextNode(opts[i].text);
        li.appendChild(txt);
        li.selIndex = opts[i].index;
        li.selectID = obj.id;
        li.onclick = function() {
          selectMe(this);
        }
        if (i == selectedOpt) {
          li.className = 'selected';
          li.onclick = function() {
            this.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            }
          }
        }
        if (window.attachEvent) {
          li.onmouseover = function() {
            this.className += ' hover';
          }
          li.onmouseout = function() {
            this.className = 
              this.className.replace(new RegExp(" hover\\b"), '');
          }
        }
        ul.appendChild(li);
      }
      obj.parentNode.insertBefore(ul,obj);
	$('sizeSelect').className += " abs";
    }

    function selectMe(obj) {
      var lis = obj.parentNode.getElementsByTagName('li');
      for (var i=0; i<lis.length; i++) {
        if (lis[i] != obj) {
          lis[i].className='';
          lis[i].onclick = function() {
            selectMe(this);
          }
        } else {
          setVal(obj.selectID, obj.selIndex);
          obj.className='selected';
          obj.parentNode.className = 
            obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
          obj.onclick = function() {
            obj.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            }
          }
        }
      }
    }

    function setVal(objID, selIndex) {
      var obj = document.getElementById(objID);
      obj.selectedIndex = selIndex;
    }

    function setForm() {
      var s = document.getElementsByTagName('select');
      for (var i=0; i<s.length; i++) {
        selectReplacement(s[i]);
      }
    }

	function startList() {
		if (document.all && document.getElementById) {
	        navRoot = document.getElementById("collectionNav");
	        for (i = 0; i < navRoot.childNodes.length; i++) {
	            node = navRoot.childNodes[i];
	            if (node.nodeName == "LI") {
	                node.onmouseover = function () {this.className += " over";};
	                node.onmouseout = function () {this.className = this.className.replace(" over", "");};
	            }
	        }
	    }
	}

function rollOver(e){
	if (e.srcElement){
		e.srcElement.src = e.srcElement.src.replace(".jpg","_on.jpg");
	}else{
		e.target.src = e.target.src.replace(".jpg","_on.jpg");
	}
	
}

function rollOut(e){
	if (e.srcElement){
		e.srcElement.src = e.srcElement.src.replace("_on.jpg",".jpg");
	}else{
		e.target.src = e.target.src.replace("_on.jpg",".jpg");
	}
}

function rollOverSetup(){
	$ES("img", "nav").each(function(el){
 		el.addEvent("mouseover",rollOver);
 		el.addEvent("mouseout",rollOut);
	});
	
	$ES("li ul li img", "collectionNav").each(function(el){
 		el.addEvent("mouseover",rollOver);
 		el.addEvent("mouseout",rollOut);
	});
}



window.addEvent('domready', function() {
	rollOverSetup();
	setupItemScroll();
//	setupToolTips();
	startList();
});