function parse_json(data) {
    $("div#metals").wrapInner(table);
    $("div#metals2").wrapInner(table2);
    var timeNow = data["Сейчас"]["Время"];
    var timeLast = data["Ранее"]["Время"];
    var metal_list = ["Золото", "Серебро", "Платина", "Палладий"];
    
    for(i=0; i<metal_list.length; i++) {
        var metal = metal_list[i];
        var buy = parseFloat(data["Сейчас"]["Курсы"][metal]["Покупка"]);
        var buyLast = parseFloat(data["Ранее"]["Курсы"][metal]["Покупка"]);
        var sell = parseFloat(data["Сейчас"]["Курсы"][metal]["Продажа"]);
        var sellLast = parseFloat(data["Ранее"]["Курсы"][metal]["Продажа"]);
        var buyChange = (buy>buyLast)?"up":((buy<buyLast)?"down":"dot");
        var sellChange = (sell>sellLast)?"up":((sell<sellLast)?"down":"dot");
        var tr="<tr>\n\<td><div style=\"width: 5px;\"><spacer width=\"5\" type=\"block\"></spacer></div></td>\n\
                                        <td><font class=\"text\"><font color=\"#ef4a22\"><b>"+metal+"</b></font></font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                        <td ><img src=\"http://khmb.ru/common/img/uploaded/DR_METTAL/"+buyChange+".png\" title=\""+buyLast+" на "+timeLast+"\"/> <font class=\"text\"><b>"+buy+"</b></font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                        <td ><img src=\"http://khmb.ru/common/img/uploaded/DR_METTAL/"+sellChange+".png\" title=\""+sellLast+" на "+timeLast+"\"/> <font class=\"text\"><b>"+sell+"</b></font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                    <tr>\n\
                                        <td colspan=\"7\"><div style=\"width: 0px; height: 3px;\"><spacer height=\"3\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                    <tr>\n\
                                        <td bgcolor=\"#d7d7d7\" colspan=\"7\"><div style=\"width: 0px; height: 1px;\"><spacer height=\"1\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                    <tr>\n\
                                        <td colspan=\"7\"><div style=\"width: 0px; height: 7px;\"><spacer height=\"7\" type=\"block\"></spacer></div></td>\n\
                                    </tr>";
        
        $("#metal").append(tr);
        $("#metal2").append(tr);
    }
    $("#metal").append("<tr><td colspan=\"7\"><span style=\"font-size: 11px\">Цены указаны за грамм в рублях на <b><span id=\"time\">"+timeNow+"</span> MSK</b>. <br/>Котировки являются индикативными</span></td></tr>");
    $("#metal2").append("<tr><td colspan=\"7\"><span style=\"font-size: 11px\">Цены указаны за грамм в рублях на <b><span id=\"time\">"+timeNow+"</span> MSK</b>. <br/>Котировки являются индикативными</span></td></tr>");
}


var table="<table width=\"279\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                    <tr>\n\
                        <td><div style=\"width: 15px;\"><spacer width=\"5\" type=\"block\"></spacer></div></td>\n\
                        <td width=\"1\" bgcolor=\"#d7d7d7\"><div style=\"width: 1px;\"><spacer width=\"1\" type=\"block\"></spacer></div></td>\n\
                    	<td width=\"100%\" valign=\"top\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                            <tbody><tr>                                \n\
                            	<td width=\"100%\"><div style=\"width: 0px; height: 11px;\"><spacer height=\"11\" type=\"block\"></spacer></div></td>\n\
                            </tr>\n\
                            <tr>                                \n\
                            	<td width=\"174\"><table width=\"174\" height=\"10\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                                    <tbody><tr>\n\
                                    	<td bgcolor=\"#d7d7d7\"><div style=\"width: 0px; height: 10px;\"><spacer height=\"10\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                </tbody></table></td>\n\
                            </tr>\n\
                             <tr>                                \n\
                            	<td width=\"100%\"><div style=\"width: 0px; height: 10px;\"><spacer height=\"10\" type=\"block\"></spacer></div></td>\n\
                            </tr>\n\
                            <tr>                                \n\
                            	<td width=\"100%\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                                    <tbody><tr>\n\
                                        <td><div style=\"width: 13px;\"><spacer width=\"13\" type=\"block\"></spacer></div></td>\n\
                                    	<td><font class=\"razdel\">Котировки на драгоценные металлы по ОМС</font></td>\n\
                                    </tr>\n\
                                </tbody></table></td>\n\
                            </tr>\n\
                            <tr>                                \n\
                            	<td width=\"100%\"><div style=\"width: 0px; height: 12px;\"><spacer height=\"12\" type=\"block\"></spacer></div></td>\n\
                            </tr>\n\
                            \n\
                            <tr>\n\
                                <td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                                    <tbody><tr>\n\
                                    <td><div style=\"width: 13px;\"><spacer width=\"13\" type=\"block\"></spacer></div></td>\n\
	                                <td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" id=\"metal\">\n\
                                                                        <tbody>\n\<tr>\n\
                                    	<td><div style=\"width: 5px;\"><spacer width=\"5\" type=\"block\"></spacer></div></td>\n\
                                        <td><font class=\"text\">Металл</font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                        <td><font class=\"text\">Покупка</font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                        <td><font class=\"text\">Продажа</font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                    <tr>\n\
                                        <td bgcolor=\"#d7d7d7\" colspan=\"7\"><div style=\"width: 0px; height: 3px;\"><spacer height=\"3\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                    \n\
                                    <tr>\n\
                                    <td colspan=\"7\"><div style=\"width: 0px; height: 10px;\"><spacer height=\"10\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                               </tbody></table></td>\n\
                                </tr>\n\
                            </tbody></table></td>\n\
                            </tr>\n\
                        </tbody></table></td>\n\
                        <td><div style=\"width: 30px;\"><spacer width=\"30\" type=\"block\"></spacer></div></td>\n\
                    </tr>\n\
                </table>";

var table2="<table width=\"279\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                    <tr>\n\
                                           	<td width=\"100%\" valign=\"top\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                            <tbody>\n\
                             <tr>                                \n\
                            	<td width=\"100%\"><div style=\"width: 0px; height: 10px;\"><spacer height=\"10\" type=\"block\"></spacer></div></td>\n\
                            </tr>\n\
                            <tr>                                \n\
                            	<td width=\"100%\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                                    <tbody><tr>\n\
                                        <td><div style=\"width: 13px;\"><spacer width=\"13\" type=\"block\"></spacer></div></td>\n\
                                    	                                    </tr>\n\
                                </tbody></table></td>\n\
                            </tr>\n\
                            <tr>                                \n\
                            	<td width=\"100%\"><div style=\"width: 0px; height: 12px;\"><spacer height=\"12\" type=\"block\"></spacer></div></td>\n\
                            </tr>\n\
                            \n\
                            <tr>\n\
                                <td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n\
                                    <tbody><tr>\n\
                                    <td><div style=\"width: 13px;\"><spacer width=\"13\" type=\"block\"></spacer></div></td>\n\
	                                <td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" id=\"metal2\">\n\
                                                                        <tbody>\n\<tr>\n\
                                    	<td><div style=\"width: 5px;\"><spacer width=\"5\" type=\"block\"></spacer></div></td>\n\
                                        <td><font class=\"text\">Металл</font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                        <td><font class=\"text\">Покупка</font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                        <td><font class=\"text\">Продажа</font></td>\n\
                                        <td><div style=\"width: 10px;\"><spacer width=\"10\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                    <tr>\n\
                                        <td bgcolor=\"#d7d7d7\" colspan=\"7\"><div style=\"width: 0px; height: 3px;\"><spacer height=\"3\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                                    \n\
                                    <tr>\n\
                                    <td colspan=\"7\"><div style=\"width: 0px; height: 10px;\"><spacer height=\"10\" type=\"block\"></spacer></div></td>\n\
                                    </tr>\n\
                               </tbody></table></td>\n\
                                </tr>\n\
                            </tbody></table></td>\n\
                            </tr>\n\
                        </tbody></table></td>\n\
                        <td><div style=\"width: 30px;\"><spacer width=\"30\" type=\"block\"></spacer></div></td>\n\
                    </tr>\n\
                </table>";
$(document).ready(function(){
    $.ajax({
        crossDomain: true,
        dataType: "jsonp",
        jsonpCallback: "parseResponse",
        scriptCharset: "UTF-8",
        url: "http://www.khmb.ru:8080/Proxy/Get?path=Metalp",
        success: function(data){
            parse_json(data);
        },
        error: function(xhr,status,error){
                    }
    });
});