var ThumbStartStr = new String("thumbnailimage.aspx?filename=");
var ThumbEndStr = new String("&width=50&height=50");
function ShowMatDetail(StoneID,Name,SmallImg,BigImg,Class,Finish,App,PriceRange,Collection,Style,Thickness,Size,SlabSize)
{
    var ImgMatBigImage = document.getElementById("ImgMatBigImage");
    ImgMatBigImage.onload = function(){
        if(ImgMatBigImage.Status == SmallImg){
            OnMatBigImageLoad(this,BigImg);
        }
    }
    ImgMatBigImage.Status = SmallImg;
    ImgMatBigImage.src = SmallImg;
    //ImgMatBigImage.src = ThumbStartStr + escape(BigImg) + ThumbEndStr;
    var spnMatName = document.getElementById("spnMatName");
    spnMatName.innerHTML = Name;
    var tdMatClass = document.getElementById("tdMatClass");
    tdMatClass.innerHTML = Class;
    var tdMatFinish = document.getElementById("tdMatFinish");
    tdMatFinish.innerHTML = Finish;
    var tdMatApp = document.getElementById("tdMatApp");
    tdMatApp.innerHTML = App;
    var tdMatPriceRange = document.getElementById("tdMatPriceRange");
    tdMatPriceRange.innerHTML = PriceRange;
    var tdMatCollection = document.getElementById("tdMatCollection");
    tdMatCollection.innerHTML = Collection;
    var tdMatStyle = document.getElementById("tdMatStyle");
    tdMatStyle.innerHTML = Style;
    var tdMatThickness = document.getElementById("tdMatThickness");
    tdMatThickness.innerHTML = Thickness;
    var tdMatSIze = document.getElementById("tdMatSIze");
    tdMatSIze.innerHTML = Size;
    var tdMatSlabSize = document.getElementById("tdMatSlabSize");
    tdMatSlabSize.innerHTML = SlabSize;
}

function OnMatBigImageLoad(Img,OrgSrc,LoadId){
//    var Src = new String(Img.src);
//    if(Src){
//        if(OrgSrc){
//            Src = Src.toLowerCase();
//            OrgSrc = OrgSrc.toLowerCase().replace("../","");
//            if(Src.indexOf(OrgSrc,0) == -1){

    Img.onload = null;
    this.onload = null;
    var ldImg = new Image();
    ldImg.onload = function(){
        this.par.onload = null;
        this.onload = null;
        this.par.src = this.src;
        HideLoadingTxt("spnBigImageLoadingTxt");
        //var comp = (typeof(this.par.LoadId)=="string") ? document.getElementById(this.par.LoadId) : this.par.LoadId;
        //if(comp!=null){comp.style.display = "none";}
        //if(Img.Status == OrgSrc){
            //Img.src = OrgSrc;
        //}
    };
    //Img.LoadId = LoadId;
    //Img.Status = OrgSrc;
    //ldImg.LoadId = LoadId;
    ldImg.par = Img;
    ldImg.src = OrgSrc;

//            }
//        }
//    }    
    /*var Src = new String(Img.src);
    if(Src){
        Src = Src.toLocaleString();
        if(Src.indexOf(ThumbStartStr,0) > -1){
            Img.src = OrgSrc;
        }
    }*/
}

var tdMatDetailID = "tdPageContents";
function onBeginRequestMatDtl(){
    var tdMatDetail = document.getElementById(tdMatDetailID);
    tdMatDetail.innerHTML = GetLoadingHtml();
}
function onError(err){
    alert(err);
}
function onEndRequestMatDtl(){}
//function BindMatDetails(StoneID){
//    //Set category id into textBox
//    var CatIdComp = getComponent("txtCatId");
//    CatIdComp.value = Request.QueryString.Get("sid");
//    //End Set category id into textBox
//    
//    submitDetailsForm("SD",StoneID,null,Request.QueryString.Get("it"));
//    //window.location = Request.Url.url + "?act=SD&sid=" + StoneID;
//}
function BindMatDetails1(StoneId,url){
    var pageContent = document.getElementById("tdPageContents");
    var StoneGroupIds = document.getElementById("stoneGroupIds");
    if(StoneGroupIds!=null){
        StoneGroupIds = StoneGroupIds.innerHTML;
        var MDHandler = new AJAXClass();
        var Rootpath = (typeof(pathExt)=="string") ? pathExt : "";
        MDHandler.url = Rootpath + "GetMaterialDetails.aspx";
        MDHandler.parameters.Add("StoneId",StoneId);
        MDHandler.parameters.Add("GroupIds",StoneGroupIds);
        MDHandler.parameters.Add("RootPath",Rootpath);
        MDHandler.parameters.Add("Url",url);
        MDHandler.onBeginRequest = onBeginRequestMatDtl;
        MDHandler.onError = onError;
        MDHandler.onStatusOK = function(req){
            pageContent.innerHTML = req.responseText;
        }
        MDHandler.setRequest(false);
    }
}
//function onBeginRequestMatDtl()
//{
//    var tdMatDetail = document.getElementById(tdMatDetailID);
//    tdMatDetail.innerHTML = GetLoadingHtml();
//}
//function onEndRequestMatDtl(){}
//function BindMatDetails(StoneID){

//    //Set category id into textBox
//    var CatIdComp = getComponent("txtCatId");
//    CatIdComp.value = Request.QueryString.Get("sid");
//    //End Set category id into textBox
//    
//    submitDetailsForm("SD",StoneID,null,Request.QueryString.Get("it"));
//    //window.location = Request.Url.url + "?act=SD&sid=" + StoneID;
//}
//function BindMatDetails1(StoneID)
//{
//    var Nav = GetPrevNextStoneID(StoneID);
//    var url_ = "CollectionMatInfoAjax.aspx";
//    var tt = new AjaxClass(url_,onBeginRequestMatDtl,onEndRequestMatDtl);
//    var sData = "StoneID=" + StoneID + "&rnd=" + Math.random();
//    /*&PrevStoneID=" + PStoneID  +"&NextStoneID=" + NStoneID  + "*/
//    tt.sendReq(sData,BindMatDetailsHandle);
//}
//function BindMatDetailsHandle(XmlReq){
//    if(XmlReq.readyState == 4)
//    {
//        //alert(XmlReq.responseText);
//        if(XmlReq.status == 200)
//        {
//            var tdMatDetail = document.getElementById(tdMatDetailID);
//            tdMatDetail.innerHTML = XmlReq.responseText;
//        }
//    }
//}

function GetPrevNextStoneID(StoneID)
{
    var re = new Object();
    re.Prev = -1;
    re.Next = -1;
    if(document.getElementById("tdMatIDList"))
    {    
        var IDListStr = new String(document.getElementById("tdMatIDList").innerHTML);
        if(IDListStr != "")
        {
            var IDList = IDListStr.split(",");
            for(var i = 0;i < IDList.length; i++)
            {
                var cID = IDList[i];
                if(cID == StoneID)
                {
                    if(i > 0)re.Prev = IDList[i-1];
                    if(i < (IDList.length - 1))re.Next = IDList[i+1];
                    break;
                }
            }
        }
    }    
    return re;
}

var modelBigImage = null;
function DisplayBigImage(StoneName, StoneSmallImg, StoneBigImg, Root)
{
    Root = (typeof(Root)=="string") ? Root : "";
    delete modelBigImage;
    modelBigImage = new Modal('DivBigImage',null,null,'#000000',35);
    modelBigImage.Hide();
    var divBImg = document.getElementById("DivBigImage");
    var st = "";
    st += "<table cellspacing='0' cellpadding='5' border='0' style='border-collapse:collapse;'>";
    st += "<tr>";
    st += "<td align='left' style='background-color:#000000;border: solid 1px #000000;color:#FFFFFF;'><b>" + StoneName + "</b></td>";
    st += "<td align='right' style='background-color:#000000;border: solid 1px #000000;color:#FFFFFF;'><img src='" + Root + "images/closebtnB.jpg' alt='' style='cursor:pointer;' onclick='modelBigImage.Hide();' /></td>";
    st += "</tr>";
    st += "<tr>";
    st += "<td style='background-color:#FFFFFF;border: solid 1px #000000;' align='center' colspan='2'>";
    st += "<div style='max-height:500px;overflow:auto;height:expression(this.scrollHeight>499?\"500px\":\"auto\");'>";//max-width:700px;
    //st += "<img src='" + StoneSmallImg + "' onload='OnMatBigImageLoad(this,\"" + StoneBigImg + "\");' alt='' />";
    st += "<img src='" + Root + "images/loading.gif' onload='OnMatBigImageLoad(this,\"" + StoneBigImg + "\");' alt='' /><span id='spnBigImageLoadingTxt'><br />Loading...</span>";
    st += "</div></td>";
    st += "</tr>";
    st += "</table>";
    divBImg.innerHTML = st;
    modelBigImage.Show();
}

function HideLoadingTxt(spnID){
//    if(Img.Status){
//        var Src = new String(Img.src);
//        var Status = new String(Img.Status);        
//        if(Src){
//            if(Status){
//                Src = Src.toLowerCase();
//                Status = Status.toLowerCase().replace("../","");
//                if(Src.indexOf(Status,0) != -1){

var spn = document.getElementById(spnID);
if(spn){spn.innerHTML = "";}

//                }
//            }
//        }
//    }
}