/* 	
	Author: Mark van Grieken
*/

jQuery(document).ready(function() {
	
	// Create slider for banner
    $('#slides').jcarousel({
        auto: 8,
        wrap: 'both',
		visible: 1,
		scroll: 1,
		animation: 1500,
		easing: 'easeInOutQuint',
		initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
		itemFirstInCallback:  mycarousel_itemFirstInCallback
    });
	
	// Create slider for partner logo's
	$('#partners').jcarousel({
        auto: 3,
        wrap: 'circular',
		scroll: 1,
		animation: 1500,
		easing: 'easeInOutQuint'
    });
	
	// Toggle Client login form
	$('#client_login').click(function() {
		$('#client_login_form').slideToggle();
		$(this).toggleClass('active');
		return false;
	});
	
	// If client login form is openend; close form when clicking outside the form
	$(document).mouseup(function(e) {
		if($(e.target).parent().parent().parent('#client_login_form').length==0) {
			$('#client_login').removeClass("active");
			$('#client_login_form').hide();
		}
	});  
	
	// Submenu
	var timer;
	$('header nav:first-child > ul > li').hover(
		function() {
			if(timer){
				clearTimeout(timer);
				timer = null;
			}
			$(this).children('.sub-menu').fadeIn();
		},
		function() {
			timer = setTimeout(function(){
				$('.sub-menu').fadeOut();
				}, 1000);
			}
	);

	
	// Accordion
	$("#common_problems").accordion({
		collapsible: true,
		active: false,
		autoHeight: false
	});
	
	$('.submit_form').live('click', function() {
		//$('.bg_overlay').fadeOut('fast');
		
		$(this).parent().trigger("submit");		
		$(this).parent().parent().slideUp('fast');
		//$(this).parent().parent().parent().append($('.wpcf7-response-output'));
	});
	
	// Don't close popup when clicked inside the form
	$('.prevent_close').live('click', function() {
		return false;
	});
	
	// Close background overlay
	$('.close_overlay').live('click', function() {
		$('.bg_overlay').fadeOut('fast');
		return false;
	});
	
	// Open popup
	$('a[title$="popup"]').click(function() {
		var title 	= $(this).attr('title');
		var id		= title.split('-popup');
				
		$('#' + id[0]).fadeIn('fast');
		
		return false;
	});
	
	// Give pcpiloot a background
	$('.pcpiloot').wrap('<div class="img-bg" />').parent().css({'margin' : '0 20px'});
	$('img.alignleft').parent().css({'float' : 'left'});
	
	// Replace placeholder for IE8
	if(!Modernizr.input.placeholder){

		$('[placeholder]').focus(function() {
		  var input = $(this);
		  if (input.val() == input.attr('placeholder')) {
			input.val('');
			input.removeClass('placeholder');
		  }
		}).blur(function() {
		  var input = $(this);
		  if (input.val() == '' || input.val() == input.attr('placeholder')) {
			input.addClass('placeholder');
			input.val(input.attr('placeholder'));
		  }
		}).blur();
		$('[placeholder]').parents('form').submit(function() {
		  $(this).find('[placeholder]').each(function() {
			var input = $(this);
			if (input.val() == input.attr('placeholder')) {
			  input.val('');
			}
		  })
		});
	
	}
	
});

function mycarousel_initCallback(carousel) {
    jQuery('#slide_navigation li a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		
        return false;
    });
 
    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });
 
    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
	$('#slide_navigation li a').each( function() {
		$(this).removeClass('active');
	});
	$('#gotoslide_' + idx).addClass('active');
};