<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>بلاگ چرخان‌ساز</title>    
<script language="javascript" type="text/javascript">
var mainCode="<!-- The following code is based on the codes published here #http://googlesystem.blogspot.com/2007/08/blogroll-powered-by-google-reader.html# and here #http://www.radiozamaaneh.com/blog/2008/04/post_104.html#  -->"+"\n"+
"<!-- USE IT ON YOUR RESPONSIBILITY --> "+"\n"+
"<script type=#text/javascript#>"+
"\n"+
"function buildContent_UNQUNQUNQ (broll) {"+"\n"+
"  if (!broll || !broll.value.items) return;"+"\n"+
"\n"+
"  var items=broll.value.items;"+"\n"+
"  var container=document.getElementById(#blogroll_UNQUNQUNQ#);"+"\n"+
"  var code=##;"+"\n"+
"  var rightNow=Date.parse(broll.value.pubDate);"+"\n"+
"  "+"\n"+
"  var numberOfLinksToBeShown=100;"+"\n"+
"  "+"\n"+
"  var openLinksInANewWindow=true;"+"\n"+
"  var openInNewWindowStr=# target='_blank'#;"+"\n"+
"  if (!openLinksInANewWindow) openInNewWindowStr=##;  "+"\n"+
"  "+"\n"+
"  var linkTipIsDate=false;"+"\n"+
"  var linkTipIsPostTitle=true;  "+"\n"+
"  "+"\n"+
"  var decorateUpdatedBlogs=true;"+"\n"+
"  var recentUpdateString1=#<b>#;"+"\n"+
"  var recentUpdateString2=#</b>#;"+"\n"+
"  if (!decorateUpdatedBlogs) {recentUpdateString1=##;recentUpdateString2=##;}"+"\n"+
"  var dhours=0;"+"\n"+
"  "+"\n"+
"  var linksOnDifferentLines=true;"+"\n"+
"  var linkSeparator=#A#;"+"\n"+
"  if (linksOnDifferentLines) linkSeparator=##;"+"\n"+
"  var sameLineOrDifferentStr1=#<div>#;"+"\n"+
"  var sameLineOrDifferentStr2=#</div>#;"+"\n"+
"  if (!linksOnDifferentLines) {sameLineOrDifferentStr1=##;sameLineOrDifferentStr2=##;}"+"\n"+
"    		  "+"\n"+
"  var ru1=##;"+"\n"+
"  var ru2=##;"+"\n"+
"  var linkText=##;"+"\n"+
"  var linkTip=##;"+"\n"+
"  var linkTarget=##;"+"\n"+
"  "+"\n"+
"  var noDivOpen=new RegExp(#<div\\\\b[^>]*>#);"+"\n"+
"  var noDivClose=new RegExp(#</div>#);"+"\n"+
"  var noBr =new RegExp(#<?br?>#,#g#);"+"\n"+
"    "+"\n"+
"   for (var i = 0; i < Math.min(items.length,numberOfLinksToBeShown); i++) {"+"\n"+
"	"+"\n"+
"	 if (items[i]){		"+"\n"+
"		 items[i].updateTime=(items[i].updateTime == null)? ## : items[i].updateTime;"+"\n"+
"		 items[i].postTitle=(items[i].postTitle == null)? ## : items[i].postTitle;"+"\n"+
"		 items[i].blogUrl=(items[i].blogUrl == null)? ## : items[i].blogUrl;"+"\n"+
"		 items[i].blogTitle=(items[i].blogTitle == null)? ## : items[i].blogTitle;"+"\n"+
"		 ru1=##;ru2=##;"+"\n"+
"		 if (parseInt(rightNow)-items[i].crawlTime<dhours*60*60*1000) {ru1=recentUpdateString1;ru2=recentUpdateString2;}"+"\n"+
"		 if (linkTipIsDate) linkTip=items[i].updateTime;"+"\n"+
"		 if (linkTipIsPostTitle){"+"\n"+
"		     linkTip=items[i].postTitle.replace(noDivOpen,##);"+"\n"+
"		     linkTip=linkTip.replace(noDivClose,##);"+"\n"+
"		     linkTip=linkTip.replace(noBr,##);"+"\n"+
"		 }"+"\n"+
"		 linkText=items[i].blogTitle;"+"\n"+
"		 linkTarget=items[i].blogUrl;"+"\n"+
"		 code=code+sameLineOrDifferentStr1+#<a title='#+linkTip+#' href='#+linkTarget+#'#+openInNewWindowStr+#>#+ru1+linkText+ru2+linkSeparator+#</a>#+sameLineOrDifferentStr2;"+"\n"+
"		 "+"\n"+
"     }"+"\n"+
"   }"+"\n"+
"  container.innerHTML=code;"+"\n"+
"}"+"\n"+
"<\/script>"+"\n"+
"<div id=#blogroll_UNQUNQUNQ#>"+"\n"+
"<script type=#text/javascript# src=#http:\/\/pipes.yahoo.com\/pipes\/pipe.run?_id=PIPIDPIPIDPIPID&_render=json&_callback=buildContent_UNQUNQUNQ&gBlogrollTag=BLGROLTG&gIDNumber=GOOGIDGOOGID# ><\/script>"+"\n"+
"<\/script>"+"\n"+
"<\/div>";

function Button2_onclick() {
    //customizeCode(document.getElementById("idBox").value, document.getElementById("tagBox").value, document.getElementById("nBox").value,document.getElementById("newWinCheck").checked,document.getElementById("dhoursBox").value,document.getElementById("blodCheck").checked);
    //document.getElementById("showCode").value=mainCode.replace(/#/g,"\"");
    var code=mainCode.replace(/#/g,"\"");
    
    var randomNumberStr=Math.floor(Math.random()*50000)+"";
    code=code.replace(/UNQUNQUNQ/g,randomNumberStr);    
    
    code=code.replace(/GOOGIDGOOGID/,document.getElementById("gIDBox").value);
        
    code=code.replace(/BLGROLTG/,document.getElementById("tagBox").value);
    
    code=code.replace(/PIPIDPIPIDPIPID/,document.getElementById("yIDNumBox").value);
    
    code=code.replace(new RegExp("var numberOfLinksToBeShown=100;"),"var numberOfLinksToBeShown="+document.getElementById("nBox").value+";");
    
    code=code.replace(new RegExp("var openLinksInANewWindow=true;"),"var openLinksInANewWindow="+document.getElementById("newWinCheck").checked+";");
    
    code=code.replace(new RegExp("var linkTipIsDate=false;"),"var linkTipIsDate="+document.getElementById("dateTipRadio").checked+";");
    code=code.replace(new RegExp("var linkTipIsPostTitle=true;"),"var linkTipIsPostTitle="+document.getElementById("titleTipRadio").checked+";");
    
    code=code.replace(new RegExp("var decorateUpdatedBlogs=true;"),"var decorateUpdatedBlogs="+document.getElementById("decorUpBox").checked+";");
    code=code.replace(new RegExp("var recentUpdateString1=\"<b>\";"),"var recentUpdateString1=\""+document.getElementById("luBox").value+"\";");
    code=code.replace(new RegExp("var recentUpdateString2=\"</b>\";"),"var recentUpdateString2=\""+document.getElementById("ruBox").value+"\";");
    if (document.getElementById("dhourBox").value.length>0)
        code=code.replace(new RegExp("var dhours=0;"),"var dhours="+document.getElementById("dhourBox").value+";");
    
    code=code.replace(new RegExp("var linksOnDifferentLines=true;"),"var linksOnDifferentLines="+document.getElementById("sepLineRadio").checked+";");
    code=code.replace(new RegExp("var linkSeparator=\"A\";"),"var linkSeparator=\""+document.getElementById("sepBox").value+"\";");
    document.getElementById("showCode").value=code;
}

function buildContent (broll) {
  if (!broll || !broll.value.items) return;

  var items=broll.value.items;
  var container=document.getElementById("blogroll");
  var code="";
  var rightNow=Date.parse(broll.value.pubDate);
  
  var numberOfLinksToBeShown=parseInt(document.getElementById("nBox").value);
  
  var openLinksInANewWindow=document.getElementById("newWinCheck").checked;
  var openInNewWindowStr=" target='_blank'";
  if (!openLinksInANewWindow) openInNewWindowStr="";  
  
  var linkTipIsDate=document.getElementById("dateTipRadio").checked;
  var linkTipIsPostTitle=document.getElementById("titleTipRadio").checked;
  
  var decorateUpdatedBlogs=document.getElementById("decorUpBox").checked;
  var recentUpdateString1=document.getElementById("luBox").value;
  var recentUpdateString2=document.getElementById("ruBox").value;
  if (!decorateUpdatedBlogs) {recentUpdateString1="";recentUpdateString2="";}
  var dhours=0;
  if (document.getElementById("dhourBox").value.length>0) dhours=parseInt(document.getElementById("dhourBox").value);
  
  var linksOnDifferentLines=document.getElementById("sepLineRadio").checked;
  var linkSeparator="||";
  if (!linksOnDifferentLines) {linkSeparator=document.getElementById("sepBox").value;} else linkSeparator=""//
  var sameLineOrDifferentStr1="<div>";
  var sameLineOrDifferentStr2="</div>";
  if (!linksOnDifferentLines) {sameLineOrDifferentStr1="";sameLineOrDifferentStr2="";}
    		  
  var ru1="";
  var ru2="";
  var linkText="";
  var linkTip="";
  var linkTarget="";
  
  var noDivOpen=new RegExp("<div\\b[^>]*>");
  var noDivClose=new RegExp("</div>");
  var noBr =new RegExp("<?br?>","g");
    
   for (var i = 0; i < Math.min(items.length,numberOfLinksToBeShown); i++) {
	
	 if (items[i]){		
		 
		 items[i].updateTime=(items[i].updateTime == null)? "" : items[i].updateTime;
		 items[i].postTitle=(items[i].postTitle == null)? "" : items[i].postTitle;
		 items[i].blogUrl=(items[i].blogUrl == null)? "" : items[i].blogUrl;
		 items[i].blogTitle=(items[i].blogTitle == null)? "" : items[i].blogTitle;
		 
		 
		 ru1="";ru2="";
		 if (parseInt(rightNow)-items[i].crawlTime<dhours*60*60*1000) {ru1=recentUpdateString1;ru2=recentUpdateString2;}
		 if (linkTipIsDate) linkTip=items[i].updateTime;
		 if (linkTipIsPostTitle){
		     linkTip=items[i].postTitle.replace(noDivOpen,"");
		     linkTip=linkTip.replace(noDivClose,"");
		     linkTip=linkTip.replace(noBr,"");
		 }
		 linkTarget=items[i].blogUrl;
		 linkText=items[i].blogTitle;		 
		 code=code+sameLineOrDifferentStr1+"<a title='"+linkTip+"' href='"+linkTarget+"'"+openInNewWindowStr+">"+ru1+linkText+ru2+linkSeparator+"</a>"+sameLineOrDifferentStr2;
		 
     }

   }

  container.innerHTML=code;
}

function loadJSON(url) {
  var headID = document.getElementsByTagName("head")[0];         
  var newScript = document.createElement('script');
      newScript.type = 'text/javascript';
      newScript.src = url;
  headID.appendChild(newScript);
}

function sleep(delay){
    var start = new Date().getTime();
    while (new Date().getTime() < start + delay);
}

function Button1_onclick() {
    url="http:\/\/pipes.yahoo.com\/pipes\/pipe.run?_id=PIPIDPIPIDPIPID&_render=json&_callback=buildContent&gBlogrollTag=BLGROLTG&gIDNumber=GOOGIDGOOGID"
    url=url.replace(/GOOGIDGOOGID/,document.getElementById("gIDBox").value);
    url=url.replace(/BLGROLTG/,document.getElementById("tagBox").value);    
    url=url.replace(/PIPIDPIPIDPIPID/,document.getElementById("yIDNumBox").value);
    
    loadJSON(url); 
}

</script>
</head>
<body style="background-color: gainsboro">
    <center><table cellspacing="5" cellpadding="5" id="TABLE1" >
        <tr>
            <td align="right" style="height: 21px; background-color: royalblue; width: 675px; text-align: right;" colspan="2">
                <strong><span style="color: #ffffff">تنظیمات بلاگ‌چرخان</span></strong></td>
            <td style="width: 246px; background-color: royalblue; text-align: right; height: 21px;">
                <strong style="color: #ffffff">:پیش‌نمایش بلاگ‌چرخان</strong></td>
        </tr>
        <tr style="color: #000000">
            <td colspan="2" dir="rtl" style="width: 675px; height: 60px; background-color: white;
                text-align: right" valign="top">
                <span style="font-size: 10pt">(این صفحه درفایرفاکس و اینترنت اکسپلورر بهتر کار می‌کند)<br />
                </span>
                شماره شناسایی (گوگل)
                <input id="gIDBox" type="text" /><br />
                <br />
                تگ بلاگ‌رول
                <input id="tagBox" type="text" /><br />
                <br />
                کد شناسایی Yahoo Pipes<input id="yIDNumBox" type="text" />
                <br />
                <br />
                تعداد لینک‌هایی که می‌خواهید در بلاگ‌چرخان نمایش داده شوند
                <input id="nBox" style="width: 23px" type="text" /><br />
                <br />
                لینک‌ها در صفحه جدید باز شوند.
                <input id="newWinCheck" type="checkbox" /><br />
                <br />
                <input id="titleTipRadio" type="radio" style="height: 18px" name="R1" />راهنمای لینک‌ها عنوان پست‌ها یا قسمتی از ابتدای پست‌ها باشد.<br />
                <input id="dateTipRadio" type="radio" style="height: 18px" name="R1" />راهنمای لینک‌ها تاریخ به
                روزشدنشان باشد.<br />
                <span style="font-size: 10pt">
                ( راهنمای لینک دیگر چیست؟ موس را چند لحظه </span><a title="اسم این را گذاشته‌ام راهنمای لینک" href=""><span style="font-size: 10pt">اینجا</span></a><span
                        style="font-size: 10pt"> نگهدار.)<br />
                    </span>
                <br />
                لینک‌هایی که در
                <input id="dhourBox" style="width: 21px" type="text" />
                ساعت اخیر به‌روز شده‌اند را به صورت زیر مشخص کن:
                <input id="decorUpBox" type="checkbox" /><br />
                در سمت چپ لینک‌های به‌روز شده &nbsp;<input id="luBox" style="width: 25px" type="text"
                    value="<b>" />
                را قرار بده.<br />
                در سمت راست لینک‌های به‌روز شده &nbsp;<input id="ruBox" dir="ltr" style="width: 26px"
                    type="text" value="</b>" />
                را قرار بده.<br />
                <span style="font-size: 10pt">
                (اگر می‌خواهید لینک‌های به‌روز شده <strong>برجسته</strong>&nbsp; نوشته شوند دو مورد
                بالا را تغییر ندهید)<br />
                </span>
                <br /><input id="sepLineRadio" name="R2" type="radio" style="height: 18px" />هر لینک در یک سطر مجزا قرار
                بگیرد.<br />
                <input id="sameLineRadio" name="R2" type="radio" style="height: 18px" />لینک‌ها را پشت سر هم بگذار
                و بین‌ هر دو لینک
                <input id="sepBox" style="width: 24px" type="text" />&nbsp; قرار بده.<br />
            </td>
            <td style="width: 246px; background-color: white; text-align: right;" rowspan="3" dir="rtl" valign="top">
                            
            <div id="blogroll"><p></p></div>
                </td>
        </tr>
        <tr style="color: #000000">
            <td colspan="2" style="width: 675px; height: 12px; background-color: royalblue; color: white; text-align: right;" dir="rtl" valign="top">
                <span style="background-color: transparent"><strong>تولید کد:</strong></span></td>            
        </tr>
       <tr style="color: #000000">
            <td colspan="2" style="width: 675px; height: 510px; background-color: white; text-align: left;" valign="top">
                <br />
                <table>
                    <tr>
                        <td style="width: 43px">
                            <input id="Button1" type="button"
                    value="پیش‌نمایش بلاگ‌چرخان" name="codePre" onclick="return Button1_onclick()" /></td>
                        <td style="width: 443px">
                        </td>
                        <td>
                            <input id="Button2" type="button" value="تولید کد " name="genCode" onclick="return Button2_onclick()"/></td>
                    </tr>
                </table>
                <span style="font-size: 10pt">(ایجاد پیش‌نمایش شاید کمی طول بکشد)<br />
                    <br />
                    <textarea id="showCode" style="width: 657px; height: 422px"></textarea></span></td>
        </tr>        
    </table>
    </center>
</body>
</html>