function ListpageRenderer() {

    this.render = render;
    this.update = update;
    this.getMainContent = getMainContent;
    this.getHTML = getHTML;
    
    var mainContent = null;
    var background = null;
    var html = "";
    
    
    function getMainContent() {
    	return mainContent;
    }
    
    function getHTML() {
    	return html;
    }
    
    function render(type) {
        
        var xParser = new XParser(skinLayoutXmlDocument);
		
	    var rootNode = skinLayoutXmlDocument.getElementsByTagName(type)[0];
		var width = xParser.evaluateAttribute("size", "width", rootNode);
		var height = xParser.evaluateAttribute("size", "height", rootNode);
		
		mainContent = new Container("main", 0, 0, width, height, false, true, false);
		
		background = xParser.evaluateNodeValue("icon[@type='background']", rootNode);
        var contentNodes = xParser.evaluate("content", rootNode);
        
        utils.attachContents(mainContent, contentNodes, xParser);
               
        html = mainContent.draw();
	    
    }
    
    function update(myDocument) {
        mainContent.update(myDocument);
        var mainlayer = mainContent.divRef;
    	mainlayer.style.background = "url(img/" + background + ")";
    }

}