// JScript File

var ChangeNewsPlusMinusImage = false;

var pb_ProductType;
var pb_PriceMin;
var pb_PriceMax;
var pb_Brand;
var pb_OrderBy;
var pb_PageSize;
var pb_PageNumber;
var pb_DisplayType;


function createRequestObject() 
{
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer")
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	else
		ro = new XMLHttpRequest();
	return ro;
}

var http = createRequestObject();
			    

function sndReq(action) 
{	
	//alert(action);
	http = createRequestObject();
	http.open('get', action);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

function handleResponse() 
{
    if(http.readyState == 4){
	    var response = http.responseText;
	    //alert(response);
		if (response.substr(0, 5) == 'News:')
				loadNews(response.substring(5));
		else if (response.substr(0, 12) == 'ArchiveNews:')
				loadArchiveNews(response.substring(12));
		else if (response.substr(2, 14) == 'ProductBrowse:')
				loadProductBrowser(response.substring(16));
	}
}

function GetXMLObject(xml)
{
    var doc;
    if (window.ActiveXObject)
    { 
        doc=new ActiveXObject("Microsoft.XMLDOM");
        doc.async="false";
        doc.loadXML(xml);
    }
    else
    {
        var parser=new DOMParser();
        doc=parser.parseFromString(xml,"text/xml");
    }
    return doc;
}

function loadProductBrowser(doc)
{
    var xml = GetXMLObject(doc);
    var search = xml.childNodes[0].childNodes[0];
    var settings = xml.childNodes[0].childNodes[1];
    
    var AP = search.getAttribute("AliasPath");
    document.getElementById('clListProductTypes').innerHTML =  buildRefineString(search.childNodes[0].getElementsByTagName('Type'), 'ProductType', AP);  
    document.getElementById('clListPrices').innerHTML =  buildRefineString(search.childNodes[1].getElementsByTagName('Price'), 'Price', AP);  
    document.getElementById('clListBrands').innerHTML =  buildRefineString(search.childNodes[2].getElementsByTagName('Brand'), 'Brand', AP);  
    document.getElementById('clListOrder').innerHTML =  buildRefineString(search.childNodes[3].getElementsByTagName('Order'), 'Order', AP);  
    
    var StartNumber = settings.getAttribute('StartNumber');
    var EndNumber = settings.getAttribute('EndNumber');
    var TotalRecords = settings.getAttribute('TotalRecords');
    var currentpage = settings.getAttribute('currentpage');
    var PageSize = settings.getAttribute('PageSize');
    var DisplayMode = settings.getAttribute('DisplayMode');
    var TotalPages = settings.getAttribute('TotalPages');
    //var NoProducts = '<table align="center"><tr><td>No products found</td></tr></table>'
    var NoProducts = settings.getElementsByTagName('NoneFound')[0].firstChild.data;
    
    //alert(NoProducts);
    
    pb_DisplayType = DisplayMode;
    pb_PageSize = PageSize;
    pb_PageNumber = currentpage;
    
    
    if (TotalPages==0) TotalPages = 1;
    document.getElementById('ddlPageSize').value = pb_PageSize;
    document.getElementById('clResultsSummary').innerHTML = 'Showing <span class="ProductResultsSummaryNumbers">' + StartNumber + '-' + EndNumber + '</span> of <span class="ProductResultsSummaryNumbers">' + TotalRecords + '</span> results';
    
    var p = '';
    if (currentpage != 1)
        p = '<a href="Javascript:ChangeProductBrowsing(\'' + ((currentpage*1)-(1*1)) + '\', \'Page\', \'' + AP + '\')"><img src="/siteimages/productInfo/btn_prv.gif" border="0"></a>'
    else
        p = '<img src="/siteimages/productInfo/btn_prv_dis.gif" border="0">'
        
    p+= "&nbsp;&nbsp;&nbsp;";
    for (i=1; i<=TotalPages; i++)
    {
        if (i==currentpage)
            p+= '<span class="ProductPagingSelected">' + i + '</span>,';
        else
            p+= '<a href="Javascript:ChangeProductBrowsing(\'' + i  + '\', \'Page\', \'' + AP + '\')">' + i + '</a>,';
    }
    p = p.substring(0, p.length-1) + "&nbsp;&nbsp;&nbsp;";
    
    if (currentpage != TotalPages)
        p += '<a href="Javascript:ChangeProductBrowsing(\'' + ((currentpage*1)+(1*1)) + '\', \'Page\', \'' + AP + '\')"><img src="/siteimages/productInfo/btn_next.gif" border="0"></a>'
    else
        p += '<img src="/siteimages/productInfo/btn_next_dis.gif" border="0">'
        
    document.getElementById('clPaging').innerHTML = p;
    document.getElementById('clPagingBottom').innerHTML = p;
    
//    if (document.getElementById('divTopLoading').style.display == 'block')
//        document.getElementById('divRefineSearch').style.display = 'block';

//    document.getElementById('divTopLoading').style.display = 'none'
    
    imgG = document.getElementById('imgBrowseGrid');
    imgL = document.getElementById('imgBrowseList');
    imgSpc = document.getElementById('imgBrowseSpc');
        
    if (TotalRecords !=0)
    {
        imgG.style.visibility = 'visible';
        imgL.style.visibility = 'visible';
        imgSpc.style.visibility = 'visible';
        if (DisplayMode.toLowerCase() == 'list')
        {
            
            imgG.onmouseover = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid_over.gif");';
            imgG.onmouseout = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid.gif");';
            imgG.src = '/siteimages/productInfo/btn_grid.gif';
            
            
            imgL.src = '/siteimages/productInfo/btn_list_over.gif';
            imgG.onmouseover = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid_over.gif");';
            imgG.onmouseout = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid_over.gif");';
            
            LoadProductsList(xml.childNodes[0].childNodes[2].childNodes);
        }
        else
        {
            imgG.onmouseover = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid_over.gif");';
            imgG.onmouseout = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid_over.gif");';
            imgG.src = '/siteimages/productInfo/btn_grid_over.gif';
            
            imgL.src = '/siteimages/productInfo/btn_list.gif';
            imgG.onmouseover = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid_over.gif");';
            imgG.onmouseout = 'javascript:SetImagePath("imgBrowseGrid", "/siteimages/productInfo/btn_grid.gif");';
            
            LoadProductsGrid(xml.childNodes[0].childNodes[2].childNodes);
        }
    }
    else
    {
        imgG.style.visibility = 'hidden';
        imgL.style.visibility = 'hidden';
        imgSpc.style.visibility = 'hidden';
        document.getElementById('clProducts').innerHTML = NoProducts;
    }
}

function ShowHideRefineSearch()
{
    var div = document.getElementById('divRefineSearch');
    var img = document.getElementById('imgRefineSearch');
    
    if (div.style.display == 'block')
    {
        div.style.display = 'none';
        img.src = '/siteimages/productInfo/btn_refineResults_open.gif';
    }
    else
    {
        div.style.display = 'block';
        img.src = '/siteimages/productInfo/btn_refineResults_close.gif';
    }
}

function SetImagePath(cntrl, src)
{
    alert('here');
    document.getElementbyId(cntrl).src = src;
}

function LoadProductsGrid(ps)
{

    var Template = document.getElementById('hidLayoutGrid').innerHTML;
    var Columns = document.getElementById('hidGridItemsPerRow').value;
    var col = 0
    var table = document.createElement('table');
    table.width = '647';
    table.cellspacing = '0';
    table.padding = '0';
    var row = table.insertRow(table.rows.length);
    
    for (i=0; i< ps.length; i++)
    {
        
        var current = Template;
        //s += ps[i].getAttribute("Name") + '<br>';
        var sName = ps[i].getAttribute("ShortName");
        var Name = ps[i].getAttribute("Name");
        var Price = ps[i].getAttribute("Price");
        var ProductID = ps[i].getAttribute("ProductID");
        var Image = ps[i].getAttribute("Image");
        var AP = ps[i].getAttribute("AliasPath");
        var Stock = ps[i].getAttribute("StockText");
        var SKU = ps[i].getAttribute("SKU");
        var Description = ps[i].getAttribute("Description");
        var Accred1 = ps[i].getAttribute("AccredLogo1");
        var Accred2 = ps[i].getAttribute("AccredLogo2");
        var Gallery = ps[i].getAttribute("ImageGallery");
        
        nGallery = ''
        if (Image != '')
            nGallery = '<a href="javascript:ShowImage(\'' + Image + '\')"><img alt="Enlarge Image" border="0" src="/siteimages/productInfo/icon_enlarge.gif"></a>&nbsp;&nbsp;' 
            
        if (Gallery != '')
            nGallery += '<a href="javascript:ShowGallery(\'' + Gallery + '\')"><img alt="View Product Gallery" border="0" src="/siteimages/productInfo/icon_imgGallery.gif"></a>' 
        
        Gallery = nGallery
 
        Image = GetImageDisplay(Image, AP, Name);
            
        current = doReplace(current, '%%ProductName%%', sName);
        current = doReplace(current, '%%Price%%', Price);        
        current = doReplace(current, '%%ProductID%%', ProductID);
        current = doReplace(current, '%%Image%%', Image);        
        current = doReplace(current, '%%Path%%', AP);
        current = doReplace(current, '%%Stock%%', Stock);        
        current = doReplace(current, '%%SKU%%', SKU);
        current = doReplace(current, '%%Description%%', Description);        
        current = doReplace(current, '%%Accreditation1%%', Accred1);
        current = doReplace(current, '%%Accreditation2%%', Accred2);
        current = doReplace(current, '%%Gallery%%', Gallery);

        
        if (col == Columns)
        {
            row = table.insertRow(table.rows.length);
            col = 0;
        }
        var cell = row.insertCell(col);
        cell.innerHTML = current;
        cell.width = '215';
        cell.align = 'center';
        cell.vAlign = 'top';
        col++;
        
    } 
    document.getElementById('clProducts').innerHTML = '';
    document.getElementById('clProducts').appendChild(table);
}

function ShowImage(img)
{
    window.open('/ShowImage.aspx?Image=' + img, "", "resizable=1,HEIGHT=550,WIDTH=550");
}

function SearchTextBlur(txt)
{
    if (txt.value == '')
        txt.value = 'enter keywords';
}

function SearchTextGetFocus(txt)
{
    if (txt.value == 'enter keywords')
        txt.value = '';
}

function DoQuickSearch(txt)
{
    var search = document.getElementById(txt).value;
    if (search == 'enter keywords') search = '';
    
    document.location = '/searchproducts.aspx?keywords=' + search;
}

function ShowGallery(gal)
{
    alert(gal);
}

function GetImageDisplay(Image, AP, ProductName)
{
    if (Image != '')
        Image = '<a href="' + AP + '.aspx"><img src="/getfile/' + Image + '/ProductImage.aspx?maxsidesize=150"  class="ProductImage" alt="' + ProductName + '" ></a>'
    else
        Image = '<a href="' + AP + '.aspx"><img src="/siteimages/productInfo/noimage_150.gif" class="ProductImage" alt="' + ProductName + '" ></a>'
        
    return Image;
}

function doReplace(str, origtext, newtext)
{
    while (str.lastIndexOf(origtext) > -1)
        str = str.replace(origtext, newtext);
    
    return str;
}

function LoadProductsList(ps)
{
    var Template = document.getElementById('hidLayoutList').innerHTML;
    var table = document.createElement('table');
    table.width = '655';
    table.border = '0';
    
    
    for (i=0; i< ps.length; i++)
    {
        var current = Template;
        //s += ps[i].getAttribute("Name") + '<br>';
        var Name = ps[i].getAttribute("Name");
        var Price = ps[i].getAttribute("Price");
        var ProductID = ps[i].getAttribute("ProductID");
        var Image = ps[i].getAttribute("Image");
        var AP = ps[i].getAttribute("AliasPath");
        var Stock = ps[i].getAttribute("StockText");
        var SKU = ps[i].getAttribute("SKU");
        var Description = ps[i].getAttribute("Description");
        var Accred1 = ps[i].getAttribute("AccredLogo1");
        var Accred2 = ps[i].getAttribute("AccredLogo2");
        var Gallery = ps[i].getAttribute("ImageGallery");
        
        
        nGallery = ''
        if (Image != '')
            nGallery = '<a href="javascript:ShowImage(\'' + Image + '\')"><img alt="Enlarge Image" border="0" src="/siteimages/productInfo/icon_enlarge.gif"></a>&nbsp;&nbsp;' 
               
        if (Gallery != '')
            nGallery += '<a href="javascript:ShowGallery(\'' + Gallery + '\')"><img alt="View Product Gallery" border="0" src="/siteimages/productInfo/icon_imgGallery.gif"></a>' 
        
        Gallery = nGallery
              
        Image = GetImageDisplay(Image, AP, Name); 
        
        current = doReplace(current, '%%ProductName%%', Name);
        current = doReplace(current, '%%Price%%', Price);        
        current = doReplace(current, '%%ProductID%%', ProductID);
        current = doReplace(current, '%%Image%%', Image);        
        current = doReplace(current, '%%Path%%', AP);
        current = doReplace(current, '%%Stock%%', Stock);        
        current = doReplace(current, '%%SKU%%', SKU);
        current = doReplace(current, '%%Description%%', Description);        
        current = doReplace(current, '%%Accreditation1%%', Accred1);
        current = doReplace(current, '%%Accreditation2%%', Accred2);
        current = doReplace(current, '%%Gallery%%', Gallery);
        
        var row = table.insertRow(table.rows.length);
        var cell = row.insertCell(0)
        cell.innerHTML = current;
        cell.align = 'center';
        cell.width= '655'
        
    } 
    document.getElementById('clProducts').innerHTML = '';
    document.getElementById('clProducts').appendChild(table);
}

function buildRefineString(collection, type, AP)
{
    var s = '';
    for (i=0; i<collection.length; i++)
    {
        var item = collection[i];
        var selected = item.getAttribute("selected");
        var txt = item.getAttribute("text");
        var value = item.getAttribute("value");
        
        if (selected == 'true')
        {
            s += '<span class="RefineSearchSelectedItem">' + txt + '</span>';
            switch (type.toLowerCase()){
                case ('producttype'):
                    pb_ProductType = value;
                    break;
                case ('brand'):
                    pb_Brand = value;
                    break;
                case ('order'):
                    pb_OrderBy = value;
                    break;
                case ('price'):
                    var pr = value.split(',');
                    pb_PriceMin = pr[0];
                    pb_PriceMax = pr[1];
                    break;
            }
        }
        else
            s += '<a href="javascript:ChangeProductBrowsing(\'' + value + '\', \'' + type + '\', \'' + AP + '\');">' + txt + '</a>';
            
        s += ',&nbsp;&nbsp;&nbsp;';
    }
    s = s.substring(0, s.length-19);

    return s;
}

function PageSizeChanged(ddl, AP)
{
    ChangeProductBrowsing(ddl.value, 'pagesize', AP);
}

function ChangeProductBrowsing(value, changewhat, AP)
{
    switch (changewhat.toLowerCase()){
        case ('producttype'):
            pb_ProductType = value;
            pb_PageNumber = 1;
            break;
        case ('brand'):
            pb_Brand = value;
            pb_PageNumber = 1;
            break;
        case ('order'):
            pb_OrderBy = value;
            break;
        case ('page'):
            pb_PageNumber = value;
            break;
        case ('pagesize'):
            pb_PageSize = value;
            pb_PageNumber = 1;
            break;
        case ('price'):
            var pr = value.split(',');
            pb_PriceMin = pr[0];
            pb_PriceMax = pr[1];
            pb_PageNumber = 1;
            break;
        case ('displaytype'):
            pb_DisplayType = value;
            break;
        }
        
    GetProductBrowser(AP, 'yes');
}

function GetProductBrowser(alias, fromJS)
{
    document.getElementById('clProducts').innerHTML = '<br><img src="/siteimages/loading.gif"><br><br><br>';
    document.getElementById('clPagingBottom').innerHTML = '&nbsp;';
//    if (document.getElementById('divRefineSearch').style.display == 'block')
//    {
//        document.getElementById('divTopLoading').style.display = 'block';
//        document.getElementById('divRefineSearch').style.display = 'none'
//    }
    
    var vars = '';
    if (fromJS =='yes')
    {
        vars += '&ProductType=' + pb_ProductType;
        vars += '&PriceMin=' + pb_PriceMin;
        vars += '&PriceMax=' + pb_PriceMax;
        vars += '&Brand=' + pb_Brand;
        vars += '&OrderBy=' + pb_OrderBy;
        vars += '&PageSize=' + pb_PageSize;
        vars += '&PageNumber=' + pb_PageNumber;
        vars += '&DisplayMode=' + pb_DisplayType;
    }
    
    sndReq('/XML/GetProductBrowser.aspx?AliasPath=' + alias + '&FromJS=' + fromJS + vars);
}

function loadArchiveNews(ns)
{
    n = ns.split('|||||');
    //alert(n[0]);
    document.getElementById(n[0]).innerHTML = n[1]; 
}

function loadNews(ns)
{
    
    n = ns.split('|||||');
    
    document.getElementById('clNews' + n[0]).innerHTML = n[2]; 
    
    if (n[1] == 'full')
    {
        if (ChangeNewsPlusMinusImage) document.getElementById('imgNews' + n[0]).src = '/siteimages/faq_minus.gif'
        document.getElementById('hidStatus' + n[0]).value = "open";
    }
    else
    {
        if (ChangeNewsPlusMinusImage) document.getElementById('imgNews' + n[0]).src = '/siteimages/faq_plus.gif'
        document.getElementById('clNews' + n[0]).innerHTML = '<p>' + document.getElementById('clNews' + n[0]).innerHTML + '</p>'
        document.getElementById('hidStatus' + n[0]).value = "closed";
    }
        
    
}


function CopyAdd(src, dest)
{
    SetVal(src, dest, 'Add1');
    SetVal(src, dest, 'Add2');
    SetVal(src, dest, 'Add3');
    SetVal(src, dest, 'Add4');
    SetVal(src, dest, 'PostCode');
}

function SetVal(src, dest, cntrl)
{
    document.getElementById(dest + cntrl).value = document.getElementById(src + cntrl).value;
}

function removeBasketItem(ID, Qty)
{
    if (confirm('Are you sure you wish to remove this item from your basket?'))
        document.location = '/stationery/order.aspx?DelID=' + ID + "&DelQty=" + Qty;
}

function PDF(pth)
{
    window.open(pth, '_blank', 'height=500, width=470, fullscreen=0, status=0, toolbar=0, menubar=0, titlebar=0, scrollbars=1' );
}

function loadflash(id, file, width, height, flashvars)
{
        var s = '<OBJECT id="'+ id +'" codeBase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" '
		+ '	height="' + height + '" width="' + width + '" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '
		+ '		VIEWASTEXT> '
		+ '		<PARAM NAME="_cx" VALUE="25268"> '
		+ '		<PARAM NAME="_cy" VALUE="15081"> '
		+ '		<PARAM NAME="FlashVars" VALUE="' + flashvars + '"> '
		+ '		<PARAM NAME="Movie" VALUE="' + file + '"> '
		+ '		<PARAM NAME="Src" VALUE="' + file + '"> '
		+ '		<PARAM NAME="WMode" VALUE="Window"> '
		+ '		<PARAM NAME="Play" VALUE="-1"> '
		+ '		<PARAM NAME="Loop" VALUE="-1"> '
		+ '		<PARAM NAME="Quality" VALUE="High"> '
		+ '		<PARAM NAME="SAlign" VALUE=""> '
		+ '		<PARAM NAME="Menu" VALUE="-1"> '
		+ '		<PARAM NAME="Base" VALUE=""> '
		+ '		<PARAM NAME="AllowScriptAccess" VALUE="Always"> '
		+ '		<PARAM NAME="Scale" VALUE="ShowAll"> '
		+ '		<PARAM NAME="DeviceFont" VALUE="0"> '
		+ '		<PARAM NAME="EmbedMovie" VALUE="0"> '
		+ '		<PARAM NAME="SWRemote" VALUE=""> '
		+ '		<PARAM NAME="MovieData" VALUE=""> '
		+ '		<PARAM NAME="SeamlessTabbing" VALUE="1"> '
		+ '		<PARAM NAME="Profile" VALUE="0"> '
		+ '		<PARAM NAME="ProfileAddress" VALUE=""> '
		+ '		<PARAM NAME="ProfilePort" VALUE="0"> '
		+ '		<PARAM NAME="wmode" VALUE="transparent"> '
		+ '		<embed  '
		+ '	src="' + file + '" quality="high" width="' + width + '"  '
		+ '	height="' + height + '" name="' + id + '" align="middle"  '
		+ '	allowScriptAccess="always" FlashVars="' + flashvars + '"  '
		+ '	type="application/x-shockwave-flash"  '
		+ '	pluginspage="http://www.macromedia.com/go/getflashplayer" /> '
		+ '		</OBJECT> '
		
		document.write(s)
}

function ShowFAQ(id, l)
{
    var open=true;
    if (document.getElementById('FAQ' + id).style.display == 'block')
        open=false;
       
    ls = l.split(',');
    for (i=0; i<ls.length-1; i++)
    {
        document.getElementById('FAQ' + ls[i]).style.display = 'none';
        document.getElementById('imgFaq' + ls[i]).src = '/siteimages/faq_plus.gif';
    }
         
    if (open)
    {   
        document.getElementById('FAQ' + id).style.display = 'block';
        document.getElementById('imgFaq' + id).src = '/siteimages/faq_minus.gif';
    }
}

function ShowNews(newsid, nodeid, lnews, lnode)
{  
     
    var wasopen = false
    if (document.getElementById('hidStatus' + newsid).value == "open")
        wasopen = true;
        
    alert(wasopen);
    
    lsO = lnode.split(',');
    lsE = lnews.split(',');
    
    for (i=0; i<lsE.length-1; i++)
    {
        if (document.getElementById('hidStatus' + lsE[i]).value == "open")
        {
            //Call Summary Info for ls[i] and close it, as it is open
            if (ChangeNewsPlusMinusImage) document.getElementById('imgNews' + lsE[i]).src = '/siteimages/faq_plus.gif';
            document.getElementById('hidStatus' + lsE[i]).value = "closed"
            sndReq('/XML/GetNews.aspx?Type=summary&NewsID=' + lsE[i] + '&NodeID=' + lsO[i]);  
            //while (document.getElementById('hidStatus' + lsE[i]).value == "loading")
            //{
            //   //kill some time
            //}
        }
    }
    
    if (!wasopen)
    {
       if (ChangeNewsPlusMinusImage) document.getElementById('imgNews' + newsid).src == '/siteimages/faq_plus.gif'
       document.getElementById('clNews' + newsid).innerHTML = '<img src="/siteimages/loading.gif">'
       document.getElementById('hidStatus' + newsid).value = "open"
       sndReq('/XML/GetNews.aspx?Type=full&NewsID=' + newsid + '&NodeID=' + nodeid); 
       
    }
    
    
}

function ShowArchiveNews(cl, ap)
{
    document.getElementById(cl).innerHTML = '<img src="/siteimages/loading.gif">'
    sndReq('/XML/GetArchiveNews.aspx?Cell=' + cl + '&AP=' + ap); 
}

function ShowHideLeftNav(id)
{
    if (document.getElementById('divLeftNav' + id).style.display == 'block')
    {
        document.getElementById('imgMasterCatImg' + id).src = '/siteimages/leftnav/arrow_down.gif';
        document.getElementById('divLeftNav' + id).style.display = 'none'
    }
    else
    {
        document.getElementById('imgMasterCatImg' + id).src = '/siteimages/leftnav/arrow_up.gif';
        document.getElementById('divLeftNav' + id).style.display = 'block';
    }
}

function ShowAllLeftNav(ids)
{
    arr = ids.split(',');
    for (i=0; i<arr.length-1; i++)
    {
        document.getElementById('imgMasterCatImg' + arr[i]).src = '/siteimages/leftnav/arrow_up.gif';
        document.getElementById('divLeftNav' + arr[i]).style.display = 'block';
    }
        
}