var J = jQuery.noConflict();
J(document).ready(function() {
J('.links li .title').click(swapNews);
function swapNews() {
 J(this).parent().siblings().find('div').slideUp(500);
 J(this).next('div').slideDown(500);
 //alert('ok');
 } 
 
 function headline(i) {
 newId = '#title' + i;
 newNumber = '#number' + i;
 SekId='#sekilas'+i;
 var atas= 95 * eval(i);
		J('#main_title .title:visible').css({display:"none"});
		J('#numbers .number').removeClass('bgbiru').addClass('bgitem');;
		J(newNumber).addClass('bgbiru').removeClass('bgitem');
		J(newId).css({display:"block"}).css({top:atas}).addClass('bgbiru');
		J('.content_sekilas:visible').css({display:"none"});
		//J(SekId).css({display:"block"});
		J(SekId).fadeIn('slow');
 //visibleId = $('#main_title .title:visible').attr('id');
 //alert(visibleId);
}		
		
// main vertical scroll/*
J("#home-intro").scrollable({
	//circular: true,
	// basic settings
	vertical: true,

	// up/down keys will always control this scrollable
	keyboard: 'static',
//	mousewheel: true,

	// assign left/right keys to the actively viewed scrollable
	onSeek: function(event, i) {
		horizontal.eq(i).data("scrollable").focus();
		headline(i);
		
	}
	//,circular: true

// main navigator (thumbnail images)
}).navigator("#numbers").autoscroll({ autoplay: true,interval:21000 });

// horizontal scrollables. each one is circular and has its own navigator instance
var horizontal = J(".scrollable").scrollable({ circular: true }).navigator(".navi").autoscroll({ autoplay: true,interval:7000 });


// when page loads setup keyboard focus on the first horzontal scrollable
horizontal.eq(0).data("scrollable").focus();


J('form#contactForm').submit(function() {
		J('form#contactForm .error').remove();
		var hasError = false;
		J('.requiredField').each(function() {
			if(jQuery.trim(J(this).val()) == '') {
				var labelText = J(this).prev('label').text();
				J(this).parent().append('<span class="error">You forgot to enter your '+labelText+'.</span>');
				hasError = true;
			} else if(J(this).hasClass('email')) {
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
				if(!emailReg.test(jQuery.trim(J(this).val()))) {
					var labelText = J(this).prev('label').text();
					J(this).parent().append('<span class="error">You entered an invalid '+labelText+'.</span>');
					hasError = true;
				}
			}
		});
		if(!hasError) {
			J('form#contactForm li.buttons button').fadeOut('normal', function() {
				J(this).parent().append('<img src="/wp-content/themes/td-v3/images/template/loading.gif" alt="Loading&hellip;" height="31" width="31" />');
			});
			var formInput = J(this).serialize();
			J.post(J(this).attr('action'),formInput, function(data){
				J('form#contactForm').slideUp("fast", function() {				   
					J(this).before('<p class="thanks"><strong>Thanks!</strong> Your email was successfully sent. I check my email all the time, so I should be in touch soon.</p>');
				});
			});
		}
		
		return false;
		
	});
});