$(document).ready(function() {
        var soapEnv =
            "<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
                <soapenv:Body> \
                     <GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
                        <listName>News</listName> \
                        <query> \
                           <Query> \
                              <OrderBy> \
                                 <FieldRef Name='Modified' Ascending='FALSE'/> \
                              </OrderBy> \
                           </Query> \
                        </query> \
                        <viewFields> \
                            <ViewFields> \
                               <FieldRef Name='Title' /> \
                               <FieldRef Name='Modified' /> \
			       <FieldRef Name='URL' /> \
                           </ViewFields> \
                        </viewFields> \
                    </GetListItems> \
                </soapenv:Body> \
            </soapenv:Envelope>";

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

    function processResult(xData, status) {
        var countItems = 1;
        var divId = "";
        var completeRef = "";
        $(xData.responseXML).find("z\\:row").each(function() {
	    var urlComponents = $(this).attr("ows_URL").split(",", 2);
            var newsRef = "<a href=\"" + urlComponents[0] + "\" target=\"_blank\">" + $(this).attr("ows_Title") + "</a>&nbsp;" + "&nbsp;" + "&nbsp;"+ "&nbsp;" + "&nbsp;" + "&nbsp;"+ "&nbsp;" + "&nbsp;" + "&nbsp;"+ "&nbsp;" + "&nbsp;" + "&nbsp;";
						completeRef += newsRef;
            if (countItems < 4)
            {
//               divId = "#1News"
//               $(divId).append(newsRef);
               countItems = countItems + 1;
            }
            TICKER_CONTENT = completeRef;
        });
        ticker_start();
    }
    
   //Helper Methods    
   function dateToString(date)
   {
   	   var mNames = [ 'January','February','March','April','May','June','July','August','September','October','November','December' ];

         var str = '';
	      str += mNames[ date.getMonth() ];
         str += ' ';

         var t = String(date.getDate());
         str += t;
         if ( ( t.length == 2 ) && ( t.charAt(0) == '1' ) )
            str += 'th';
	      else
	      {
	         switch ( t.charAt( t.length-1 ) )
	         {
	            case '1': str += 'st'; break;
	            case '2': str += 'nd'; break;
	            case '3': str += 'rd'; break;
	            default: str += 'th'; break;
	         }
	      }	   
	      return str;
   }

   function parseZuluDate(str)
   {
      var year = str.substr(0,4);
      var month = (Number(str.substr(5,2))-1)%12;
      var day = str.substr(8,2);
      
      var curdate = new Date();
      curdate.setFullYear(year);
      curdate.setMonth(month);
      curdate.setDate(day);

      return curdate;
   }

   function convertDateFormat(zuluDate)
   {
      var curdate = parseZuluDate(zuluDate);
      var datestring = dateToString(curdate);
      return datestring;
   }
   


var TICKER_PAUSED = false;
var TICKER_RIGHTTOLEFT = false;
var TICKER_ID = "scrollablenews";
var TICKER_SPEED = 1;
var TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
var tickerSupported = false;


function ticker_start() {
//	var TICKER_CONTENT = document.getElementById(TICKER_ID).innerHTML;
	 
	var TICKER_WIDTH = document.getElementById(TICKER_ID).style.width;
	var img = "<img src=/PublishingImages/space.gif width="+TICKER_WIDTH+" height=30px>";

	// Firefox
	if (navigator.userAgent.indexOf("Firefox")!=-1 || navigator.userAgent.indexOf("Safari")!=-1) {
		document.getElementById(TICKER_ID).innerHTML = "<TABLE  cellspacing='0' cellpadding='0' width='100%'><TR><TD nowrap='nowrap'>"+img+"<SPAN ID='TICKER_BODY'>&nbsp;</SPAN>"+img+"</TD></TR></TABLE>";
		tickerSupported = true;
	}
	// IE
	if (navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1) {
		document.getElementById(TICKER_ID).innerHTML = "<DIV nowrap='nowrap' style='width:100%;'>"+img+"<SPAN ID='TICKER_BODY'></SPAN>"+img+"</DIV>";
		tickerSupported = true;
	}
	if(!tickerSupported) document.getElementById(TICKER_ID).outerHTML = ""; else {
		document.getElementById(TICKER_ID).scrollLeft = TICKER_RIGHTTOLEFT ? document.getElementById(TICKER_ID).scrollWidth - document.getElementById(TICKER_ID).offsetWidth : 0;
		document.getElementById("TICKER_BODY").innerHTML = TICKER_CONTENT;
		document.getElementById(TICKER_ID).style.display="block";
		TICKER_tick();
	}
}

function TICKER_tick() {
	if(!TICKER_PAUSED) document.getElementById(TICKER_ID).scrollLeft += TICKER_SPEED * (TICKER_RIGHTTOLEFT ? -1 : 1);
	if(TICKER_RIGHTTOLEFT && document.getElementById(TICKER_ID).scrollLeft <= 0) document.getElementById(TICKER_ID).scrollLeft = document.getElementById(TICKER_ID).scrollWidth - document.getElementById(TICKER_ID).offsetWidth;
	if(!TICKER_RIGHTTOLEFT && document.getElementById(TICKER_ID).scrollLeft >= document.getElementById(TICKER_ID).scrollWidth - document.getElementById(TICKER_ID).offsetWidth) document.getElementById(TICKER_ID).scrollLeft = 0;
	window.setTimeout("TICKER_tick()", 30);
}









   /**
* author Remy Sharp
* url http://remysharp.com/tag/marquee
*/

/*
(function ($) {
    $.fn.marquee = function (klass) {
        var newMarquee = [],
            last = this.length;

        // works out the left or right hand reset position, based on scroll
        // behavior, current direction and new direction
        function getReset(newDir, marqueeRedux, marqueeState) {
            var behavior = marqueeState.behavior, width = marqueeState.width, dir = marqueeState.dir;
            var r = 0;
            if (behavior == 'alternate') {
                r = newDir == 1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : width;
            } else if (behavior == 'slide') {
                if (newDir == -1) {
                    r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] : width;
                } else {
                    r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : 0;
                }
            } else {
                r = newDir == -1 ? marqueeRedux[marqueeState.widthAxis] : 0;
            }
            return r;
        }

        // single "thread" animation
        function animateMarquee() {
            var i = newMarquee.length,
                marqueeRedux = null,
                $marqueeRedux = null,
                marqueeState = {},
                newMarqueeList = [],
                hitedge = false;
                
            while (i--) {
                marqueeRedux = newMarquee[i];
                $marqueeRedux = $(marqueeRedux);
                marqueeState = $marqueeRedux.data('marqueeState');
                
                if ($marqueeRedux.data('paused') !== true) {
                    // TODO read scrollamount, dir, behavior, loops and last from data
                    marqueeRedux[marqueeState.axis] += (marqueeState.scrollamount * marqueeState.dir);

                    // only true if it's hit the end
                    hitedge = marqueeState.dir == -1 ? marqueeRedux[marqueeState.axis] <= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState) : marqueeRedux[marqueeState.axis] >= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
                    
                    if ((marqueeState.behavior == 'scroll' && marqueeState.last == marqueeRedux[marqueeState.axis]) || (marqueeState.behavior == 'alternate' && hitedge && marqueeState.last != -1) || (marqueeState.behavior == 'slide' && hitedge && marqueeState.last != -1)) {                        
                        if (marqueeState.behavior == 'alternate') {
                            marqueeState.dir *= -1; // flip
                        }
                        marqueeState.last = -1;

                        $marqueeRedux.trigger('stop');

                        marqueeState.loops--;
                        if (marqueeState.loops === 0) {
                            if (marqueeState.behavior != 'slide') {
                                marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
                            } else {
                                // corrects the position
                                marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
                            }

                            $marqueeRedux.trigger('end');
                        } else {
                            // keep this marquee going
                            newMarqueeList.push(marqueeRedux);
                            $marqueeRedux.trigger('start');
                            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
                        }
                    } else {
                        newMarqueeList.push(marqueeRedux);
                    }
                    marqueeState.last = marqueeRedux[marqueeState.axis];

                    // store updated state only if we ran an animation
                    $marqueeRedux.data('marqueeState', marqueeState);
                } else {
                    // even though it's paused, keep it in the list
                    newMarqueeList.push(marqueeRedux);                    
                }
            }

            newMarquee = newMarqueeList;
            
            if (newMarquee.length) {
                setTimeout(animateMarquee, 5000);
            }            
        }
        
        // TODO consider whether using .html() in the wrapping process could lead to loosing predefined events...
        this.each(function (i) {
            var $marquee = $(this),
                width = $marquee.attr('width') || $marquee.width(),
                height = $marquee.attr('height') || $marquee.height(),
                $marqueeRedux = $marquee.after('<div ' + (klass ? 'class="' + klass + '" ' : '') + 'style="display: block-inline; width: ' + width + 'px; height: ' + height + 'px; overflow: hidden;"><div style="float: left; white-space: nowrap;">' + $marquee.html() + '</div></div>').next(),
                marqueeRedux = $marqueeRedux.get(0),
                hitedge = 0,
                direction = ($marquee.attr('direction') || 'left').toLowerCase(),
                marqueeState = {
                    dir : /down|right/.test(direction) ? -1 : 1,
                    axis : /left|right/.test(direction) ? 'scrollLeft' : 'scrollTop',
                    widthAxis : /left|right/.test(direction) ? 'scrollWidth' : 'scrollHeight',
                    last : -1,
                    loops : $marquee.attr('loop') || -1,
                    scrollamount : $marquee.attr('scrollamount') || this.scrollAmount || 2,
                    behavior : ($marquee.attr('behavior') || 'scroll').toLowerCase(),
                    width : /left|right/.test(direction) ? width : height
                };
            
            // corrects a bug in Firefox - the default loops for slide is -1
            if ($marquee.attr('loop') == -1 && marqueeState.behavior == 'slide') {
                marqueeState.loops = 1;
            }

            $marquee.remove();
            
            // add padding
            if (/left|right/.test(direction)) {
                $marqueeRedux.find('> div').css('padding', '0 ' + width + 'px');
            } else {
                $marqueeRedux.find('> div').css('padding', height + 'px 0');
            }
            
            // events
            $marqueeRedux.bind('stop', function () {
                $marqueeRedux.data('paused', true);
            }).bind('pause', function () {
                $marqueeRedux.data('paused', true);
            }).bind('start', function () {
                $marqueeRedux.data('paused', false);
            }).bind('unpause', function () {
                $marqueeRedux.data('paused', false);
            }).data('marqueeState', marqueeState); // finally: store the state
            
            // todo - rerender event allowing us to do an ajax hit and redraw the marquee

            newMarquee.push(marqueeRedux);

            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
            $marqueeRedux.trigger('start');
            
            // on the very last marquee, trigger the animation
            if (i+1 == last) {
                animateMarquee();
            }
        });            

        return $(newMarquee);
    };
}(jQuery)); */