function gosterSubscription(categoryIdentifier, parentCategoryIdentifier, videoIdentifier) {
   var curtain = document.getElementById('curtain');
   curtain.style.width = '100%';
   curtain.style.height = (document.body.offsetHeight > screen.height) ? screen.height + 1050 + 'px' : document.body.offsetHeight + 20 + 'px';
   curtain.style.display = 'block';

   // video ise identifier
   var identifier = categoryIdentifier;
   var parentIdntf = parentCategoryIdentifier;
   // category ise identifier
   if (identifier == '') {
      identifier = videoIdentifier;
   }

   var params = "actionType=relateds&identifier=" + identifier;

   new Ajax.Request('/app/categorysubscription.tv', {
      method: 'get',
      parameters: params,
      onSuccess: function(response) {
         var result = response.responseText;
         var items = eval("(" + result + ")");
         var layerDiv = document.getElementById('layer');

         var inHtml = '';
         inHtml += '<div align="center">';
         inHtml += '<div class="abonelik_popup_border">';
         inHtml += '<div class="abonelik_baslik_bg">';
         inHtml += '<div class="left"><b>Yeni konulardan haberdar olun</b></div>';
         inHtml += '<div class="right"><a href="javascript:saklaSubscription()">Vazgeç</a></div>';
         inHtml += '<div class="clear"></div>';
         inHtml += '</div>';
         inHtml += '<div class="padding20">';
         inHtml += '<p style="padding:0pt;"><img src="/images/subscription/bullet_blue.gif" width="4" height="7" alt="" /> Lütfen e-posta adresinizi girin</p>';
         inHtml += '<p style="margin-top:5px;padding:0pt;"><input type="text" id="subscription_email" style="border:1px solid #c2c7cb; width:220px; height:22px;font-size:16px;" /></p>';
         inHtml += '<div class="clear20"></div>';
         inHtml += '<p style="padding:0pt;"><img src="/images/subscription/bullet_blue.gif" width="4" height="7" alt="" /> Haberdar olmak istediğiniz kategorileri işaretleyin.</p>';
         //			for (var i = 0; i < items.length; i++) {
         //                var item = items[i];
         //                if (i == 0){
         //                    inHtml += '<div class="abonelik_sec_sel">';
         //                    inHtml += '<INPUT TYPE=CHECKBOX NAME="categories" VALUE="' + item.identifier + '" onclick="controlBoxes(true);">' + item.name + '<BR>';
         //                    inHtml += '</div>';
         //                }
         //                else {
         //                    inHtml += '<div class="abonelik_sec">';
         //                    inHtml += '<INPUT TYPE=CHECKBOX NAME="categories" VALUE="' + item.identifier + '" onclick="controlBoxes(false);">' + item.name + '<BR>';
         //                    inHtml += '</div>';
         //                }
         //            }
         var turn = 0;
         for (var i = 0; i < items.length; i++) {
            var item = items[i];
            if (i == 0) {
               inHtml += '<div class="abonelik_sec_sel">';
               inHtml += '<LABEL FOR="' + item.identifier + '"><INPUT TYPE=CHECKBOX NAME="categories" VALUE="' + item.identifier + '" id="' + item.identifier + '" onclick="controlBoxes(true);">&nbsp;' + item.name + '</label><BR>';
               inHtml += '</div>';
            }
            else {
               var mod = turn % 3;
               if (turn == 0) {
                  inHtml += '<table style="width:100%;" id="categoryTable"><tr>';
               }
               if (item.identifier == identifier || item.identifier == parentIdntf) {
                  inHtml += '<td class="abonelik_sec" style="height:35px;vertical-align:top;"><div style="float:left;width:18px;"><INPUT TYPE=CHECKBOX NAME="categories" VALUE="' + item.identifier + '" id="' + item.identifier + '" onclick="controlBoxes(false);" checked="true"></div><div style="float:left; width:100px;"><LABEL FOR="' + item.identifier + '">' + item.name + '</label></div></td>';
               } else {
                  inHtml += '<td class="abonelik_sec" style="height:35px;vertical-align:top;"><div style="float:left;width:18px;"><INPUT TYPE=CHECKBOX NAME="categories" VALUE="' + item.identifier + '" id="' + item.identifier + '" onclick="controlBoxes(false);"></div><div style="float:left; width:100px;"><LABEL style="color:#A4A4A4;" FOR="' + item.identifier + '">' + item.name + '</label></div></td>';
               }

               if (mod == 2) {
                  inHtml += '</tr>';
               }
               if (turn == items.length - 2) {
                  inHtml += '</table>';
               }
               turn ++;
            }
         }
         inHtml += '<div class="clear20"></div>';
         inHtml += '<p><img src="/images/subscription/buton_abone_ol.gif" style="cursor:pointer;margin-left:240px;" onclick="subscribe();" width="102" height="28" alt="" /></p>';
         inHtml += '</div>';
         inHtml += '</div>';
         inHtml += '</div>';
         var scrOfY = getScrollY();
         layerDiv.style.top = scrOfY + 100 + 'px';
         layerDiv.innerHTML = inHtml;
         layerDiv.style.visibility = 'visible';
         layerDiv.style.display = 'block';
         layerDiv.style.zIndex = '3000';
      }
   });

}

function subscribe() {
   if (!echeck(document.getElementById('subscription_email').value)) {
      return;
   }
   if (!controlCheckedForSubscription()) {
      return;
   }

   var checked = document.getElementsByName('categories');
   var ids = '';
   for (var i = 0; i < checked.length; i++) {
      if (checked[i].checked) {
         ids += checked[i].value + ',';
      }
   }

   ids = ids.substr(0, ids.length - 1);

   var email = document.getElementById('subscription_email').value;
   var rootChecked = checked[0].checked;

   var params = "actionType=subscribe&rootChecked=" + rootChecked + "&email=" + email + "&ids=" + ids;
   new Ajax.Request('/app/categorysubscription.tv', {
      method: 'get',
      parameters: params,
      onSuccess: function(response) {
         var layerDiv = document.getElementById('layer');
         var inHtml = '';
         inHtml += '<div align="center">';
         inHtml += '<div class="abonelik_popup_border">';
         inHtml += '<div class="padding20">';
         inHtml += '<div class="clear" style="height:120px;"></div>';

         if (response.responseText == 'activated') {
            inHtml += '<p class="font15">E-posta ile aboneliğiniz başladı.<br />Yeni konular eklendiğinde sizi haberdar edeceğiz.</p>';
         } else if (response.responseText == 'notActivated') {
            inHtml += '<p class="font15">Aboneliğinizin başlatılması için e-posta adresinizi doğrulamanız gerekiyor.<br />Lütfen <b>' + email + '</b> adresine gönderdiğimiz e-postadaki onay linkine tıklayın.</p>';
         } else if (response.responseText == 'existsButNotActivated') {
            inHtml += '<p class="font15">Bu adres sistemde var ancak doğrulama yapılmamış. <br />Aboneliğinizin başlatılması için <b>' + email + '</b> adresine gönderdiğimiz e-postadaki onay linkine tıklamanız gerekiyor.</p>';
         }

         inHtml += '<div class="clear20"></div>';
         inHtml += '<p align="center"><img src="/images/subscription/buton_kapat.gif" onclick="saklaSubscription();" style="cursor:pointer;" width="75" height="28" alt="" /></p>';
         inHtml += '<div class="clear" style="height:120px;"></div>';
         inHtml += '</div>';
         inHtml += '</div>';
         inHtml += '</div>';
         layerDiv.innerHTML = inHtml;
      }
   });
}

function controlBoxes(ifRoot) {
   var checked = document.getElementsByName('categories');
   if (ifRoot) {
      if (checked[0].checked) {
         for (var i = 1; i < checked.length; i++) {
            checked[i].checked = true;
         }
      } else {
         for (var i = 1; i < checked.length; i++) {
            checked[i].checked = false;
         }
      }
   } else {
      var controlAll = true;
      for (var i = 1; i < checked.length; i++) {
         if (!checked[i].checked) {
            controlAll = false;
         }
      }
      if (controlAll) {
         checked[0].checked = true;
      } else {
         checked[0].checked = false;
      }

   }
   var checked = document.getElementsByName('categories');
   var catTable = document.getElementById('categoryTable');
   var spans = catTable.getElementsByTagName('label');
   for (var i = 0; i < checked.length - 1; ++i) {
      if (!checked[i + 1].checked) {
         spans[i].style.color = '#A4A4A4';
      } else {
         spans[i].style.color = '#000000';
      }
   }
}

function saklaSubscription() {
   var curtain = document.getElementById('curtain');
   curtain.style.display = 'none';

   var layer = document.getElementById('layer');
   layer.style.display = 'none';
}