// JScript File
    var Url = "/net/webservice/DataService.asmx/";

    $(document).ready(
    function() {

        $('img.PopSelector').click(function ShowEle() {
            var Name = "#ProduktDiv"
            var topVal = $(window).scrollTop() + 10;
            $(Name).css({ top: topVal }).show();
            $(Name).draggable();
            GetData(this.id);
        })

        $('div.ProduktFuss').click(function ShowEle(ID) {
            var Name = "#ProduktDiv"
            $(Name).hide();
        })

    });

function GetData(ID){
	//	Get Rich
    $.ajax({
        type: "POST",
        url: Url + "GetProductInfo",
        data: "{'ID':'" + ID + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            // Hier die Felder befüllen
            var Elements = msg.split("*");
            var t = Elements[0] + "<br />" + Elements[1] + "<br /><br />" + Elements[2] + "<br />" + Elements[3] + "<br /><br />" + Elements[4] + "<br />" + Elements[5] + "<br /><br />" + Elements[6] + "<br />" + Elements[7];
            $("#pphRightText").html(t);
            $("#ProduktBild1").attr({
                src: Elements[10] + "?",
                title: Elements[9],
                alt: Elements[9]
            });
            $("#ProduktBild2").attr({
                src: Elements[11] + "?",
                title: Elements[9],
                alt: Elements[9]
            });
            $("#pphRight").html("Modell: " + Elements[9]);
            $("#ProduktFuss").html("schliessen");
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert("Leider trat beim Laden der Daten ein Fehler auf. Bitte versuchen Sie es zu einem späteren Zeitpunkt noch einmal");
            $("#ProduktFuss").html("schliessen");
            $("#ProduktBild1").attr({
                src: "/symbole/space.gif",
                title: "Late Daten",
                alt: "Lade Bild"
            });
        },
        beforeSend: function() {
            $("#pphRight").html("Lade Daten ... ");
            $("#pphRightText").html("");
            $("#ProduktFuss").html("");
            $("#ProduktBild1").attr({
                src: "/symbole/ajax-loader-indicator.gif",
                title: "Late Daten",
                alt: "Lade Bild"
            });
            $("#ProduktBild2").attr({
                src: "/symbole/space.gif",
                title: "Late Daten",
                alt: "Lade Bild"
            });
        }
    });
}