var web_design = '<div class="services_wrapper"><div class="span-15 append-1"><br /><h3>Web Design</h3><hr /><p>Web Design is our passion first and foremost, although accomplished developers we both come from a graphic design background and making visually impressive sites is what we most enjoy.</p><p>We appreciate that most of our clients are looking for professional looking "web 2.0" style sites and we design with this in mind. We keep abreast of the latest techniques and design trends to make sure your website looks modern and beautiful. We specialize in creating profesional looking sites for small businesses at very reasonable rates.</p><p>If you would like to see examples of our work please visit the "portfolio" section of the website or if you would like a quote please get in touch <a href="http://www.the-blueprint.co.uk/contact.php" class="blue">here</a>.</p> <br /><br /><br /><br /></div><div class="span-8 last"><br /><br /><img src="images/header_mac3-01.png" style="width: 310px" /><br /><br /><br /><br /></div></div>';

var development = '<div class="services_wrapper"><div class="span-15 append-1"><br /><h3>Web Development</h3><hr /><p>Web Development is the term we use for anything involving more complex programming than your standard (x)HTML and CSS brochure sites. We build our Web Applications using Jquery and PHP. The most common uses of this are to build animations into websites without the use of Flash which has it\'s uses but can be rather cumbersome. Most of our development time is spent working with PHP to create Content Management Systems and Email Systems for our users. This can also be extended to websites that require E-Commerce capabilities.</p><p>If you require a website with any of the features listed then please get in touch, we\'ll be happy to perform this kind of work for you, get in touch <a href="http://www.the-blueprint.co.uk/contact.php" class="blue">here</a>.</p><br /><br /><br /><br /></div><div class="span-8 last"><br /><br /><img src="images/web_development.png" style="width: 310px" /><br /><br /><br /><br /></div></div>';

var seo = '<div class="services_wrapper"><div class="span-15 append-1"><br /><h3>Search Engine Optimisation</h3><hr /><p>S.E.O. has long been a contraversial topic, with many companies claiming they have the super, secret ninja techniques to garuntee a top 5 ranking on google. Well, as it transpired the vast majority of these companies were selling nothing more than snake oil and many continue to do so.</p><p>So what does improve your google ranking?</p><p>Well there are techniques that do work to improve your ranking and most of these boil down to two things: Intelligent, standards compliant structuring of websites and quality content.<p>Essentially hard work both from us and you is what\'s going to make your website rank highly on Google. You give us plenty of well thought out content for your website and we\'ll do the rest: Analyzing your target audience, comparing competitors sites, selecting targeted keywords, building a recipriocal link program and listing you in relevant directories and search engines.</p><p>If you already have a website and would like some help to improve your google ranking, this is also a service we offer, please get in touch <a href="http://www.the-blueprint.co.uk/contact.php" class="blue">here</a>.</p><p>For a more detailed explanation of Search Engine Optimisation and how we do it please visit <a href="http://www.the-blueprint.co.uk/search_engine_optimisation_seo_bristol.php" class="blue">here</a>.</p><br /><br /><br /><br /></div><div class="span-8 last"><br /><br /><img src="uploads/1260544009.png" style="width: 310px" /><br /><br /><br /><br /></div></div>';

var html_email = '<div class="services_wrapper"><div class="span-15 append-1"><br /><h3>HTML Email Design and Development</h3><hr /><p>If you\'re looking to improve your corporate image then HTML e-mails are an effective way to give your correspondance a more professional feel.</p><p>By using HTML we can create templates for you to use which are of a visually impressive nature and can incorporate your logo or appropriate images into your e-mails. These e-mails are a great means to launch new products or marketing campaigns and are employed by just about every major company in the Western world. They are a great tool for reinforcing your company\'s branding as your logo and style will be added to every e-mail sent by an employee.</p><p>If this is something which may interest you, please feel free to inquire <a href="http://www.the-blueprint.co.uk/contact.php" class="blue">here</a></p><br /><br /><br /><br /></div><div class="span-8 last"><br /><br /><img src="images/header_email-02.png" style="width: 310px" /><br /><br /><br /><br /></div></div>';

var graphic = '<div class="services_wrapper"><div class="span-15 append-1"><br /><h3>Logo and Letterhead Design</h3><hr /><p>Designing effective logos is a very tricky and often time consuming business. Both having backgrounds in graphic design with Photoshop and Illustrator respectively makes us adept at tackling these problems however. Our ethos when it comes to logo design is that simplicity is best. A good simple logo will always be more effective than a good complicated one.</p><p>Our graphic designs skills aren\'t restricted to just making logos though, if you need a letterhead, business card or flyer designed we\'ll be happy to do the work for you. We also offer motion graphics ranging from special FX designed in Adobe After Effects for short films to Flash adverts and banners for websites.</p><p>So if you have a graphic design job which needs doing please don\'t hesistate to get in touch <a href="http://www.the-blueprint.co.uk/contact.php" class="blue">here</a>.</p><br /><br /><br /><br /></div><div class="span-8 last"><br /><br /><img src="images/emily_logo.png" style="width: 310px" /><br /><br /><br /><br /></div></div>';

var marketing = '<div class="services_wrapper"><div class="span-15 append-1"><br /><h3>Marketing and Brand Development</h3><hr /><p>With the combined knowledge of having studied Marketing and Entrepreneurship at univeristy and our web development background, we\'re ideally suited to help you expand your web presence.</p><p>Aside from enhancing your visual profile and improving your site\'s search engine performance we\'re also experience \'guerrilla marketers\' with techniques ranging from viral e-mailing, social networking to newsletters campaigns.</p><p>If you are interested in running an online marketing campaign and require some guidance please send us your query <a href="http://www.the-blueprint.co.uk/contact.php" class="blue">here</a>.</p><br /><br /><br /><br /></div><div class="span-8 last"><br /><br /><img src="images/marketing.png" style="width: 310px" /><br /><br /><br /><br /></div></div>';





$(document).ready(function(){



var services = $(document).getUrlParam("services");

if (services==null) {

	$('#serv_container').append(web_design);

} else {
	
	if (services == "web_design") {
		$('#serv_container').append(web_design);
	} else if (services == "development") { 
		$('#serv_container').append(development);
	} else if (services == "seo") { 
		$('#serv_container').append(seo);
	} else if (services == "html_email") { 
		$('#serv_container').append(html_email);
	} else if (services == "graphic") { 
		$('#serv_container').append(graphic);
	} else if (services == "marketing") { 
		$('#serv_container').append(marketing);
	}

}	





$(".1").click(function () {
$("#footer_content").animate({marginBottom: "360px"}, "slow");
      $("#serv_container").slideUp("slow", function() {
      		$(".services_wrapper").remove();
      		$("#serv_container").append(web_design);
      		$("#serv_container").slideDown("slow");	
      		$("#footer_content").animate({marginBottom: "0px"}, "slow");
      });
});

$(".2").click(function () {
$("#footer_content").animate({marginBottom: "360px"}, "slow");
      $("#serv_container").slideUp("slow", function() {
      		$(".services_wrapper").remove();
      		$("#serv_container").append(development);
      		$("#serv_container").slideDown("slow");	
      		$("#footer_content").animate({marginBottom: "0px"}, "slow");
      });
});

$(".3").click(function () {
$("#footer_content").animate({marginBottom: "360px"}, "slow");
      $("#serv_container").slideUp("slow", function() {
      		$(".services_wrapper").remove();
      		$("#serv_container").append(seo);
      		$("#serv_container").slideDown("slow");	
      		$("#footer_content").animate({marginBottom: "0px"}, "slow");
      });
});

$(".4").click(function () {
$("#footer_content").animate({marginBottom: "360px"}, "slow");
      $("#serv_container").slideUp("slow", function() {
      		$(".services_wrapper").remove();
      		$("#serv_container").append(html_email);
      		$("#serv_container").slideDown("slow");	
      		$("#footer_content").animate({marginBottom: "0px"}, "slow");
      });
});

$(".5").click(function () {
$("#footer_content").animate({marginBottom: "360px"}, "slow");
      $("#serv_container").slideUp("slow", function() {
      		$(".services_wrapper").remove();
      		$("#serv_container").append(graphic);
      		$("#serv_container").slideDown("slow");	
      		$("#footer_content").animate({marginBottom: "0px"}, "slow");
      });
});

$(".6").click(function () {
$("#footer_content").animate({marginBottom: "360px"}, "slow");
      $("#serv_container").slideUp("slow", function() {
      		$(".services_wrapper").remove();
      		$("#serv_container").append(marketing);
      		$("#serv_container").slideDown("slow");	
      		$("#footer_content").animate({marginBottom: "0px"}, "slow");
      });
});

$(".serv_box").hover(function() {
			
		    $(this).stop().animate({ marginTop: "-14px", paddingBottom: "18px"}, 250, function() {
		    	$(this).animate({ marginTop: "-10px", paddingBottom: "14px"}, 250);
		    });
		    
		},function(){
			
		    $(this).stop().animate({ marginTop: "4px", paddingBottom: "0px"}, 250, function() {
		    	$(this).animate({ marginTop: "0px", paddingBottom: "4px"}, 250);
		    });
		    
});





});