// File: banners.js

// Start function when DOM has completely loaded 
$(document).ready(function(){ 

	// Open the banners.xml file
	$.get("/xml/banners.xml",{},function(xmlData){
		// Build an HTML string
		var myHTMLOutput = '';

    myHTMLOutput = '  <table width="129" border="0" cellpadding="0" cellspacing="0"> \n\
    <tr> \n\
      <td height="14" valign="middle"> \n\
        <div align="center" class="titolopar Stile1">GOLD FRANCHISE</div> \n\
      </td> \n\
    </tr> \n\
  </table>\n';

		// Run the function for each banner tag in the XML file
		myName = new Array();
		var i=0;
		$(xmlData).find('banner').each(function() {			
			bannerName = $(this).find("name").text();
			bannerAlt = $(this).find("alt").text();
			bannerURL = $(this).find("url").text();
			bannerLogo = $(this).find("logo").text();
			
//			// Build row HTML data and store in string
			riga = bannerName + '|' + bannerAlt + '|' + bannerURL + '|' + bannerLogo;
			myName[i]=bannerName + '|' + bannerAlt + '|' + bannerURL + '|' + bannerLogo;
			i++;
		});
		shuffle(myName);
		var count = 0;
		for (var count=0; count<myName.length; count++) {
			element = myName[count].split("|");
//	 		console.log("<p align='center'><a href='" + element[2] + "'><img border='0' src='" + element[3] + "' alt='" + element[1] + "'/><br />");
//			console.log("  <span class='Stile10'>" + element[0] + "</span></a> </p>");
			myHTMLOutput += "<p align='center'><a href='" + element[2] + "'><img border='0' src='" + element[3] + "' alt='" + element[1] + "'/><br />\n" 
			myHTMLOutput += "  <span class='Stile10'>" + element[0] + "</span></a> </p>\n";
		}
		
		
		// Update the DIV called Content Area with the HTML string
		$("#ContentArea").append(myHTMLOutput);
		$(".banner-container").html(myHTMLOutput);	
	});
},"xml");
 
 



//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [rev. #1]

shuffle = function(v){
    for(var j, x, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x);
    return v;
};

//function BuildBannersHTML(bannerName,bannerAlt,bannerURL,bannerLogo,bannerSE){
//	
//	// Check to see if their is a "post" attribute in the name field
//	if ((bannerPost) != undefined){
//		bannerPostHTML = "<strong>(" + bannerPost + ")</strong>";
//	}
//	else
//	{
//		bannerPostHTML = "";
//	}
//	
//	// Build HTML string and return
//	output = '';
//	output += '<tr>';
//	output += '<td>'+ bannerName + bannerPostHTML + '</td>';
//	output += '<td>'+ bannerAlt +'</td>';
//	output += '<td>'+ bannerURL +'</td>';
//	output += '<td>'+ bannerLogo +'</td>';
//	output += '</tr>';
//	return output;
//}
	 
