// !PRELOAD, pt. I

(function ($) {
	$.isMobile = function() {
		return (
			navigator.userAgent.match(/iPhone/i)
			|| navigator.userAgent.match(/iPod/i)
			|| navigator.userAgent.match(/iPad/i) );
	};
})(jQuery);


(function ($) {
	$.addClassToWork = function(classToApply, selector) {
		var selector = selector == undefined ? "" : selector;                 
		if(selector != "" && selector.charAt(0)!="!") {
			$(selector).addClass(classToApply);
		}else if(selector != "" && selector.charAt(0)=="!") {
			selector = selector.substr(1,selector.length);
			if(selector != '.games') $('.games').addClass(classToApply);
			if(selector != '.video') $('.video').addClass(classToApply);
			if(selector != '.interactive') $('.interactive').addClass(classToApply);
			if(selector != '.illustration') $('.illustration').addClass(classToApply);
			if(selector != '.pics') $('.pics').addClass(classToApply);
		}else{
			$('.games').addClass(classToApply);
			$('.video').addClass(classToApply);
			$('.interactive').addClass(classToApply);
			$('.illustration').addClass(classToApply);
			$('.pics').addClass(classToApply);
		}
	};
})(jQuery);

(function ($) {
	$.removeClassFromWork = function(classToRemove, selector) {
		var selector = selector == undefined ? "" : selector;
		if(selector == "") {
			$('.games').removeClass(classToRemove);
			$('.video').removeClass(classToRemove);
			$('.interactive').removeClass(classToRemove);
			$('.illustration').removeClass(classToRemove);
			$('.pics').removeClass(classToRemove);
		}else{
			$(selector).removeClass(classToRemove);
		}
	};
})(jQuery);

(function ($) {
	$.selectFilter = function(filterName) {
		
		$('#showall').removeClass('selected');
		$('#showgames').removeClass('selected');
		$('#showvideo').removeClass('selected');
		$('#showinteractive').removeClass('selected');
		$('#showillustration').removeClass('selected');
		$('#showpics').removeClass('selected');
		
		$('#show'+filterName).addClass('selected');
	};
})(jQuery);

$(window).resize(function() {
	$('#header').width($(document.body).width() - parseInt($('#header').css('left')));
});

$(document).ready(function() {
	
	if ( ! $.isMobile() ) {
		$('a.workbutton').hover(function() {
			$('.workmeat', this).addClass('highlight');
			$('.workface', this).stop(true, true).fadeIn(200);
		}, function() {
			$('.workmeat', this).removeClass('highlight');
			$('.workface', this).stop(true, true).delay(200).fadeOut(600);
		});
	}
	
	//RESIZE HEADER
	$('#header').width($(document.body).width() - parseInt($('#header').css('left')));
	
	$('#contactform').ajaxForm({beforeSend: validate, success: showOk});
	
	/*
	$('#showthumbs').hover(
		function() {

			$.removeClassFromWork('hidden');
			//$('.workmeat').addClass('highlight');
			//$('.workface').stop(true, true).fadeIn(200);
			
		},
		function() {
			$.removeClassFromWork('highlight');
			//$('.workmeat').removeClass('highlight');
			//$('.workface').stop(true, true).delay(200).fadeOut(600);
		}
	)*/
	
	//FILTERS
	$('#showall').hover(
		function() {

			$.selectFilter('all');
			$.removeClassFromWork('hidden');
			$.addClassToWork('shown');
			
		},
		function() {
			$.removeClassFromWork('shown');
		}
	)
	
	$('#showgames').hover(
		function() {	
			$.selectFilter('games');
			$.removeClassFromWork('hidden');
			$.addClassToWork('shown','.games');
			$.addClassToWork('hidden', '!.games');
		},
		function() {
			$.removeClassFromWork('shown', '.games');
		}
	)
	
	$('#showvideo').hover(
		function() {	
			$.selectFilter('video');
			$.removeClassFromWork('hidden');
			$.addClassToWork('shown','.video');
			$.addClassToWork('hidden', '!.video');
		},
		function() {
			$.removeClassFromWork('shown', '.video');
		}
	)
	
	$('#showinteractive').hover(
		function() {	
			$.selectFilter('interactive');
			$.removeClassFromWork('hidden');
			$.addClassToWork('shown','.interactive');
			$.addClassToWork('hidden', '!.interactive');
		},
		function() {
			$.removeClassFromWork('shown', '.interactive');
		}
	)
	
	$('#showillustration').hover(
		function() {	
			$.selectFilter('illustration');
			$.removeClassFromWork('hidden');
			$.addClassToWork('shown','.illustration');
			$.addClassToWork('hidden', '!.illustration');
		},
		function() {
			$.removeClassFromWork('shown', '.illustration');
		}
	)
	
	$('#showpics').hover(
		function() {	
			$.selectFilter('pics');
			$.removeClassFromWork('hidden');
			$.addClassToWork('shown','.pics');
			$.addClassToWork('hidden', '!.pics');
		},
		function() {
			$.removeClassFromWork('shown', '.pics');
		}
	)
	
});

function validate(formData, jqForm, options) {
	var name = $('input[name=name]').fieldValue(); 
	var mail = $('input[name=mail]').fieldValue(); 

	    
	    if (!name[0] || !mail[0]) { 
	        alert('Please complete your name and email'); 
	        return false; 
	    } 
	    return true;
}

function showOk(responseText, statusText, xhr, $form) {
	alert("Thanks! We'll get in touch.");
}