// JavaScript Document

$(function() {
	imageSlide();
	
	if ($('div.slide-images').length)
	doSlide();
	
	triggerClicks();
	
	if ($('#servicesController').length)
	$("#servicesController").jFlow({
		slides: "#mySlides",
		width: "99%",
		height: "500px",
		duration: 600
	});
	
	if ($('.showcase-item-link').length)
		$('.showcase-item-link').click(function() { showcaseModal() });

});

// script for deeplinking at servicespage
function triggerClicks() {
	$('.grafisch-link').click(function () {
		$("span.grafisch").trigger('click');
    });
	$('.webdesign-link').click(function () {
		$("span.webdesign").trigger('click');
    });
	$('.video-link').click(function () {
		$("span.video").trigger('click');
    });
	$('.flash-link').click(function () {
		$("span.flash").trigger('click');
    });
	$('.photo-link').click(function () {
		$("span.photo").trigger('click');
    });
}

function imageSlide() {
	$('.webdesign').click(function() {
		if ($('#webdesign').hasClass('hide-images')) {
			hideCurrentSlide();
			$('#webdesign').removeClass('hide-images');
			$('#webdesign').addClass('slide-images');
			doSlide();
		}
	});
	
	$('.grafisch').click(function() {		
		if ($('#grafisch').hasClass('hide-images')) {
			hideCurrentSlide();
			$('#grafisch').removeClass('hide-images');
			$('#grafisch').addClass('slide-images');
			doSlide();
		}
	});
	$('.video').click(function() {	
		if ($('#video').hasClass('hide-images')) {
			hideCurrentSlide();
			$('#video').removeClass('hide-images');
			$('#video').addClass('slide-images');
			doSlide();
		}
	});
	
	$('.photo').click(function() {	
		if ($('#photo').hasClass('hide-images')) {
			hideCurrentSlide();
			$('#photo').removeClass('hide-images');
			$('#photo').addClass('slide-images');
			doSlide();
		}
	});
	
}

function hideCurrentSlide() {
	$('.slide-images').addClass('hide-images');
	$('.slide-images').removeClass('slide-images');	
}


function doSlide() {
	$('div.slide-images').cycle({ 
		fx:	'fade',
		timeout: 3500
 	});
}

function showcaseModal() {
	e.preventDefault();
		// load the contact form using ajax
		$.get("data/contact.php", function(data){
			// create a modal dialog with the data
			$(data).modal({
				close: false,
				position: ["15%",],
				overlayId: 'contact-overlay',
				containerId: 'contact-container',
				onOpen: contact.open,
				onShow: contact.show,
				onClose: contact.close
			});
		});
}