$(document).ready(function() {
	$('.box').removeClass('On'); $('.box').addClass('Off');
	$('.box').click(function() {
		if($(this).hasClass('On')){
			$(this).removeClass('On');
			$(this).addClass('Off');
		} else if($(this).hasClass('Off')){
			$(this).removeClass('Off');
			$(this).addClass('On');
		}
	});
});

/* Fix PNG (easier to read) */

var arVersion=navigator.appVersion.split("MSIE");
var version=parseFloat(arVersion[1]);
function fixPNG(o){
	if((version>=5.5)&&(version<7)&&(document.body.filters)){
		var Q=(o.id)?"id='"+o.id+"' ":"";
		var h=(o.className)?"class='"+o.className+"' ":"";
		var d=(o.title)?"title='"+o.title+"' ":"title='"+o.alt+"' ";
		var B="display:inline-block;"+o.style.cssText;
		var t="<span "+Q+h+d+" style=\""+"width:"+o.width+"px; height:"+o.height+"px;"+B+";"+"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"+"(src='"+o.src+"', sizingMethod='scale');\"></span>";o.outerHTML=t;
	}
}

/* SF Hover */

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);

/* Item Page Animation */
/*
function initAccordian() {
	var divObj = SC.$('bigDiv'), boxes;
	boxes = SC.filterByClass(SC.getByTag('div', divObj), 'box');

	for ( i=0; i<boxes.length; i++){
		SC.swapClass(boxes[i], 'On', 'Off');
	}

	function myFunc(ev) {
		var par = this.parentNode,
		cnt = SC.getByClass('content', par),
		myAnim = null;
		if (!par.isAnimating) { // fix me.
			par.isAnimating = true;
			if (SC.hasClass(par, 'Off')) {
				SC.swapClass(par, 'Off', 'On');
				if (cnt[0]) {
					myAnim = new SC.Anim(cnt[0], {
						dur:.5,
						styles: {
							height: {
								start: 0,
								end: cnt[0].offsetHeight
								
							}
						}
					});
					myAnim.run();
				}
			} else {
				if (cnt[0]) {
					myAnim = new SC.Anim(cnt[0], {
						cb: function() {
							SC.swapClass(par, 'On', 'Off');
				
						},
						dur:.5,
						styles: {
							height: {
								start: 0,
								end: cnt[0].offsetHeight
								
							}
						}
					});
					myAnim.reverse();
				}
			}
			par.isAnimating = false;
		}
	}
	
	boxes.forEach(function(el) {
		var titleBar = SC.getByClass('anchor', el);
		if (titleBar[0]){
			SC.addEvt(titleBar[0], 'click', myFunc);
		}
	});
}*/

function updateSKU() {
	var selValArr = [];
	var newArr = [];
	var tester;
	var orig = $(".skuSpan").text();
	var trig;
	
	$(".pit select").each( function() {
		$(this).attr("selectedIndex",0);
	});

	$(".pit select").each(function() {
		$(this).change(function() {
			trig = 0;
			$(".pit select").each(function() {
				if($(this).attr("selectedIndex") == 0) {
					$(".skuSpan").text(orig);
					trig += 1;
				}
			});
			
			if(trig == 0) {
				selValArr = [];
				newArr = [];
				$(".pit select").each( function() {
					selValArr.push($(this).val());
				});
				
				for(var i=0; i<selValArr.length; i++) {
					for(var j=0; j<compArr.length; j++) {
						for(var k=1; k<compArr[j].length; k++) {
							if(compArr[j][k] == selValArr[i]) {
								newArr.push(compArr[j][0]);
							}
						}
					}
				}
				
				newArr.sort();
				for(var m=0; m<newArr.length; m++) {
					if(newArr.length == 1) {
						tester = newArr[m];
					} else {
						if((newArr[m] == newArr[m + 1]) && (newArr[m + 1] != null)) {
							tester = newArr[m];
						}
					}
				}
				
				$(".skuSpan").text(tester);
			}
		});
	});
}

function forceOpts() {
	var count = 0;
	$("#product-info-table select").each(function() {
		if($(this).attr("selectedIndex") == 0) {
			count += 1;
		}
	});
	if(count > 0) {
		alert("Please select an option");
		return false;
	}
}
