$(document).ready(function(){
	
	$('#home #background, #home #slogan').cycle({
		cleartype: true,
		cleartypeNoBg: true
	});

	$('#page_howwhocontact #background, #page_howwhocontact #slogan').cycle({
		/*timeout: 0,*/
		cleartype: true,
		cleartypeNoBg: true
	});

	
	$('#page_careers #quotes').cycle({
		next: '#nextquote',
		prev: '#previousquote',
		timeout: 15000,
		cleartype: true,
		cleartypeNoBg: true
	});
	
	$('#clienttestimonials').cycle({
		next: '#nexttestimonial',
		prev: '#previoustestimonial',
		cleartype: true,
		cleartypeNoBg: true
	});
	
	$('#selectbox').click(function(){
		$(this).find('ul').toggle();
	});
	
	// function for navigation box "hover effect":
	function navbox(cssClass, bgPosDefault, bgPosHover, bgPosCurrent) {
		$('#page #nav .'+cssClass+' a, #page_howwhocontact #nav .'+cssClass+' a, .'+cssClass+' .navbox_tr').hover(
			function() {
				$(this).parent().find('a span').css('background-position', bgPosHover);
				$(this).parent().find('.navbox_tr').css('display', 'block');
			},
			function() {
				$(this).parent().find('.navbox_tr').css('display', 'none');

				if ($(this).parent().find('a').attr('class').indexOf('current_page_item') != -1) {
					$(this).parent().find('a span').css('background-position', bgPosCurrent);
				}
				else {
					$(this).parent().find('a span').css('background-position', bgPosDefault);
				}
			}
		);
	}
	
	navbox('how', '0px 0px', '0px -32px', '0px -64px');
	navbox('who', '0px -96px', '0px -160px', '0px -128px');
	navbox('contact', '0px -192px', '0px -256px', '0px -224px');
	
	
	if ($('#tabs').length > 0) {
		$('#tabs').tabs();
	}


	// Recruitment Process steps
	$('#step1 a').click(function(){
		$('.ui-tabs-nav').css('background-position', '0 0');
	});	
	$('#step2 a').click(function(){
		$('.ui-tabs-nav').css('background-position', '0 -68px');
	});
	$('#step3 a').click(function(){
		$('.ui-tabs-nav').css('background-position', '0 -136px');
	});
	$('#step4 a').click(function(){
		$('.ui-tabs-nav').css('background-position', '0 -204px');
	});
	$('#step5 a').click(function(){
		$('.ui-tabs-nav').css('background-position', '0 -272px');
	});

});