﻿var items;
var format = '<div class="item"><div class="blkNameCnt"><span title="{name}">{name}</span></div>ilość: {quantity}, wartość: <span class="itemPrice">{value}</span></div>';
var imgClose = '/images/downArrow.gif';
var imgOpen = '/images/upArrow.gif';
function getBasketLastItems() {
    items = document.getElementById('blklItems');
    if (items.open) {
        items.open = false;
        document.getElementById('blkState').src = imgClose;
        items.innerHTML = '';
        return;
    }
    invokeAjaxFunction("getlastitems",
        { "itemsCount": "3" },
        getBasketLastItems_init,
        getBasketLastItems_success);
}

function getBasketLastItems_init() {
    items.open = true;
    document.getElementById('blkState').src = imgOpen;
    items.innerHTML = "ładuje ...";
}

function getBasketLastItems_success(response) {
    var html = '';

    if (window.DOMParser) {
        parser = new DOMParser();
        xmlDoc = parser.parseFromString(response, "text/xml");
    } 
    else // Internet Explorer
    {
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(response);
    }
    for (var i = 0; i < xmlDoc.firstChild.childNodes.length; i++) {
        var pHtml = format;
        var name = xmlDoc.firstChild.childNodes[i].getElementsByTagName('name')[0].firstChild.data;
        pHtml = pHtml.replace(/{nameShort}/g, name.substr(0, 29));
        pHtml = pHtml.replace(/{name}/g, name);
        pHtml = pHtml.replace(/{value}/g, xmlDoc.firstChild.childNodes[i].getElementsByTagName('price')[0].firstChild.data);
        pHtml = pHtml.replace(/{quantity}/g, xmlDoc.firstChild.childNodes[i].getElementsByTagName('quantity')[0].firstChild.data);
        html = html + pHtml;
    }
    items.innerHTML = html;
}