var ci = 10;
var ai = 5;
var morei = 10;
var diff = 0;

var intercv = 5000;
var picint = 5000;
var divmore = 5000;
var pas = false;
var pase = false;
$(document).ready(function(){
	$("#tsmain").scrollable({mousewheel: false}).navigator({
		navi: "#tstabs",
		naviItem: 'a',
		activeClass: 'current',
		circular: true
	}).autoscroll({autoplay: true, interval: intercv});

	var api = $("#tsmain").data("scrollable");
	
	$("#tsmain").mouseenter(function(){
		pas=true;
	}).mouseleave(function(){
		pas=false;
	})

	$("#divnavmore").mouseenter(function(){
		pase=true;
	}).mouseleave(function(){
		pase=false;
	})

	
	api.onBeforeSeek(function(){
		if (pas) {
			return false;
		} else {
			if (this.getIndex() >= (this.getSize()-1)){
				$("#tsmain").oneTime(intercv, function(){
					api.seekTo(0);
				});
			}
		}
	});
	
	api.onSeek(function(){
		pas = false;
	});


	$("#picshow").scrollable({mousewheel: false}).navigator({
		circular: true,
		navi: ".navi",
		naviItem: 'a'
	}).autoscroll({autoplay: true, interval: picint});

	var pic = $("#picshow").data("scrollable");

	pic.onSeek(function(){
		if (this.getIndex() >= (this.getSize() - 1))
			$("#picshow").oneTime(picint, function(){
				pic.seekTo(0);
			});
		});

  $('.pics img').each(function(i) {
  	var p = $(this).parent();
 		str = $(this).next('p.piccap').html();
 		if (str == null)
 			str = '';
		$(p).html('<a id="fncy" title="Click here to enlarge" href="#img'+i+'">'+$(p).html()+'</a><div id="img'+i+'" class="imger"><img class="c" alt="" src="'+$(this).attr('src')+'"/><p>'+str+'</p></div>');
  });

	$('.item img').each(function(i){
  	var p = $(this).parent();
  	var img = $(p).children('img');
  	var attrs = 'style="'+$(img).attr('style')+'" align="'+$(img).attr('align')+'" height="'+$(img).attr('height')+'"';
  	$(p).before('<div id="np'+i+'" class="imger" style="display: none;"><img class="c" alt="" src="'+$(img).attr('src')+'" style="width: auto !important; height: auto !important;"/></div>');
		var imgstr = '<img src="'+$(img).attr('src')+'" '+attrs+' />';
			$(img).remove();
	  	$(p).before('<a id="fncy" title="Click here to enlarge" href="#ig'+i+'">'+imgstr+'</a>');
	});

//	$('a#fncy').fancyZoom({scaleImg: true, closeOnClick: true, directory: 'http://rajangtm.com/jslib/fancy'});


	$('.npimg img').each(function(i){
  	var p = $(this).parent();
  	
  	var img = $(p).children('img');
	  	var attrs = 'style="'+$(img).attr('style')+'" align="'+$(img).attr('align')+'"';
	  	var str = $(this).attr('t');
	  	$(p).before('<div id="np'+i+'" class="imger" style="display: none;"><img class="c" alt="" src="'+$(img).attr('src')+'" style="width: auto !important; height: auto !important;"/><p>'+str+'</p></div>');
			var imgstr = '<img src="'+$(img).attr('src')+'" '+attrs+' />';
			$(img).remove();
	  	$(p).before('<a id="fncy" title="Click here to enlarge" href="#np'+i+'">'+imgstr+'</a>');

	});
	
	$('.ws img').each(function(i){
  	var p = $(this).parent();
  	var str = $(this).next('p').html();
  	var img = $(p).children('img');
	  	$(p).before('<div id="ws'+i+'" class="imger" style="display: none;"><img class="ce" alt="" src="'+$(img).attr('src')+'" style="width: auto !important; height: auto !important;"/><p>'+str+'</p></div>');
			var imgstr = '<img src="'+$(img).attr('src')+'" />';
			$(img).remove();
	  	$(p).before('<a id="fncy" class="wse" title="Click here to enlarge" href="#ws'+i+'">'+imgstr+'</a>');

	});
	
	
	$('.gall img').each(function(i){
  	var p = $(this).parent();
  	var img = $(p).children('img');
	  	$(p).before('<div id="gal'+i+'" class="imger" style="display: none;"><img class="c" alt="" src="'+$(img).attr('src')+'" style="width: auto !important; height: auto !important;"/></div>');
			var imgstr = '<img src="'+$(img).attr('src')+'" />';
			$(img).remove();
	  	$(p).before('<a id="fncy" class="gal" title="Click here to enlarge" href="#gal'+i+'">'+imgstr+'</a>');

	});
	
	$('.photo img').each(function(i){
  	var p = $(this).parent();
  	var img = $(p).children('img');
	  	$(p).before('<div id="cap'+i+'" class="imger" style="display: none;"><img class="c" alt="" src="'+$(img).attr('src')+'" style="width: auto !important; height: auto !important;"/></div>');
			var imgstr = '<img src="'+$(img).attr('src')+'" />';
			$(img).remove();
	  	$(p).before('<a id="fncy" class="cap" title="Click here to enlarge" href="#cap'+i+'">'+imgstr+'</a>');

	});


	$('#dclk img').each(function(i){
  	var p = $(this).parent();
  	var str = $(p).parent().next('td').children('p').html();
  	var img = $(p).children('img');
	  	$(p).before('<div id="d'+i+'" class="imger" style="display: none;"><img class="c" alt="" src="'+$(img).attr('src')+'" style="width: auto !important; height: auto !important;"/><p>'+str+'</p></div>');
			var imgstr = '<img src="'+$(img).attr('src')+'" />';
			$(img).remove();
	  	$(p).before('<a id="fncy" class="d" title="Click here to enlarge" href="#d'+i+'">'+imgstr+'</a>');

	});


	
			$('a#fncy').fancyZoom({scaleImg: true, closeOnClick: true, directory: 'http://rajangtm.com/jslib/fancy'});	  	




/***/
	$("#divnavmore").scrollable({mousewheel: false, vertical: true}).navigator({
		circular: true,
		navi: ".morenavi",
		naviItem: 'a',
		activeClass: 'current'
	}).autoscroll({autoplay: true, interval: divmore});

	var mox = $("#divnavmore").data("scrollable");

	mox.onBeforeSeek(function(){
		if (pase) {
			return false;
		} else {
			if (this.getIndex() >= (this.getSize()-1)){
				$("#divnavmore").oneTime(divmore, function(){
					mox.seekTo(0);
				});
			}
		}
	});
	mox.onSeek(function(){
		pase = false;
	});
/***/


$("#slider").slider(
    { 
    	change: handleChange,
        slide: handleSlide,
        min: -100,
        orientation: 'vertical',
        animate: false,
    max: 0 });

function handleChange(e, ui) {
    var maxScroll = $("#scrollit").attr("scrollHeight") -  $("#scrollit").height();
    $("#scrollit").animate({ scrollTop: -ui.value * (maxScroll / 100)}, 1000);
}

function handleSlide(e, ui) {
    var maxScroll = $("#scrollit").attr("scrollHeight") - $("#scrollit").height();
    $("#scrollit").attr({ scrollTop: -ui.value * (maxScroll / 100)});
}



	$('.getmore').click(function(){
		$('#mcnt').fadeOut(300, function(){
			var img = new Image();
			$(img).load(function (){
				$(".spif").fadeIn(800);
				ci =  ci +diff;
				diff = 0;
				fPath = 'twit.php?get=twit&ci='+ci+'&ia='+morei+'&id='+randomString();
				$.get(fPath, function(data){
					var toAdddiv = $('<div style="width: 100% !important;">').html(data);
					ci += morei;
					$(toAdddiv).hide();
					$("#inwit").append(toAdddiv);
					$(toAdddiv).slideToggle('slow', function(){
						$(".spif").fadeOut(300, function(){	
							$("#mcnt").fadeIn(800);
							
						});
					});
				});
			}).attr('src', '../ranum/images/spif.gif');
		});
	});

	setInterval(function(){ 
		checkNewTweet();
	}, 30000);

	$('.np a').attr('target', '_blank');

});



function getTwits(){
	$('#spinertw').css({'display':'inline-block'});
//	$('#mcnt').fadeOut(300, function(){
		var img = new Image();
		$(img).load(function (){
			fPath = 'ranum/callbacks/twit.php?get=twit&ci='+ci+'&ia='+ai+'&id='+randomString();
			$.get(fPath, function(data){
				var v = $('#tItems').val();
				ci += ai;
				var toAdddiv = $('<div>').html(data);
				$(toAdddiv).hide();
				$("#inwit").prepend(toAdddiv);
				$(toAdddiv).slideToggle('slow', function(){
						$('#spinertw').fadeOut(400, function(){
							$('#spineer2xt').fadeIn(400);						
						});
						coorel = ($('.meddiv').attr('coorel'));
						if (GetRJCookie(coorel) == '1'){
							$('.meddiv').slideToggle(300, function(){
							});
						}
				});
			});
		}).attr('src', 'ranum/images/spif.gif');
//	});


//neptime
}

function addNewTweet(rv, pv){
	$("#tItems").val(pv);
	fPath = 'twitcheck.php?get=twit&ci='+rv+'&id='+randomString();
	$.get(fPath, function(data){
		
		if (data != ''){
			$('.twitcntrec').attr('class', 'twitcnt');
			$('.twitpdtnb').attr('class', 'twitpdt');
			var toAdddiv = $('<div style="width: 100% !important;">').html(data);
			var toremove = $('#inwit div:last');
			$(toAdddiv).hide();
			$("#inwit").prepend(toAdddiv);
			$(toAdddiv).slideToggle('slow', function(){
				$('.adivx').fadeOut(500, function(){
					var h = '<div class="adivx"><img src="images/qul.png" height="11" width="15"/> ';
					h += $('.twitcntrec').html();
					h += ' <img src="images/qur.png"  height="11" width="15"/></div>';
					$('.tdtopsl').html(h);
					$('.tdtopsl').fadeIn(800);
				});
			});
			$(toremove).slideToggle('slow', function(){
				$(toremove).remove();
				ci--;
			});
			
//			$(toremove).fadeOut('slow');
		}
	});	
}

function checkNewTweet(){
	xci = $("#tItems").val();
	fPath = 'twitcheck.php?get=count&id='+randomString();
	$.get(fPath, function(data){
		if (xci < data){
			diff = (data - xci);
			addNewTweet(xci, data);
		}
	});
}

function randomString() {
	var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
	var string_length = 8;
	var randomstring = '';
	for (var i=0; i<string_length; i++) {
		var rnum = Math.floor(Math.random() * chars.length);
		randomstring += chars.substring(rnum,rnum+1);
	}
	return randomstring;
}