// JScript File

function modalWindow(url, name)
{
    //ShowModalDialog is only available in IE, not firefox. 
   if (window.showModalDialog) 
   {
        window.showModalDialog(url,name,
        "dialogWidth:255px;dialogHeight:250px");
   } 
   else 
   {
        window.open(url, name, 
        'height=255,width=250,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes');
   }

}
var windowImage="";
function openImagePicker(htmlFormElementId, imageDir, buttonId)
{
    if (buttonId == undefined)
    {
         var iUrl = "Admin/ImagePicker2.aspx?ReturnMethod=FormElement&Element=" + htmlFormElementId + "&TargetFolder=" + imageDir; 
    }
    else
    {   
         var iUrl = "Admin/ImagePicker2.aspx?ReturnMethod=FormElement&Element=" + htmlFormElementId + "&TargetFolder=" + imageDir + "&Button=" +buttonId; 
    }
    if(windowImage.closed == false){
    windowImage.focus();    
    }else{
    windowImage = window.open(iUrl ,"ImagePicker","toolbar=no,status=no,scrollbars=no,resizable=yes,width=650,height=500");
    } 
}

//HeaderImage Java

function ShowDiv(DivName)
    {
     var mDiv = document.getElementById(DivName);
     //alert(DivName); 
     var str = "" +window.location;
     var pos=str.indexOf("PageCache")
        if (pos>=0)
        {
            mDiv.style.visibility = "visible";
        }    
        
    }
     function CloseDiv(DivName)
    {
     var mDiv = document.getElementById(DivName);
     //alert(div); 
     mDiv.style.visibility = "hidden";   
    }
    var windowImage="";
   function openImagePicker2(htmlFormElementId, imageDir, buttonId)
    {
        if (buttonId == undefined)
        {
             var iUrl = "../ImagePicker2.aspx?ReturnMethod=FormElement&Element=" + htmlFormElementId + "&TargetFolder=" + imageDir; 
        }
        else
        {   
             var iUrl = "../ImagePicker2.aspx?ReturnMethod=FormElement&Element=" + htmlFormElementId + "&TargetFolder=" + imageDir + "&Button=" +buttonId; 
        }
        if(windowImage.closed == false){
        windowImage.focus();    
        }else{
        windowImage = window.open(iUrl ,"ImagePicker","toolbar=no,status=no,scrollbars=no,resizable=yes,width=650,height=500");
        } 
    }

function allValidatorsValid()
{
    //if there are no validators on the page, return true.
    if (Page_Validators == null)
    {   
       return true;
    }
    //go through validators
    var isValid = true;
    for (var i=0; i<Page_Validators.length; i++)
    {
        var validator = Page_Validators[i];
        if (!validator.isvalid)
        {
            alert("invalid");
            var validateControl = document.getElementById(validator.controltovalidate);
            validateControl.className = "invalidTD";
            
            var validatorTD = validateControl.parentElement;
            validatorTD.className = "invalidTD";
            
            isValid = false;
        }
    }
    return isValid;
}

function preloadImages(input){
    if (input.length>0){
        if(input.indexOf(",")>0){
        ImgItems = input.split(",");
        alert(ImgItems)
            for(i=0;i<ImgItems.length;i++){
            preloadThis(ImgItems[i]);
            }
        }
    }else{
        preloadThis(input)
    }
}

function preloadThis(x){
    img = new Image();
    img.src = "images/" + x;
}

function preloadDefaultImages(){
preloadImages("backg.gif","menu,gif","menu_o.gif","menu_bg.gif");
}

function clickButton(e, buttonid,ignore){
var bt = document.getElementById(buttonid)
    if (typeof bt == 'object'){
        if(navigator.appName.indexOf("Netscape")>(-1)){
            if (e.keyCode == 13){ 
                if(ignore){
                    return false
                }else{
                     bt.click()
                     return false
                }
            }
        } 
        if (navigator.appName.indexOf("Microsoft Internet Explorer")>(-1)){
            if (event.keyCode == 13){
                if(ignore){
                    return false
                }else{
                    bt.click()
                    return false
                }
            } 
        } 
     } 
 } 
 
 function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}


function ShowProduct(obj, productPageUrl, colour, panelid) {    
    
    //1. Grab the productId and productSkuId from the obj parameter
    var productSkuId = obj.match(/[_]\d+/).toString();
    productSkuId = productSkuId.substr(1, productSkuId.length);
    
    var productId = obj.match(/\d+[_]/).toString();
    productId = productId.substr(0, productId.length-1);
    
    //2. Find the elements that we require
    var productImageLink = document.getElementById('ProductImageLink_'+productId+panelid);
    
    var productImage = document.getElementById('Product_'+productId+panelid);
    var productImageUrl = document.getElementById('ProductImage_'+productSkuId+panelid).value;
    
    var productNewArrivalBadgeImage = document.getElementById('ProductNewArrivalBadge_'+productId+panelid);
    var showProductNewArrivalBadge = document.getElementById('ShowNewArrivalBadge_'+productSkuId+panelid).value;
    var productSaleBadgeImage = document.getElementById('ProductSaleBadge_'+productId+panelid);
    var showProductSaleBadge = document.getElementById('ShowSaleBadge_'+productSkuId+panelid).value;
//    var productBadgeUrl = document.getElementById('ProductBadgeUrl_'+productSkuId).value;
    
    var productNameLabel = document.getElementById('ProductName_'+productId+panelid);
    var productPriceLabel = document.getElementById('ProductPrice_'+productId+panelid);
    var productName = document.getElementById('ShowProductName_'+productSkuId+panelid).value;
    var productPrice = document.getElementById('ShowProductPrice_'+productSkuId+panelid).value;
    
    //3. Display the product based on the productImageUrl
    if (productImageUrl && productImage)
        productImage.src = productImageUrl;
    
    //4. Display/Hide the product badges
    if (showProductSaleBadge.toString() == "True") 
    {
        productSaleBadgeImage.style.display = 'inline';
    }
    else
    {
        productSaleBadgeImage.style.display = 'none';
    }
    if (showProductNewArrivalBadge.toString() == "True") 
    {
        productNewArrivalBadgeImage.style.visibilty = 'inline';
    }
    else
    {
        productNewArrivalBadgeImage.style.display = 'none';
    }
        
    //5. Display product name and price
    if (productNameLabel)
        productNameLabel.innerHTML = productName;
    if (productPriceLabel)
        productPriceLabel.innerHTML = productPrice;    
        
    //6. Modify the product link to reflect the correct colour
    if (productImageLink)
    {
        productImageLink.href = productPageUrl;
        productNewArrivalBadgeImage.href = productPageUrl ;
        productSaleBadgeImage.href = productPageUrl;
    }
}