var g_tmplate = '<li><a href="{{1}}">{{2}}</a></li>';
$(function(){
  var uinfo = getUserInfo();
  if (uinfo != false){
	  generateUserBlock(uinfo);
  }else{
	  generateUserLogin();
  }
  
  var visited = getVisit();
  if (visited != null){
         var visited_str = generateVisitPanel(visited);
         $('#visited_comics').html(visited_str);
  }

  
  $('.initials_a').find('a').each(function(){
       $(this).click(function(){
          
           var py = $(this).attr('rel');
           var file_name = 'tags/js/'+ py +'.js';
    	   $.ajax({
    		   type: "GET",
  		       url: file_name, 
    		   success: function(resText){
    		     eval(resText);
    		     var tmp = eval('g_py_'+py);
    		     $('.initials_b ul').html(dealComicBlock(1,30,tmp,g_tmplate));
    		   }   
    		}); 

       })
  })
  
    var theInt = null;
	var $crosslink, $navthumb;
	var curclicked = 0;
	
	theInterval = function(cur){
		clearInterval(theInt);
		
		if( typeof cur != 'undefined' )
			curclicked = cur;
		
		$crosslink.removeClass("active-thumb");
		$navthumb.eq(curclicked).parent().addClass("active-thumb");
			$(".stripNav ul li a").eq(curclicked).trigger('click');
		
		theInt = setInterval(function(){
			$crosslink.removeClass("active-thumb");
			$navthumb.eq(curclicked).parent().addClass("active-thumb");
			$(".stripNav ul li a").eq(curclicked).trigger('click');
			curclicked++;
			if( 6 == curclicked )
				curclicked = 0;
			
		},3000);
	};
	

		
	$("#main-photo-slider").codaSlider();
		
	$navthumb = $(".nav-thumb");
	$crosslink = $(".cross-link");
		
	$navthumb.click(function() {
			var $this = $(this);
			theInterval($this.parent().attr('href').slice(1) - 1);
			return false;
	});
		
	theInterval();
  
})