//LoopYarn global javascript.
//using Prototype JavaScript framework, version 1.6.0.2

function buttonReplace(){
	var spans = $$('span.button');
	if(!Prototype.Browser.WebKit){
		for (var i = 0; i < spans.length; ++i) {
		  var item = spans[i];
		  if($(item).firstDescendant().match('input')){
			var b_name = $(item).firstDescendant().readAttribute('name');
			var b_onclick = $(item).firstDescendant().readAttribute('onclick');
			var b_type = $(item).firstDescendant().readAttribute('type');
			var b_value = $(item).firstDescendant().readAttribute('value');
			$(item).innerHTML = ('<button type="'+b_type+'" name="'+b_name+'" onclick="'+b_onclick+'" value="'+b_value+'">'+b_value+'</button>');
		  }
		}
	}else{
		for (var i = 0; i < spans.length; ++i) {
		  	var item = spans[i];
		  	if($(item).firstDescendant().match('input')){
		  		$(item).addClassName('safaributton');
		  		$(item).removeClassName('button');
		  	}
		}
	}
	if(Prototype.Browser.Gecko && !$('cartshell')){
		console.log('firefox');
		$$('a.button span, span.button button, span.button input, del.button span').each(function(s) {
			$(s).addClassName('firefoxspan');
		});
	}else if(Prototype.Browser.IE && !$('cartshell')){
		//alert('IE');
		$$('a.button span, span.button button, del.button span').each(function(s) {
			$(s).addClassName('iespan');
		});
	}
}


//IMAGE LOADER, PRELOADER, AND SWATCH CHANGER

var currentSwatch;
var key = new Array();

function preload(imgObj,imgSrc, imgId) {
	eval(imgObj+' = new Image()'); 
	eval(imgObj+'.src = "'+imgSrc+'"');
	$(imgId).observe('mouseover', chImg);
	$(imgId).observe('click', selectSwatch);
	$(imgId).observe('mouseout', defImg);
	Effect.Appear(imgId, {
		duration: 1,
		from: .4,
		to: 1
	});
}

function chImg(event) {
  	if(!Object.isElement(event)){ var element = Event.element(event); } else { var element = event; }
  	var eObjId   = 'obj' + $(element).readAttribute('id');

  	$('detailImage').src = eval(eObjId + '.src');
}

function defImg(event) {
	var eObjId   = 'obj' + currentSwatch.readAttribute('id');
	$('detailImage').src = eval(eObjId + '.src');	
}

function dropdown(event) {
	var options = $$('#ProductID option');
	var thisimage = $($('ProductID').options[$('ProductID').options.selectedIndex].value);
	selectSwatch(thisimage);
	if(!$('imageThumbs').hasClassName('displaynone')){
		chImg(thisimage);
	}
}

function imageLoader(){
	if($('imageThumbs')){
		$('ProductID').observe('change', dropdown);
		//Get keys
		var options = $$('#ProductID option');
		options.each(function(item) {
			key.push(item.value);
		});
		currentSwatch = $($('ProductID').options[$('ProductID').options.selectedIndex].value);
		currentSwatch.addClassName('thumbSelected');
		selectInfo(currentSwatch);
		if(!$('imageThumbs').hasClassName('displaynone')){
			//Thumbs
			//gray out
			$$('ul#imageThumbs img').each(function(s) {
				Effect.Fade(s, {
					duration:0,
					to: 0.4
				});
			});
			//load image
			$$('ul#imageThumbs img').each(function(s) {
				if($(s).readAttribute('alt')){
					var sPath 	= '' + $(s).readAttribute('alt');
					var sObjId	= 'obj' + $(s).readAttribute('id');
					var sId		= $(s).readAttribute('id');
					preload(sObjId, sPath, sId);
				}
			});
			var eObjId   = 'obj' + currentSwatch.readAttribute('id');
			$('detailImage').src = eval(eObjId + '.src');
  		}
	}
}

function selectSwatch(event){
	if(!Object.isElement(event)){ var element = Event.element(event); } else { var element = event; }
	if(currentSwatch){
		currentSwatch.removeClassName('thumbSelected');
	}
	if(!Object.isElement(event)){ currentSwatch = Event.element(event); } else { currentSwatch = event; }	
	element.addClassName('thumbSelected');
	var thiskey = key.indexOf(element.id);
	$('ProductID').options[thiskey].selected = true;
	selectInfo(element);
}

function selectInfo(element){
	var rels = element.readAttribute("rel").split(",");
	$('selector').down(0).innerHTML = rels[0];
	$('selector').down(1).innerHTML = rels[1];
	if(!rels[2].endsWith('0')){
		rels[2] += '0';
	}else if(rels[2].endsWith('.')){
		rels[2] += '00';
	}
	$('selector').down(2).innerHTML = "$"+rels[2];
}




function fieldValue(id,value){
	if($(id).value.length == 0){
		$(id).value = value;
	}
}

function fieldFocus(id,value){
	if($(id).value == value){
		$(id).value = "";
	}
}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);



//INIT

//FastInit.addOnLoad(buttonReplace, imageLoader);