$(document).ready(function() {
    $("li.qtyScrollerRow").click(function(event) {
        selectQtyRdo(this, true);
    });

    $("li.materialScrollerRow").click(function(event) {
        selectMaterialRdo(this);
    });
});

function openDetail(page){		
	window.open(page,"thisName", "directories=0,height=300,width=325");
}


var js;

function MaterialChanged() {
    var productName = GetSelectedProduct();
	
	SetShippingCalcMaterial();
	
	if (productName == '0')
	    return;

	var imagesGenerated = document.getElementById('ctrlImagesGenerated').value;
	var bIsCustom = imagesGenerated == 1 ? 0 : 1;
	
	js = document.createElement('script');
	js.type = 'text/javascript';
	js.src = '/Products/GetPricingJS5.aspx?ProductName=' + productName + '&IsCustom=' + bIsCustom;
	
	var head = document.getElementsByTagName('head')[0];
	head.appendChild(js);
}

function SetShippingCalcMaterial() {
    var productName = GetSelectedProduct();
	var shippingCalcProduct = (productName != '0') ? productName : document.getElementById('ctrlProductCategory').value;
   
    var lnkShippingCalculator = document.getElementById('lnkShippingCalculator')
    var url = lnkShippingCalculator.href;
    
	var startIndex = url.indexOf('Product=');
	var endIndex = url.indexOf('&', startIndex);
	
    url = url.substring(0, startIndex) + 
            'Product=' + shippingCalcProduct + 
            url.substring(endIndex, url.length);
            
    lnkShippingCalculator.href = url;
}

function SetShippingCalcQty() {
	var quantity = GetSelectedQty();
	
    var lnkShippingCalculator = document.getElementById('lnkShippingCalculator')
    var url = lnkShippingCalculator.href;
    
    var startIndex = url.indexOf('Qty=');
	var endIndex = url.indexOf('\'', startIndex);
	
    url = url.substring(0, startIndex) + 
            'Qty=' + quantity + 
            url.substring(endIndex, url.length);
            
    lnkShippingCalculator.href = url;
}

function RemovePricingJS() {
	delete prices;
	
	var head = js.parentNode;
	
	if (head)
	    head.removeChild(js);
	    
	delete js;
}

var isIE6 = false;
if (typeof document.addEventListener != 'function') isIE6 = true;

function showPromise() {
	if (isIE6 == true) {
		document.getElementById('ourPromiseIframe').style.top = getScrollY() + 70 +'px';
		document.getElementById('ourPromiseIframe').style.display = 'block';
	}
	document.getElementById('ourPromisePopup').style.top = getScrollY() + 50 +'px';
    document.getElementById('ourPromisePopup').style.display = 'block';
    document.getElementById('ourPromiseShadow').style.top = getScrollY() + 35 +'px';
    document.getElementById('ourPromiseShadow').style.display = 'block';  
}

function hidePromise() {
	if (isIE6 = true) {
		document.getElementById('ourPromiseIframe').style.display = 'none';
	}
		document.getElementById('ourPromisePopup').style.display = 'none';	
	     document.getElementById('ourPromiseShadow').style.display = 'none';  
}			

function getScrollY()
{
	var scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		//NS
		scrOfY = window.pageYOffset;
	} 
	else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
	} 
	else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
	}
	return scrOfY;
}

var timeoutID;

var stateOn = "on";
var stateOff = "off";

function materialHover (mat, state, lnk) {
    clearTimeout(timeoutID);

    if (typeof (matInfo) == 'undefined') {
        return;
    }

	var div = document.getElementById('materialInfoHover');
	var	divContainer = document.getElementById('materialScrollerBox');
	var text = document.getElementById('materialInfoTxt');

	if (state == 'off') { 
		if (isIE6 == true) document.getElementById('materialInfoIframe').style.display = 'none';
		div.style.display = 'none';
        text.innerHTML = '';
	}
	if (state == 'on') {
		var f = function() {
			if (isIE6 == true) document.getElementById('materialInfoIframe').style.display = 'block';
			
			div.style.top = FindPosY(lnk) - divContainer.scrollTop + 25 + 'px';		
			div.style.left = FindPosX(lnk) - 0 + 'px';
			text.innerHTML = matInfo[mat].desc;
			div.style.display = 'block';
		}
		timeoutID = setTimeout(f, 500);		
	}
}

function selectMaterialRdo(li) {
	var rdoName = li.id.replace('li', 'rdo');
	var rdo = document.getElementById(rdoName);
	rdo.checked = true;

	//background color on li
	
	var liArray = document.getElementsByTagName("li");
	for (var i=0; i<liArray.length; i++) {
		if (liArray[i].className.indexOf("materialScrollerRow") == 0) liArray[i].style.background = "#f9f9f9"; 
	}
	li.style.background = '#fff2be';

	// using setTimeout fixes issue with AJAX not always working
	setTimeout('MaterialChanged();', 0);
	setTimeout('Availability();', 0);
}

function FindPosY(obj)
{
	var curtop = 0;  
	if (obj.offsetParent) {
		while(true) {
			curtop += obj.offsetTop;
			if (!obj.offsetParent)
				break;
			obj = obj.offsetParent;
		}
	}
	else if(obj.y) {
		curtop += obj.y;
	}		   
	return curtop;
}

function FindPosX(obj)
{
    var curleft = 0; 
    if (obj.offsetParent) {
        while(true) {
            curleft += obj.offsetLeft;
            if(!obj.offsetParent)
                break;
            obj = obj.offsetParent;
        }
    }
    else if(obj.x) {
        curleft += obj.x;
    }
    return curleft;
}

function showMaterialSort(){
	document.getElementById('materialSorter').style.display = 'block';
}

function hideMaterialSort(){
	document.getElementById('materialSorter').style.display = 'none';
}

function GetSelectedProduct() {
    var rdoBtns = document.getElementsByTagName("input");
    for (var i = 0; i < rdoBtns.length; i++)
        if (rdoBtns[i].name == "rdoMaterial" && rdoBtns[i].checked)
            return rdoBtns[i].value;

    return '0';
}

function GetSelectedMatCode() {
    var rdoBtns = document.getElementsByTagName("input");
    for (var i = 0; i < rdoBtns.length; i++)
        if (rdoBtns[i].name == "rdoMaterial" && rdoBtns[i].checked)
            return rdoBtns[i].id.substr(rdoBtns[i].name.length);

    return '';
}

function GetAllowCustomQty() {
    var matCode = GetSelectedMatCode();
    var lblAllowCustomQty = document.getElementById("lblAllowCustomQty" + matCode);

    return lblAllowCustomQty.value;
}

function GetMinOrderQty() {
    var matCode = GetSelectedMatCode();
    var lblMinOrderQty = document.getElementById("lblMinOrderQty" + matCode);
    if (matCode == '') {
        return 0;
    }
    return lblMinOrderQty.value;
}

function isInteger(s) {
    return (s.toString().search(/^-?[0-9]+$/) == 0);
}

function addCommas(nStr) {
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

function submitOnKeydown(buttonid, e) {
    var btn = document.getElementById(buttonid);

    if (typeof btn == 'object') {
        if (e.keyCode == 13) {
            btn.focus();
            return false;
        }
    }
}

function HideInfo() {
    document.getElementById('item-added-wrapper').style.display = 'none';
    document.getElementById('btnAddCart').style.display = 'inline';
    document.getElementById('imgProcessing').style.display = 'none';
}


function UpdatePopup(MatDesc, ItemQty, ItemType, ItemPrice, TotalQty, SubTotal, ShowLinks) {
    
    document.getElementById('PopupMaterialDescription').innerHTML = MatDesc;
    document.getElementById('PopupItemQuantity').innerHTML = ItemQty;
    document.getElementById('PopupItemType').innerHTML = ItemType;
    document.getElementById('PopupItemPrice').innerHTML = ItemPrice;
    document.getElementById('NumItemsCart').innerHTML = TotalQty;
    document.getElementById('TotalCart').innerHTML = SubTotal;

    if (ShowLinks == 0) {
        document.getElementById('liLinks').setAttribute('class','DisplayNone');
    } else {
    document.getElementById('liLinks').setAttribute('class', 'DisplayImage');
    }
    
    
    var divWrapper = document.getElementById('item-added-wrapper');
//    divWrapper.style.right = FindPosX(document.getElementById('selectMaterialBoxHeader')) - (parseInt(divWrapper.style.width.replace('px','')) / 2) + 'px';
    divWrapper.style.top = (getScrollY()) + 180 + 'px';
    divWrapper.style.display = 'block';
    
    var iTest = parseInt(document.getElementById('hdTest').value);
    iTest += 1;
    document.getElementById('hdTest').value = iTest;
    
    setTimeout('RemoveAddToCart();', 0);
}

function RemoveAddToCart() {
    var headCart = jsCart.parentNode;

    if (headCart) {
        headCart.removeChild(jsCart);
    }

    delete jsCart;
}

function AddToCartTest(){
    var sUserAgent = navigator.userAgent.toLowerCase();
    
    //SiteSpect event when item added to cart
    try{SS.EventTrack.rp('addCart'); }
	catch(err) { }
   
    if ((sUserAgent.indexOf('safari') >= 0) && (sUserAgent.indexOf('chrome') < 0)){
        document.getElementById('form3').submit();
    }else{
        AddToCart();     
    }  
}


function OverStockOptions(val){
    if (val.length > 0){
        window.location.href = 'https://Secure.OnlineLabels.com/Cart/OverstockOptions.aspx' + val;
    }
    
    setTimeout('RemoveAddToCart();', 0);
}

function GoToCart(){
	HideInfo();
	setTimeout("window.location.href = '" + secureURL + "/Cart/ViewCart.aspx';", 0);
}

function toggleUnitOfMeasure(uom) {
    defaultState();

    var btnDecimals = document.getElementById('btnDecimals');
    var btnFractions = document.getElementById('btnFractions');
    var btnMetric = document.getElementById('btnMetric');
    var btnDecimalsQuick = document.getElementById('btnDecimalsQuick');
    var btnFractionsQuick = document.getElementById('btnFractionsQuick');
    var btnMetricQuick = document.getElementById('btnMetricQuick');
    var innerContentLarge = document.getElementById('innerContentLarge');
    var innerContentFracLarge = document.getElementById('innerContentFracLarge');
    var innerContentMetricLarge = document.getElementById('innerContentMetricLarge');
    var titleMetric = document.getElementById('titleMetric');
    var titleFraction = document.getElementById('titleFraction');
    
    switch (uom) {
        case 2: //fractions
            if (btnFractions) btnFractions.style.display = "none";
            if (btnFractionsQuick) btnFractionsQuick.style.display = "none";
            if (innerContentFracLarge) innerContentFracLarge.style.display = "block";
            if (titleFraction) document.title = titleFraction.innerHTML;
            break;
        case 3: //metric
            if (btnMetric) btnMetric.style.display = "none";
            if (btnMetricQuick) btnMetricQuick.style.display = "none";
            if (innerContentMetricLarge) innerContentMetricLarge.style.display = "block";
            if (titleMetric) document.title = titleMetric.innerHTML;
            break;
        default: //decimals
            if (btnDecimals) btnDecimals.style.display = "none";
            if (btnDecimalsQuick) btnDecimalsQuick.style.display = "none";
            if (innerContentLarge) innerContentLarge.style.display = "block";
    }

}

function defaultState() {
    var btnDecimals = document.getElementById('btnDecimals');
    var btnFractions = document.getElementById('btnFractions');
    var btnMetric = document.getElementById('btnMetric');
    var btnDecimalsQuick = document.getElementById('btnDecimalsQuick');
    var btnFractionsQuick = document.getElementById('btnFractionsQuick');
    var btnMetricQuick = document.getElementById('btnMetricQuick');
    var innerContentLarge = document.getElementById('innerContentLarge');
    var innerContentFracLarge = document.getElementById('innerContentFracLarge');
    var innerContentMetricLarge = document.getElementById('innerContentMetricLarge');

    if (btnDecimals) { btnDecimals.style.display = "list-item"; }
    if (btnFractions) { btnFractions.style.display = "list-item"; }
    if (btnMetric) { btnMetric.style.display = "list-item"; }
    if (btnDecimalsQuick) { btnDecimalsQuick.style.display = "list-item"; }
    if (btnFractionsQuick) { btnFractionsQuick.style.display = "list-item"; }
    if (btnMetricQuick) { btnMetricQuick.style.display = "list-item"; }
    if (innerContentLarge) { innerContentLarge.style.display = "none"; }
    if (innerContentFracLarge) { innerContentFracLarge.style.display = "none"; }
    if (innerContentMetricLarge) { innerContentMetricLarge.style.display = "none"; }

}