$(document).ready(function GetMarkets(){
	waitMessage = "Loading...";
	var soapEnv =
	"<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
	<soapenv:Body> \
	     <GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
	        <listName>Markets</listName> \
	        <viewFields> \
	            <ViewFields> \
	               <FieldRef Name='Image' /> \
	               <FieldRef Name='Link' /> \
	               <FieldRef Name='Title' /> \
	               <FieldRef Name='Summary' /> \
	           </ViewFields> \
	        </viewFields> \
		</GetListItems> \
	</soapenv:Body> \
	</soapenv:Envelope>";
	$.ajax({
	url: "../_vti_bin/lists.asmx",
	type: "POST",
	dataType: "xml",
	data: soapEnv,
	complete: WriteMarkets,
	contentType: "text/xml; charset=\"utf-8\""
	});
});

function WriteMarkets(xData, status) {
	var image_url = new Array();
	var summary = new Array();
	var title = new Array();
	var link = new Array();
	var browser=navigator.appName;
	if(browser== "Microsoft Internet Explorer"){
		$(xData.responseXML).find("z\\:row").each(function(i) {
		    image_url[i] = $(this).attr('ows_Image');
		    summary[i] = $(this).attr('ows_Summary');
		    title[i] = $(this).attr('ows_Title');
		    link[i] = $(this).attr('ows_Link');
		});
	}	
	else{
		$(xData.responseText).find("z\\:row").each(function(i) {
		    image_url[i] = $(this).attr('ows_Image');
		    summary[i] = $(this).attr('ows_Summary');
		    title[i] = $(this).attr('ows_Title');
		    link[i] = $(this).attr('ows_Link');
		});
	}
	
	var img = Math.floor(Math.random()*7);
	var img2 = Randomize2(img);
	var img3 = Randomize3(img2);
	
	function Randomize2(){
		if (img == 7)
	    	return img -1;
	    else
	        return img +1;
	}
		
	function Randomize3(){
		if (img2 == 7)
	    	return img2 -2 ;
	    else
	        return img2 +1 ;
	}
	
	var icon_url = image_url[img];
	var icon_url2 = image_url[img2];
	var icon_url3 = image_url[img3];
	var RRtitle = title[img];
	var RRlink = link[img];
	var RRsummary = summary[img];
	var RRtitle2 = title[img2];
	var RRlink2 = link[img2];
	var RRsummary2 = summary[img2];
	var RRtitle3 = title[img3];
	var RRlink3 = link[img3];
	var RRsummary3 = summary[img3];
	
	Position1 = icon_url.indexOf(',');
	Position2 = RRlink.indexOf(',');
	Position3 = icon_url2.indexOf(',');
	Position4 = RRlink2.indexOf(',');
	Position5 = icon_url3.indexOf(',');
	Position6 = RRlink3.indexOf(',');
	    
    function strip(str, n){
		if (n <= 0)
	    	return "";
	    else if (n > String(str).length)
	        return str;
	    else
	        return String(str).substring(0,n);
	}		
	Icon = strip(icon_url, Position1);
	Linky = strip(RRlink, Position2);
	Icon2 = strip(icon_url2, Position3);
	Linky2 = strip(RRlink2, Position4);
	Icon3 = strip(icon_url3, Position5);
	Linky3 = strip(RRlink3, Position6);

    var markets = "<li><div class='pic-holder'><a href='"+ Linky +"'><img src='" + Icon + "' width='70' height='60' alt='"+ RRtitle +"'/></a></div><div class='item'><h4><a href='"+ Linky +"'>"+ RRtitle +"</a></h4><p>"+ RRsummary +"</p><p class='more'><a href='"+ Linky +"'>more</a></p></div></li>";
    var markets2 = "<li><div class='pic-holder'><a href='"+ Linky2 +"'><img src='" + Icon2 + "' width='70' height='60' alt='"+ RRtitle2 +"'/></a></div><div class='item'><h4><a href='"+ Linky2 +"'>"+ RRtitle2 +"</a></h4><p>"+ RRsummary2 +"</p><p class='more'><a href='"+ Linky2 +"'>more</a></p></div></li>";
    var markets3 = "<li><div class='pic-holder'><a href='"+ Linky3 +"'><img src='" + Icon3 + "' width='70' height='60' alt='"+ RRtitle3 +"'/></a></div><div class='item'><h4><a href='"+ Linky3 +"'>"+ RRtitle3 +"</a></h4><p>"+ RRsummary3 +"</p><p class='more'><a href='"+ Linky3 +"'>more</a></p></div></li>";
    	
    $('#m1').append(markets);
    $('#m1').append(markets2);
    $('#m1').append(markets3);
};