$(document).ready(function () {

    // Sacar imagens da Lista
    getImages();

    //»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»

    function changeCabecalho(src, title, autoria, data, flickrlink) {
        $("#ImagemCabecalho").attr("src", src);
        $("#ImagemCabecalho").attr("title", title);

        $(".flickr-titulo-imagem").text(title);
        $("#flickr-autoria").text(autoria);
        $("#flickr-autoria").attr('href', flickrlink);
        $(".flickr-data").text(data);

    }

    function getImages() {
        var soapEnv =
                    "<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
                        <soapenv:Body> \
                             <GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
                                <listName>HeaderImages</listName> \
                                <viewFields> \
                                    <ViewFields> \
                                       <FieldRef Name='FileRef' /> \
                                       <FieldRef Name='Name' /> \
                                       <FieldRef Name='Title' /> \
                                       <FieldRef Name='Autoria' /> \
                                       <FieldRef Name='ImageCreate' /> \
                                       <FieldRef Name='AlternateThumbnailUrl' /> \
                                   </ViewFields> \
                                </viewFields> \
                            </GetListItems> \
                        </soapenv:Body> \
                    </soapenv:Envelope>";

        $.ajax({
            //            url: "http://10.0.3.40:81/_vti_bin/lists.asmx",
            url: "/_vti_bin/lists.asmx",
            type: "POST",
            dataType: "xml",
            data: soapEnv,
            complete: processResult,
            contentType: "text/xml; charset=\"utf-8\""
        });
    }

    function processResult(xData, status) {
        $(xData.responseXML).find("[nodeName=z:row]").each(function (i) {

            var title = $(this).attr("ows_Title");
            var autoria = $(this).attr("ows_Autoria");
            var data = $(this).attr("ows_Created_x0020_Date");
            data = data.substring(data.indexOf(';#') + 2);
            var flickrlink = $(this).attr("ows_AlternateThumbnailUrl");
            flickrlink = flickrlink.substring(0, flickrlink.indexOf(','));
            //data = formatDate('yy-mm-dd', data)
            //data = $.format.date(data, "dd-MM-yyyy")

            var url = $(this).attr("ows_FileRef");
            url = url.substring(url.indexOf(';#') + 2);
            url = '/' + url;

            if (i == 0)
                changeCabecalho(url, title, autoria, data, flickrlink);

            $("#ImgThumb" + (i + 1)).attr("src", url);
            $("#ImgThumb" + (i + 1)).attr("title", title);
            $("#ImgThumb" + (i + 1)).attr("alt", title);
            $("#ImgThumb" + (i + 1)).attr("longdesc", autoria + ";#" + data + ";%" + flickrlink);
            //alert("Title: " + title + " Autoria:" + autoria + " Data:" + data);


        });
        if ($('.scrollable').length) { $(".scrollable").scrollable({ circular: true }); } 	//CAROUSSEL DO TOPO DA PAGINA 
    }
});
//====================================================================