var Client = {
	settings : {},
	init: function() 
	{
		
		this.thumb_enlarge('.imgKlein ul li a', '.imgGroot img');
		this.slider();
		
		//$(".klant_logo_holder img[title]").tooltip();
		$("a.lightbox").fancybox();
		$("a.belterug").fancybox();
		
		$('.klantenList ul li').live({
			mouseover: function() {
				var eq = $(this).index();
				$('#klant_logo').find("div.klant_logo_holder").eq(eq).addClass('active');
			},
			mouseout: function() {
				var eq = $(this).index();
			$('#klant_logo').find("div.klant_logo_holder").eq(eq).removeClass('active');
			}
		});

		
		//$('#characteristics_53').live("click",function() {
			//$('.afspraak_details').toggle();
			$('#date').datetime({ withTime: false, format: 'dd-mm-yy' });
    	$('#time').datetime({ withDate: false, format: 'hh:ii' });
		//});
		
		$('#deventer').live("click",function() {
			$(this).addClass('active');
			$('.googlemap.deventer').addClass('active');
			$('.googlemap.amsterdam').removeClass('active');
			$('#amsterdam').removeClass('active');
		});
		
		$('#amsterdam').live("click",function() {
			$(this).addClass('active');
			$('.googlemap.amsterdam').addClass('active');
			$('.googlemap.deventer').removeClass('active');
			$('#deventer').removeClass('active');
		});
		
		$("select.mod").selectBox();
		
		$("form.contact .form_field_holder").hover(function() {
				$(this).find("div.tooltip_form").stop()
				.animate({left: "542", opacity:1}, "fast")
				.css("display","block")
		
			}, function() {
				$(this).find("div.tooltip_form").stop()
				.animate({left: "0", opacity: 0}, "fast")
		});
		
	},
	thumb_enlarge: function (trigger, container)
	{
		
		$(trigger).live('click', function(e){
			e.preventDefault();
			$(this).closest('ul').children().removeClass('active');
			$(this).parent('li').addClass('active');
			$(container).parent().attr('href', this.href);
			$(container).attr('src', this.href);
			$(container).attr('title', this.title);
			$(container).attr('alt', this.alt);
		});
	},
	slider:function ()
	{
		var currentPosition = 0;
		var slideWidth = 854;
		var slides = $('.slide');
		var numberOfSlides = slides.length;
	
		// Remove scrollbar in JS
		$('#imagearea').css('overflow', 'hidden');
	
		// Wrap all .slides with #slideInner div
		slides
			.wrapAll('<div id="image"></div>')
			// Float left to display horizontally, readjust .slides width
		.css({
				'float' : 'left',
				'width' : slideWidth
			});
	
		// Set #slideInner width equal to total width of all slides
		$('#image').css('width', slideWidth * numberOfSlides);
	
		// Insert controls in the DOM
		$('#imagearea')
			.prepend('<span class="imgnav control" id="previmg"></span>')
			.append('<span class="imgnav control" id="nextimg"></span>');
	
		// Hide left arrow control on first load
		manageControls(currentPosition);
	
		// Create event listeners for .controls clicks
		$('.control')
			.bind('click', function(){
			// Determine new position
		currentPosition = ($(this).attr('id')=='nextimg') ? currentPosition+1 : currentPosition-1;
			
		// Hide / show controls
			manageControls(currentPosition);
			// Move slideInner using margin-left
			$('#image').animate({
				'marginLeft' : slideWidth*(-currentPosition)
			});
		});
	
		// manageControls: Hides and Shows controls depending on currentPosition
		function manageControls(position){
			// Hide left arrow if position is first slide
		if(position==0){ $('#previmg').hide() } else{ $('#previmg').show() }
		// Hide right arrow if position is last slide
			if(position==numberOfSlides-1){ $('#nextimg').hide() } else{ $('#nextimg').show() }
		}
	}
}

function pageselectCallback(page_index, jq){
		
		// Get number of elements per pagionation page from form
		var num_entries = jQuery('#projectHolderHidden div.project_item').length;
		var items_per_page = 12;
		var max_elem = Math.min((page_index+1) * items_per_page, num_entries);
		var newcontent = '';
		
		// Iterate through a selection of the content and build an HTML string
		for(var i=page_index*items_per_page;i<max_elem;i++)
		{
			newcontent += jQuery('#projectHolderHidden div.project_item:eq('+i+')').html();
		}

		$('#projectHolder').empty().html(newcontent);
		return false;
}
 
/** 
 * Initialisation function for pagination
 */
function initPagination() {
		// count entries inside the hidden content
		var num_entries = jQuery('#projectHolderHidden div.project_item').length;
		// Create content inside pagination element
		$(".paginaNummers").pagination(num_entries, {
				load_first_page: true,
				prev_text : "&nbsp;",
				next_text : "&nbsp;",
				callback: pageselectCallback,
				items_per_page:12 // Show only one item per page
		});
 }

$(document).ready(function(){
	
	// When document is ready, initialize pagination   
	initPagination();
	Client.init();
		
});