$(document).ready(function(){ 
	$.get("csfiyat.xml",{},function(xml){
	  for (i=1;i<=16;i++){
		myHTMLOutput = '';
	 	myHTMLOutput += '<table width="98%" border="0" cellpadding="1" cellspacing="4">';
		//$('r'+i,xml).
		$(xml).find('r'+i).each(function(i) {
			paket = $(this).find("pk").text();
			icerik = $(this).find("i").text();
			fiyat = $(this).find("f").text();
			mydata = BuildHTML(paket,icerik,fiyat);
			myHTMLOutput = myHTMLOutput + mydata;
		});
		myHTMLOutput += '</table>';		
		$("#ratecontainer"+i).append(myHTMLOutput); 
	  }
	}
);
}); 
 
 function BuildHTML(paket,icerik,fiyat){
	output = '';
	output += '<tr><td align="center" class="contentsubhdr" style="text-align:center;">'+ paket +'<br/><br/></td></tr>';
	output += '<tr><td align="left" style="color:#007d7d;"><strong class="contentsubhdr" style="font-size:12px">İçerik:&nbsp;</strong>'+ icerik +'<br/><br/></td></tr>';
	output += '<tr><td align="left" style="color:#007d7d;"><strong class="contentsubhdr" style="font-size:12px">Yüklenen Kredi:&nbsp;</strong>'+ fiyat +'</td></tr>';
	return output;
}

$(function() {         
         
    // initialize scrollable  
    $("div.scrollable").scrollable({ 
        vertical:true,  
        size: 2,
		interval: 3000,
		loop: true,  
		speed: 600, 
		nBeforeSeek: function() { 
            this.getItems().fadeTo(300, 0.2);         
        }, 
        onSeek: function() { 
            this.getItems().fadeTo(300, 1); 
        } 		
    });     
});