function remove(obj) {
    var session = $("#userId").html();
    var str = $(obj).children("span:first").html();
    $.get('svar.aspx', {remove: str, SessionId:session}, myCallback);
    $(obj).remove();

}
function closeInfo() {
    $("#divInfo").empty();
}
$(function() {

    $("#buyinfo").click(function() {
        var text = "<div style='margin-left:5px; margin-top:5px; width:804px; border:5px solid #871D17; padding:10px; background:white;'><h1>Köpinfo</h1><p><b>Betalning:</b> Betalning sker till mitt bankkonto (kontonr mailas ut efter inskickad beställning). Skivorna skickas när pengarna kommit in på kontot (senast nästföljande lördag eller tidigare om du har tur).</p>" +
        "<p><b>Frakt:</b> < 1 kg = 56 kr, 1-2 kg = 78 kr, > 2kg = 150 kr. Skivorna kan hämtas i Stockholm om du vill slippa frakt (skriv om det i meddelanderutan).</p>" +
        "<p><b>Bokning:</b> Du bokar en skiva genom att klicka på boka-knappen. Avboka genom att klicka på krysset brevid skivans namn i listan med valda skivor." +
        "När du valt de skivor du vill ha klickar du på skicka beställning.</p>" +
        "<p><b>Övrig info:</b> När du får upp meddelandet 'någon annan hann boka före' så betyder det just det. Statusen ändras till bokad först efter att en beställning är inskickad. " +
        "En temporär bokning gäller i ca 30 min och om du inte har beställt innan dess kan andra boka den skivan.</p>" +
        "<p><b>Blir man lurad?:</b> Jag hänvisar till mitt omdöme på tradera som någon slags garanti för att jag är pålitlig <a href='http://www.tradera.com/MyTradera/Feedback/ViewFeedback.aspx?ftgnr=264797' target='_new'>gå dit</a>. Den här sidan finns endast för att jag inte orkade lägga upp alla skivor på tradera. Det är en slags avancerad annons kan man säga.</p>" +
        "<p><b>Övriga frågor:</b> Undrar du över något annat kan du maila records@mindexplosion.se så svarar jag så fort jag kan.</p>" +
        "<span onclick='closeInfo()' style='margin-top:10px; text-decoration:underline; cursor:pointer;'><h1>STÄNG KÖPINFO</h1></span></div>";
        $("#divInfo").html(text);
    });

    var session = $("#userId").html();

    $('div.scrollable').scrollable({ vertical: true, size: 5, clickable: false });

    $('.boka').click(function() {
        $('#bokadeSkivor').css("visibility", "visible");
        var str = $(this).children("div:first").html();
        $.get('svar.aspx', { id: str, SessionId: session }, myCallback);
        $(this).html("");
    });
    $('#btnBoka').click(function() {
        if ($("#txtEmail").val().length > 0) {
            alert("tack för din beställning!");
            var email = $("#txtEmail").val();
            var name = $("#txtNamn").val();
            var address = $("#txtAdress").val();
            var ortvar = $("#txtOrt").val();
            var postnr = $("#txtPostnr").val();
            var notis = $("#txtNotis").val();
            $.get('svar.aspx', { bokaSkivor: "yes", ort: ortvar, post: postnr, note: notis, epost: email, namn: name, adress: address, SessionId: session },
            function(svar) {
                var text = "<div style='margin-left:5px; margin-top:5px; width:804px; border:5px solid #871D17; padding:10px; background:white;'><p>" + svar + "</p></div>";
                $("#divInfo").html(text);

            }
            );

        }
        else
            alert("ingen e-post!");

    });

});

function myCallback(svar) {
    $('#bokadeSkivor').html(svar);
    
}

function myCallbackBokade(svar) {
var text ="<div style='margin-left:5px; margin-top:5px; width:804px; border:5px solid #871D17; padding:10px; background:white;'><p>"+svar+"</p></div>";
$("#divInfo").html(text);
}