var pcode;
var noofproducts;
var url;

function display(dispid)
{
    noofproducts = document.getElementById('noof_product').value;
    url = window.location.search; 
    
    if(dispid == 'D')
    {
        pcode = url.substr(4,url.length)
    }
    else if(dispid == 'N')
    {
        pcode = parseInt(pcode) + 1;
    }
    else if(dispid == 'P')
    {
        pcode = parseInt(pcode) - 1;
    }
    else
    {
        pcode = dispid;
    }
    
    if(pcode == "")
    {
        alert("No Product Code");
    }
    else
    {
        var td_pname = "td_" + (pcode - 1);
        var tr_pdesc = "tr_" + (pcode - 1);
        var tr_mkrqst = "tr1_" + (pcode - 1);
        var tr_bigimg = "trbimg_" + (pcode - 1);
        
        for(var i=0; i<noofproducts; i++)
        {
            var td_pname_loop = "td_" + i;
            var tr_pdesc_loop = "tr_" + i;
            var tr_mkrqst_loop = "tr1_" + i;
            var td_pno_loop = "tdp_" + i;
            var tr_bigimg_loop = "trbimg_" + i;
            
            document.getElementById(td_pname_loop).style.display = 'none';
            document.getElementById(tr_pdesc_loop).style.display = 'none';
            document.getElementById(tr_mkrqst_loop).style.display = 'none';
            document.getElementById(td_pno_loop).style.display = 'none';
            document.getElementById(tr_bigimg_loop).style.display = 'none';
        }
        
        if(pcode > 0 && pcode < 11)
        {
            for(var j=0; j<10; j++)
            {
                var td_pno = "tdp_" + j;
                document.getElementById(td_pno).style.display = 'block';
                document.getElementById(td_pno).style.backgroundColor = 'rgb(210,208,208)';
            }
        }
        else if(pcode > 10 && pcode < 21)
        {
            for(var j=10; j<20; j++)
            {
                var td_pno = "tdp_" + j;
                document.getElementById(td_pno).style.display = 'block';
                document.getElementById(td_pno).style.backgroundColor = 'rgb(210,208,208)';
            }
        }
        else if(pcode > 20 && pcode < 31)
        {
            for(var j=20; j<30; j++)
            {
                var td_pno = "tdp_" + j;
                document.getElementById(td_pno).style.display = 'block';
                document.getElementById(td_pno).style.backgroundColor = 'rgb(210,208,208)';
            }
        }
        else if(pcode > 30 && pcode < 34)
        {
            for(var j=30; j<33; j++)
            {
                var td_pno = "tdp_" + j;
                document.getElementById(td_pno).style.display = 'block';
                document.getElementById(td_pno).style.backgroundColor = 'rgb(210,208,208)';
            }
        }
        else
        {
            for(var j=40; j<noofproducts; j++)
            {
                var td_pno = "tdp_" + j;
                document.getElementById(td_pno).style.display = 'block';
                document.getElementById(td_pno).style.backgroundColor = 'rgb(210,208,208)';
            }
        }
        
        if(pcode == 1)
        {
            document.getElementById('btn_prev').style.display = 'none';    
            document.getElementById('btn_next').style.display = 'block';
        }
        else if(pcode == 33)
        {
            document.getElementById('btn_prev').style.display = 'block';    
            document.getElementById('btn_next').style.display = 'none';
        }
        else
        {
            document.getElementById('btn_prev').style.display = 'block';    
            document.getElementById('btn_next').style.display = 'block';
        }
        
        var td_pno1 = "tdp_" + (pcode - 1);
        document.getElementById(td_pno1).style.backgroundColor = 'rgb(124,120,120)';
        document.getElementById(td_pname).style.display = 'block';
        document.getElementById(tr_pdesc).style.display = 'block';
        document.getElementById(tr_mkrqst).style.display = 'block';
        document.getElementById(tr_bigimg).style.display = 'block';
        document.getElementById('ctl00_ContentPlaceHolder1_pname_cs').value = document.getElementById(td_pname).innerText;
    }
}