/* Dityo Nurasto made this for ajita website :P */

(function() {
	var bannerLength;
	var bannerCounter = 0;
	var bannerPlace;
	var curBanner;
	var oldBanner;
	var nav;
	var onAnimate = false;
	var timerId;
	var delay = 8000;
	
	bannerChanger = function() {
		//$('#banner > a').hide();
		if($('#banners').length)
		{
			initComponent();			
			if(bannerLength > 1) timerId = setInterval('bannerRotate()', delay);
		}
	}
	
	stopRotate = function() {
		clearInterval(timerId);
		if(bannerLength > 1) timerId = setInterval('bannerRotate()', delay);
	}
	
	bannerRotate = function() {		
		bannerCounter++;
		if(bannerCounter > (bannerLength - 1)) bannerCounter = 0;
		changeBanner(bannerCounter);
	}
	
	initComponent = function() {		
		bannerPlace = $('#banner');
		//bgColor = $('#banner a:first').attr('rel');
		//if(bgColor != '') $('banners').css({backgroundColor: bgColor});
		bannerLength = $('#banner > a').length;
		bannerPlace.children('a').css({'position':'absolute', 'z-index': 10});
		bannerPlace.children('a:first').addClass('bactive').css('z-index', '11');
		bannerPlace.parent().height('360px');
		bannerPlace.append('<ul class="banner-nav"></ul>');
		nav = $('.banner-nav');
		for(i = 0; i < bannerLength; i++)
		{
			nav.append('<li><a href="#" rel="' + i + '" class="banner-btn">' + (i+1) + '</a></li>');
		}
		$('.banner-nav > li:first a').addClass('bpactive');
	}
	
	changeBanner = function(el) {
		/* prevent click when animation occured */
		if(onAnimate == false)
		{
			bannerCounter = el;
			onAnimate = true;
			bannerPlace.children('a').css('z-index', '10');
			oldBanner = bannerPlace.children('a.bactive');
			curBanner = bannerPlace.children('a').eq(el);
			bgColor = curBanner.attr('rel');
			oldBanner.removeClass('bactive').css('z-index', '11');
			$('#banners').animate({'backgroundColor': bgColor}, 1500);			
			curBanner.css({'z-index': '12', 'opacity': 0.0}).addClass('bactive')
				.animate({'opacity': 1.0}, 1000, function() {
						onAnimate = false;
				});
			
			nav.find('a').removeClass('bpactive');
			nav.children().eq(el).children('a').addClass('bpactive');
		}
	}
	
	getCounter = function() {
		return bannerCounter;
	}
})();

$().ready(function() {
	$('#coptin').Watermark('E-mail Address');
	$('#optinForm').ajaxForm({dataType:'json',beforeSubmit: checkOptin,success: successOptin});
	
	bannerChanger();
	$('.banner-btn').click(function() {
		var curCounter = getCounter();
		if(curCounter != $(this).attr('rel')) {
			stopRotate();
			changeBanner($(this).attr('rel'));
		}
	});
	
	$('#coda-slider-blog').codaSlider({
		dynamicArrows: false, 
		dynamicTabs: false
	});
});

function checkOptin(formData, jqForm, options) {
	var form = jqForm[0];
	$.Watermark.HideAll();
	//alert(form.coptin.value);
	$.Watermark.ShowAll();
	if(validateEmail(form.coptin.value) == false)
	{
		alert('Please enter valid email address');		
		return false;
	}
	else
	{
		return true;
	}
}

function successOptin(responseText) {
	alert(responseText.message);
}

function validateEmail(elementValue){   
	var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;   
	return emailPattern.test(elementValue);   
}