window.addEvent('domready', function() {
    var num_articles = 15;
    var starts = new Hash();

    $$('li[class=prev]').setStyle('display','none');

    $$('a[class=clicknext]').addEvent('click', function() {
	var container = this.getParent('.feeds'); // top
        var articles  = container.getElement('.articles');
        var category  = articles.id;
	var category_esc = escape(category).replace(/\+/, "%2B");

        if( !starts.has(category) ){
          starts.set(category,0);
        }
        starts.set(category, starts.get(category) + num_articles);

        var next = container.getElement('.next');
        var prev = container.getElement('.prev');

        // show adjacent clickprev
        prev.setStyle('display','');

        var req = new Request.HTML(
           { 
             url:'next.html',
             method:'get',
             isSuccess : function( status) {
	         return (status==0 || (status >= 200) && (status < 300));
             },
             onSuccess: function(html) {
               articles.set('text', '');
               articles.adopt(html);
	       var entries = articles.getElements('.entry');
	       if(entries.length < num_articles){
		   next.setStyle('display','none'); // hide next
	       }
	       // add tipz
	       var atips = articles.getElements('a.tipz');
	       atips.each(function(element,index) {
		       var content = element.get('title').split('::');
		       element.store('tip:title', content[0]);
		       element.store('tip:text', content[1]);
		   });
	       //create the tooltips
	       var tipz = new Tips('.tipz',{
		       className: 'tipz',
		       fixed: false,
		       hideDelay: 0,
		       showDelay: 450
		   });	       
	       var slowTipz = new Tips('.tipz',{
		       className: 'tipz',
		       fixed: false,
		       hideDelay: 0,
		       showDelay: 60000
		   });	       
	       var tinprev = Cookie.read('tinprev');
	       if(!tinprev){
		   tinprev='on';
	       }
	       if(tinprev=='off'){
		   tipz.detach('.tipz');
		   slowTipz.attach('.tipz');
	       }
	       else if(tinprev=='on'){
		   slowTipz.detach('.tipz');
		   tipz.attach('.tipz');
	       }

             },
             onFailure: function() {
               //$('result').set('text', 'The request failed.');
             }
           });

        req.send( 'c='+category_esc+'&s='+starts.get(category)+'&i='+num_articles );
      });

    $$('a[class=clickprev]').addEvent('click', function() {
        var container = this.getParent().getParent().getParent().getParent(); // top
        var articles = container.getElement('.articles');
        var category = articles.id;
	var category_esc = escape(category).replace(/\+/, "%2B");

        starts.set(category, starts.get(category) - num_articles);

        // show adjacent clicknext
        var next = container.getElement('.next');
        next.setStyle('display','');

        if( starts.get(category) < 1 ){
          // hide adjecent clickprev
          var prev = this.getParent().getParent().getElement('.prev');
          $(prev).setStyle('display','none');
        }
        var req = new Request.HTML(
           { 
             url:'next.html',
             method:'get',
             isSuccess : function( status) {
	         return (status==0 || (status >= 200) && (status < 300));
             },
             onSuccess: function(html) {
             articles.set('text', '');
             articles.adopt(html);
	       // add tipz
	       var atips = articles.getElements('a.tipz');
	       atips.each(function(element,index) {
		       var content = element.get('title').split('::');
		       element.store('tip:title', content[0]);
		       element.store('tip:text', content[1]);
		   });
	       //create the tooltips
	       var tipz = new Tips('.tipz',{
		       className: 'tipz',
		       fixed: false,
		       hideDelay: 0,
		       showDelay: 450
		   });	       
	       var slowTipz = new Tips('.tipz',{
		       className: 'tipz',
		       fixed: false,
		       hideDelay: 0,
		       showDelay: 60000
		   });	       
	       var tinprev = Cookie.read('tinprev');
	       if(!tinprev){
		   tinprev='on';
	       }
	       if(tinprev=='off'){
		   tipz.detach('.tipz');
		   slowTipz.attach('.tipz');
	       }
	       else if(tinprev=='on'){
		   slowTipz.detach('.tipz');
		   tipz.attach('.tipz');
	       }

             },
             onFailure: function() {
               //$('result').set('text', 'The request failed.');
             }
           });
        req.send( 'c='+category_esc+'&s='+starts.get(category)+'&i='+num_articles );
      });

});