/*
 *  tabright.js.php
 *
 */

$(function(){

  var tmp = $('div.tabright');
  var tabs = tmp.find("div#r-tab ul li");
  var tablist = tmp.find("div.tabcont");
  var url = '/note/tab_contents.php';
  var rel = ['recipe','review','qa','note','member','thread'];
  var hid = 't2';

  var str = '';
      str += '<table height="450" border="0" cellspacing="0" cellpadding="0" class="tab-rank">';
      str += '<tr><td align="center" >';
      str += '<br><br><img src="/note/js/lightbox/images/loading.gif" border="0">';
      str += '</td></tr>';
      str += '</table>';

  $.each(tabs,function(i,li){
    $(li).attr("tabIndex",i+1).click(onClickTab);
  });

  $('li.up').click(function(){
    $('li.low').removeClass('act');
  });
  $('li.low').click(function(){
                      $('li.low').removeClass('act');
                      if($(this).attr('tabIndex') >= 4){
                        $(this).addClass('act');
                      }
  });
//  getAjax(3);

/*
 *  tab
 */
  function onClickTab(){
    var element = $(this);
    var ti = element.attr("tabIndex");
    
    $.tab.ti = ti;
    
    tabs.find("a").removeClass("tab-act");
    tabs.eq(ti-1).find("a").addClass("tab-act");

    element.blur();

    tablist.html(str);

    getAjax(ti-1);
  }

  function getAjax(ti,options){

  var data = $.extend({"tab": rel[ti]},options || {});


        $.ajax({
            url       : url,
            type      : 'GET',
            dataType  : 'html',
            timeout   : 5000,
            data      : data,
            success   : onSuccess,
            error     : onError
        });

    function onSuccess(t){
      tablist.html(t);
    }

    function onError(){}
  }

  $.tab = {
	  ti: 4
	 
	 ,onClickPage: function(nt){
			tablist.html(str);
		  getAjax($.tab.ti - 1,{nt:nt});
		}
	  
	};
  

});