function clearField(field) {
    if (field.value.substring(0, 3) == "***")
        field.value = ""
}


function addCompare(productid, categoryid,parentcategoryid,checkboxid,checked, image, title, checked) {

    var ret;
    ret = document.getElementById("ImbAddRemoveClientId");
    var hiddenBox;
    var actualBox;
    var hiddenCatid;
    var hiddenParentId;

    hiddenBox = document.getElementById("CompareProductIdClientId");
    hiddenCatid = document.getElementById("CompareCategoryIdClientId");
    hiddenParentId = document.getElementById("CompareParentCategoryIdClientId");
    if (hiddenBox != null) {
        actualBox = document.getElementById(hiddenBox.value);
        if (actualBox) {
            actualBox.value = productid;
        }
    }
    if (hiddenCatid != null) {
        actualBox = document.getElementById(hiddenCatid.value);
        if (actualBox) {
            actualBox.value = categoryid;
        }
    }
    if (hiddenParentId != null) {
        actualBox = document.getElementById(hiddenParentId.value);
        if (actualBox) {
            actualBox.value = parentcategoryid;
        }
    }

    var chkbox = document.getElementById(checkboxid);

    if (chkbox) {
        if (checked == '') {
            if (chkbox.checked == true) {

                chkbox.checked = false;
            }
            else {

                chkbox.checked = true;
            }
        }

    }

var compareErrorClientId = document.getElementById("compareErrorClientId");
if(compareErrorClientId)
{
compareErrorClientId.value = checkboxid
}

 
    var service = new Buy4Now.Shop4NowGM.UserControls.Product.Comparison.Comparison;

    service.AddProduct(productid, categoryid,parentcategoryid,checkboxid,checked, image, title,successCompare); 
   // __doPostBack('ctl00__mainpageContent__productFamilyListingView__listingUpdatePanel', '');
    
   
}
function successCompare(result, context) {

    var table = document.getElementById('CompareBarDiv');



    table.innerHTML = result;
    if(result.toString().indexOf("compareerror") > 0)
    {
    var checkboxid;
var compareErrorClientId = document.getElementById("compareErrorClientId");
if(compareErrorClientId)
{
checkboxid = compareErrorClientId.value 
}

    
    var chkbox = document.getElementById(checkboxid);
    if(chkbox)
    {
    chkbox.checked=false;
    }
    }
}
function onFailure(result) {
    alert(result);
}
function numCharLeft(input, counter, maxChars) {
    var numChars = input.value.length;

    if (numChars > maxChars) {
        input.value = input.value.substring(0, maxChars);
        counter.value = '0 left';
    }
    else {
     
        counter.value = (maxChars - numChars) + ' left';
    }
}

function hideModal(modalId) {
    $find(modalId).hide();
}
function showModal(modalId) {
    $find(modalId).show();
}
function hideElement(e) {
    var element = document.getElementById(e);
    element.style.display = "none";
}

function openfgp() {
    $find("_forgottenPasswordPopup").show();
}
function closefgp() {
    $find("_forgottenPasswordPopup").hide();
}

function openrp() {
    $find("_reviewPopupExtender").show();
}
function closerp() {    
    $find("ctl00__mainpageContent_ProductFamilyDetailsView1__reviewProduct__reviewPopupExtender").hide();    
}
function openspp() {
    
    if ($find("_addServicePlanModalPopup") != null) {
        $find("_addServicePlanModalPopup").show();
    }
}
function closespp() {
    $find("_addServicePlanModalPopup").hide();
}
function openespp() {
    $find("_editWarrantyPopupExtender").show();
}
function closeespp() {
    $find("_editWarrantyPopupExtender").hide();
}

function openwp() {

    var ret = document.getElementById("extralargeImageClientId");

    var largeImage = document.getElementById(ret.value);

    GenericSetExtraLargeImageName();


    if (largeImage.src.indexOf('spinner.gif') < 0) {
  
        var ret2 = document.getElementById("enlargeImagePopupClientId");
        var image = document.getElementById(ret2.value);
  
        image.src = largeImage.src;
    }
    
    $find("_enlargeImagePopupExtender").show();
    
}
function closewp() {
    $find("_enlargeImagePopupExtender").hide();
}
function openwf() {
    $find("_TellAFriendModalPopup").show();
}
function closewf() {
    $find("_TellAFriendModalPopup").hide();
}
//show hide select - fix for ie6 (maybe else browsers)
function ComboBoxShow(v) {
    var e = document.getElementsByTagName('select');
    if (e != null) {
        for (var i = 0; i < e.length; i++) e[i].style.visibility = v;
    }
}

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]; }
}

function clearField(field) {
    var fieldContent = field.value;

    if (fieldContent.substring(0, 5) == "Enter") {
        field.value = ""
    }
}

function hookEvent(element, eventName, callback)
{
	if(typeof(element) == "string") element = document.getElementById(element);
	if(element == null)	return;
	
	if(element.addEventListener)
	{
		if(eventName == 'mousewheel')
			element.addEventListener('DOMMouseScroll', callback, false);  

		element.addEventListener(eventName, callback, false);
	}
	else if(element.attachEvent) element.attachEvent("on" + eventName, callback);
}

function unhookEvent(element, eventName, callback)
{
	if(typeof(element) == "string")	element = document.getElementById(element);
	if(element == null)	return;
	
	if(element.removeEventListener)
	{
		if(eventName == 'mousewheel')
		    element.removeEventListener('DOMMouseScroll', callback, false);  

		element.removeEventListener(eventName, callback, false);
	}
	else if(element.detachEvent) element.detachEvent("on" + eventName, callback);
}



function cancelEvent(e)
{
	e = e ? e : window.event;

	if(e.stopPropagation) e.stopPropagation();
	if(e.preventDefault)  e.preventDefault();

	e.cancelBubble = true;
	e.cancel = true;
	e.returnValue = false;

	return false;
}

function disableMouseWheel(e)
{
	e = e ? e : window.event;
	var wheelData = e.detail ? e.detail * -1 : e.wheelDelta / 40;
	
	return cancelEvent(e);
}

function jumpToElement(id)
{
	var elem = document.getElementById(id);
	if (elem == null) return;
	
	var posX = 0;
	var posY = 0;
	
	if (elem.offsetParent)
	{
		while (elem != null)
		{
			posX += elem.offsetLeft;
			posY += elem.offsetTop;
			elem = elem.offsetParent;
		}
	}
	else if(elem.y)
	{ 
		posX += elem.x;
		posY += elem.y;
	}
	
	window.scrollTo(0, posY);
}

function sortBy(dropdownId, hiddenId) {
    var dropdown = document.getElementById(dropdownId);

    document.getElementById(hiddenId).value = dropdown.options[dropdown.selectedIndex].value;

}


var bannerList = new Array();
var bannerListIDs = new Array();

function bannerDisplay(pos, currId) 
{
	currId++;
	if (bannerList[pos][currId])
	{
		document.getElementById(bannerListIDs[pos][0]).innerHTML = bannerList[pos][currId][1];
		setTimeout("bannerDisplay('" + pos + "', " + currId + ")", bannerList[pos][currId][0]);
	} 
	else if (bannerList[pos][0])
	{
		document.getElementById(bannerListIDs[pos][0]).innerHTML = bannerList[pos][0][1];
		if (bannerList[pos][1])
		{
			setTimeout("bannerDisplay('" + pos + "', -1)", bannerList[pos][0][0]);
		}
	}
}

function bannerDisplayStart()
{
	for(var pos in bannerListIDs)
	{
		if (bannerListIDs[pos][1] != 1 && bannerListIDs[pos].length > 1)
		{
			setTimeout("bannerDisplay('" + pos + "', 0)", bannerList[pos][0][0]);
		}
	}
}

function HTMLPopup(path, width, height) {
    var numberForms = document.forms.length, formIndex = 0, cformIndex = 0;
    if (numberForms > 1) {
        for (formIndex = 0; formIndex < numberForms; formIndex++) {
            if (!(document && document.forms[formIndex] && document.forms[formIndex].b4nfindform)) {
            }

            else {
                cformIndex = formIndex;
            }
        }
    }

    window.open(path, "", 'dependent=1,height=' + height + ',width=' + width
                    + ',titlebar=no,toolbar=0,resizable=0,left=100,top=150,scrollbars=1');
}

function HTMLContentPopup(path) {
    var width, height;
    width = 650;
    height = 400;
    var numberForms = document.forms.length, formIndex = 0, cformIndex = 0;
    if (numberForms > 1) {
        for (formIndex = 0; formIndex < numberForms; formIndex++) {
            if (!(document && document.forms[formIndex] && document.forms[formIndex].b4nfindform)) {
            }

            else {
                cformIndex = formIndex;
            }
        }
    }

    window.open(path, "", 'dependent=1,height=' + height + ',width=' + width
                    + ',titlebar=no,toolbar=0,resizable=0,left=100,top=100,scrollbars=1');
}

function showsecurityhelp()	{window.open("contentpopup.aspx?loc=CHECKOUT&subloc=CCV","","dependent=1, titlebar=0, toolbar=0, resizable=0, width=500, height=550");}

function CheckForEnterKey(inputbutton, evt) {

	var key; var newkey; var obj;var nkey; var tempkeyword; var rExp; var netscapekey;
	
	if (navigator.appName == 'Netscape') { netscapekey = evt.which ;key = netscapekey; }
	else { key = window.event.keyCode; } 

	if (key == 13) 
	{
		if (navigator.appName == 'Netscape')
		{evt.cancelBubble = true;evt.returnValue = false;}
		else
		{event.cancelBubble = true;event.returnValue = false;}

		var ret=null; ret=document.getElementById(inputbutton);

		if(ret) 
		{ 
			///ret.focus();
			ret.click();
		} 
	} 
}

function CheckTextAreaLength(textBox, maxlength)
{
    var textarea = document.getElementById(textBox);
    
    if(textarea.value.length > maxlength)
    {
        textarea.value = textarea.value.substring(0, maxlength);
    }
}


function ResetValidation(hiddenTextBox)
{
    var hiddenText = document.getElementById(hiddenTextBox);
    hiddenText.value = "0";
}

function BeginRequestHandler(sender, args)
{
	funcChange('hidden');
}

function EndRequestHandler(sender, args)
{                    
	funcChange('visible'); 
          
}

function funcChange(strdisplay)
{
	var node_list = document.getElementsByTagName('select');
	for (var i = 0; i < node_list.length; i++) {
		var node = node_list[i];
		node.style.visibility = strdisplay; 
	}  
}

function EnableButtons(strdisplay)
{
	var node_list = document.getElementsByName(strdisplay);
	for (var i = 0; i < node_list.length; i++) {
		node_list[i].style.visibility = 'visible'; 
	}
}

function StartScript()
{
    bannerDisplayStart();
}

/*
function UpdateMiniBasket(quantity, basketcost) {    
    var items;
    items = document.getElementById('ctl00__miniCartControl__itemCountLabel');
    if (items == null) {
        items = document.getElementById('ctl00:miniCartControl:itemCountLabel');
    }
    if (items != null) {
        items.innerHTML = "Items : " +  quantity;
    }
    var cost;
    cost = document.getElementById('ctl00__miniCartControl__basketTotalLabel');
    if (cost == null) {
        cost = document.getElementById('ctl00:miniCartControl:basketTotalLabel');
    }
    if(cost != null)
    {
    cost.innerHTML = "Total : " + basketcost;
    }
}
*/
//This function requires that the css classes have the word 'On' to signify the on button so it's not great.
function toggleTabs(name, id) {
    var control = document.getElementsByName(name);
    for (var index = 0; index < control.length; index++) {
        if (control[index].getAttribute("id") == id) {
            if (control[index].className.indexOf("On") < 0) {
                control[index].className = control[index].className + "On";
            }
        }
        else {
            if (control[index].className.indexOf("On") > 0) {
                control[index].className = control[index].className.substr(0, control[index].className.indexOf("On"));
            }
        }
    }
}

function showpanel(id) {

    var ret;   
    var panel1id = document.getElementById("panel1clientid");
    var panel2id = document.getElementById("panel2clientid");
    var panel3id = document.getElementById("panel3clientid");
    var panel4id = document.getElementById("panel4clientid");
    
    var panel1 = document.getElementById(panel1id.value);
    var panel2 = document.getElementById(panel2id.value);
    var panel3 = document.getElementById(panel3id.value);
    var panel4 = document.getElementById(panel4id.value);

    if (panel1 != null) {
        panel1.style.display = 'none';
    }
    if (panel2 != null) {
        panel2.style.display = 'none';
    }
    if (panel3 != null) {
        panel3.style.display = 'none';
    }
    if (panel4 != null) {
        panel4.style.display = 'none';
    }
           
    if (id == "1" && panel1 != null) {
        panel1.style.display = 'block';
    }
    else if (id == "2" && panel2 != null) {
        panel2.style.display = 'block';
    }
    else if (id == "3" && panel3 != null) {
        panel3.style.display = 'block';
    }
    else if (id == "4" && panel4 != null) {
        panel4.style.display = 'block';
    }

}