$(document).ready(function(){ // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$("#pijler_menu a span").css({ 'opacity' : 0 });
	$("#pijler_menu li.active a span").css({ 'opacity' : 1 });

	$("#pijler_menu a span").hoverIntent(function(){
		$(this).fadeTo("fast", 1.0); // This sets the opacity to 100% on hover
		if($('#home_content').length > 0) {
			var c = $(this).parent().attr('class');
			var content = '';
			switch(c) {
				case 'web':
					content = '<h2>Websites</h2>';
					content+= '<img class="home_icon" src="'+site_url+'/images/icons/websites.png" width="70" height="50" alt="Websites" style="padding-right:10px;"/>';
					content+= '<div class="clear"></div>';
					content+= '<p>Bij een website ontwerp zie je vaak dat een technisch systeem een beperkende factor wordt. Ontwerpen van Insert Media laten zich hierdoor niet leiden. Insert Media ontwikkelt websites die naadloos aansluiten bij uw bedrijfsvoering en huisstijl. Goed vormgegeven, vindbare en beheerbare websites met een duidelijk doel.</p>';
					$('#home_content_bg').attr('class','home_contentbg_websites');
					break;
				case 'fun':
					content = '<h2>Games</h2>';
					content+= '<img class="home_icon" src="'+site_url+'/images/icons/fun_en_games.png" width="70" height="50" alt="Fun & Games" style="padding-right:10px;"/>';
					content+= '<div class="clear"></div>';
					content+= '<p>Een webgame is een sterke marketing tool voor product placement en naamsbekendheid. De afgelopen jaren heeft Insert Media zich gespecialiseerd in de ontwikkeling van online games. Opdrachtgevers als TMF, McDonalds, Nickelodeon en Unilever maken regelmatig gebruik van onze expertise op het gebied van games gericht op kinderen en jongeren.</p>';
					$('#home_content_bg').attr('class','home_contentbg_fun_en_games');
					break;
				case 'shop':
					content = '<h2>Webshops</h2>';
					content+= '<img class="home_icon" src="'+site_url+'/images/icons/webshops.png" width="70" height="50" alt="Webshops" style="padding-right:10px;"/>';
					content+= '<div class="clear"></div>';
					content+= '<p>Een webshop voor uw core-business of als ondersteuning van uw onderneming. Insert Media ontwikkelt effectieve webshops compleet ge?ntegreerd in uw website en huisstijl. De webshop is bijzonder gebruiksvriendelijk voor klant en beheerder en biedt de beheerder volledige orderverwerking, rapportagetools en integratie met diverse betalingssystemen.</p>';
					$('#home_content_bg').attr('class','home_contentbg_webshops');
					break;
				case 'film':
					content = '<h2>Video & Animation</h2>';
					content+= '<img class="home_icon" src="'+site_url+'/images/icons/film_en_animation.png" width="70" height="50" alt="Film & animation" style="padding-right:10px;"/>';
					content+= '<div class="clear"></div>';
					content+= '<p>Bewegende beelden zeggen meer dan tekst. Insert Media ontwikkelt geanimeerde salestools voor ondersteuning van uw verkoopmedewerkers en klanten. Ook bedrijfsreportages, registratie van uw evenement of beursdeelname, successtories en instructievideo?s zijn veel voorkomende producties bij Insert Media.</p>';
					$('#home_content_bg').attr('class','home_contentbg_film_en_animation');
					break;
				case 'print':
					content = '<h2>Print</h2>';
					content+= '<img class="home_icon" src="'+site_url+'/images/icons/print.png" width="70" height="50" alt="Print" style="padding-right:10px;"/>';
					content+= '<div class="clear"></div>';
					content+= '<p>Onmisbaar in uw reclame uitingen is drukwerk conform uw huisstijl. Een eerste indruk krijgt u maar &eacute;&eacute;n keer en dat begint vaak bij een visitekaartje, folder of flyer. Insert Media adviseert, ontwerpt en realiseert drukwerk, Illustraties, advertenties, verpakkingen, promotionele artikelen en overige media dragers gericht op uw onderneming.</p>';
					$('#home_content_bg').attr('class','home_contentbg_print');
					break;
				case 'social':
					content = '<h2>Social media</h2>';
					content+= '<img class="home_icon" src="'+site_url+'/images/icons/social_media.png" width="70" height="50" alt="Social media" style="padding-right:10px;"/>';
					content+= '<div class="clear"></div>';
					content+= '<p>Effectief gebruik maken van Social Media kan uw klantenkring snel laten groeien. Gericht op uw doelgroep adviseert Insert Media u in de mogelijkheden en richtlijnen om sociale media effectief binnen uw organisatie te gebruiken. Twitter, Facebook, Youtube, Hyves en LinkedIn zijn onder andere de platformen die Insert Media hiervoor inzet.</p>';
					$('#home_content_bg').attr('class','home_contentbg_social_media');
					break;
			}
			$('#home_content').html(content);
		}
	},function(){
		if($(this).parent().parent().hasClass('active')){

		}else{
			$(this).fadeTo("fast", 0); // This sets the opacity back to 60% on mouseout
		}
	});

	$('#twitter-feed').twitterfeed('insert_media', {
		limit: 3,
		header:false,
		tweeticon:false,
		tweetname:false
	});

	$(".portfolio_overzicht a, .cases a").hoverIntent(function(){

 //$(this).animate({'top': '-=30px'},'slow');

		$('.titel', this).animate( {bottom:"0"}, {duration:150})
	},function(){
		$('.titel', this).animate({bottom:"-35px"}, {duration:150});
	});


	$('#content .portfolio_detail .right a').fadeTo(100, 0.75).filter(':first').fadeTo(100, 1.0);;

    $('#content .portfolio_detail .right a').hoverIntent(function(){
		$('#content .portfolio_detail .right a').fadeTo(100, 0.75);
		$('#content .portfolio_detail .right a').removeClass('active');
		$(this).fadeTo(100, 1.0);
		$(this).addClass('active');
		var t=$(this);
	    var src1= t.attr('rel'); // initial src
		$('.portfolio_detail .portfolio_image img').attr('src', src1); //last part is for extension
    }, function(){
        //
		});
		
		$('.nieuwsbrief_veld').focus(function(){
			clearMePrevious = $(this).val();
			$(this).val("");
			$(this).addClass("form-focus");
		}).blur(function(){
			if($(this).val()=="")
			{
			$(this).val(clearMePrevious);
			}
			$(this).removeClass("form-focus");
		});

});

//Javascript nieuwsbrief form
function switchNieuwsbriefForm() {
	jQuery("#aanmelden").toggle();
	jQuery("#afmelden").toggle();
}

function submitNieuwsbriefForm(site_url,actie,email) {
	if (validate_email(email)) {
		$.ajax({
			type: 'POST',
			url: site_url+'/nieuwsbrief/formulier',
			data: { actie: actie, email: email },
			success: displayNieuwsbriefFormMessage,
			dataType: 'text'
		});
		jQuery("#nieuwsbrief_form_div").hide();
		jQuery("#form_loading").show();
	}
	else {
		$("#email_error1").html("Vul a.u.b. een geldig e-mail adres in.");
		$("#email_error2").html("Vul a.u.b. een geldig e-mail adres in.");
	}
}

function displayNieuwsbriefFormMessage(message) {
	jQuery("#form_loading").hide();
	jQuery("#form_feedback_div").show();
	jQuery("#form_feedback").text(message);
	$("#email_error1").text("");
	$("#email_error2").text("");
}

function validate_email(email) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	return reg.test(email);
}