var randid;
var ActiveArticle = 0;
var ArticleCount = 3;

function JobCardFeed(CustomerID, FeedID, LinkType) {
    randid = Math.random();
    document.write("<div id=\"JobCardFeed" + randid + "\"></div>");

    http = createRequestObject();
    http.open('post', 'Feed.asmx/GetJobCardFeed');
    http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    http.setRequestHeader("Content-Length", "12");
    http.onreadystatechange = handleResponse;
    var http_post = "CustomerID=" + CustomerID + "&FeedID=" + FeedID + "&LinkType=" + LinkType;
    http.send(http_post);
}

function handleResponse() {
    if (http.readyState == 4) {
        if (http.status == 200) {
            var xmlRoot = http.responseXML.documentElement;
            var strFeed = xmlRoot.text;
            document.getElementById("JobCardFeed" + randid).innerHTML = strFeed;

            var element = document.getElementById("JobCardArticleCount");
            if (element != null) {
                ArticleCount = element.value;
                swapArticle(6000);
            }            
        }
        else {
            //alert("Error retrieving data!" + http.status + ' ' + http.responseText);
        }
    }
}

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if (browser == "Microsoft Internet Explorer") {
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        ro = new XMLHttpRequest();
    }
    return ro;
}

function swapArticle(timer) {

    if (ArticleCount > 0) {
        if (ActiveArticle == ArticleCount) {
            document.getElementById("JobCardArticleID" + ActiveArticle).style.display = "none";
            ActiveArticle = 1;
            document.getElementById("JobCardArticleID" + ActiveArticle).style.display = "inline";
        }
        else {
            if (ActiveArticle > 0)
                document.getElementById("JobCardArticleID" + ActiveArticle).style.display = "none";
            ActiveArticle = ActiveArticle + 1;
            document.getElementById("JobCardArticleID" + ActiveArticle).style.display = "inline";
        }

        //alert(ActiveArticle);

        setTimeout("swapArticle(" + timer + ")", timer);
    }   
}