//$('ul#menu li ul li').css({'border':'1px solid black', 'font-size':'20px'});

var hash_locked = false;
var next_button = 'selected_works';
var prev_button = 'selected_works';

// alters HREF attributes for next/previous navigation arrows
// and refreshes the onClick event
function rebind_navi_btns() {
	// unbind click events
	$('#arrow-left > a').unbind('click');
	$('#arrow-right > a').unbind('click');

	// set the appropriate HREFs
	$('#arrow-left > a').attr('href', prev_button+'.html');
	$('#arrow-right > a').attr('href', next_button+'.html');

	// bind new click events
	$('#arrow-left > a').bind('click', function(){
		pageload(prev_button);
		return false;
	});
	$('#arrow-right > a').bind('click', function(){
		pageload(next_button);
		return false;
	});
}

// callback function called once content is loaded
function add_borders() {
	/* adds teal border round selected work boxes */
	$("#box-content .box-work").mouseover(function() {
		$(this).addClass('box-work-border');
	});

	$("#box-content .box-work").mouseout(function() {
		$("#box-content .box-work").removeClass('box-work-border');
	});

	// now we need to get rid of loading span
	$('#load').fadeOut('normal');
	// ... and show the actual content
	$('#box-content').show('normal');

	/* lightbox clone prettyPhoto */
	$("a[rel^='prettyPhoto']").prettyPhoto();
		
	$("a[rel^='popup01']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/annualreview_pop.png" height="545" width="773" alt="UK Sport" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});
	
	$("a[rel^='popup02']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/rosebowl_pop.png" height="545" width="773" alt="UK Sport" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});		

	$("a[rel^='popup03']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/explore_pop.png" height="545" width="773" alt="UK Sport" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});		
		
	$("a[rel^='popup04']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/NSApopup.png" height="545" width="773" alt="The National Skills Academy for Sport &amp; Active Leisure" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});
	
	$("a[rel^='popup05']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/britishbasketball_pop.png" height="545" width="773" alt="British Basketball" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});	

	$("a[rel^='popup06']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/Dove-Spa-Xmas-popup.png" height="545" width="773" alt="Dove Spa" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});

	$("a[rel^='popup07']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/cabos_pop.png" height="545" width="773" alt="CABOS report" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});
	
	$("a[rel^='popup08']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/henbrandt_pop.png" height="545" width="773" alt="Henbrandt packaging" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});	

	$("a[rel^='popup10']").prettyPhoto({
		width: 635,
		height: 400,
		altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;color:#333;line-height:150%; padding: 20px"><div class="ap" style="height:430px;width:635px;overflow:auto;padding:0 10px 0 0;"><h1 id="what_we_do"></h1><br /><div style="background:#E5E5E5;padding:10px 10px 0px 50px"><div class="left" style="width:50%"><h2 id="print"></h2><ul><li><span>Corporate Brochures</span></li><li><span>Annual Reports</span></li><li><span>Direct Mail</span></li><li><span>Packaging</span></li><li><span>Illustration</span></li><li><span>Magazines</span></li><li><span>Newsletters</span></li><li><span>Advertising</span></li><li><span>Copywriting </span></li></ul><h2 id="branding"></h2><ul><li><span>Research</span></li><li><span>Brand Strategy</span></li><li><span>Brand Development</span></li><li><span>Style Guides</span></li><li><span>Brand Creation and Launch</span></li><li><span>Corporate Identity</span><span></span></li></ul></div><div class="left"><h2 id="digital"></h2><ul><li><span>Website Design and Build</span></li><li><span>Content Management Systems</span></li><li><span>Ecommerce</span></li><li><span>Email and SMS Marketing</span></li><li><span>Social Media (Web 2.0)</span></li><li><span>Online Marketing Strategies</span></li><li><span>Usability and Accessibility</span></li><li><span>Web Analytics</span></li><li><span>Search Engine Marketing</span></li><li><span>Mobile Solutions</span></li></ul><h2 id="marketing"></h2><ul><li><span>Strategic Planning</span></li><li><span>Advertising</span></li><li><span>PR</span></li><li><span>Direct Mail </span></li></ul></div><div class="cleaner"></div></div></div><div class="bottom4"><img src="images/she.jpg" height="18" width="301" alt="Say hello +44(0)1256 767444  Email" style="float:left" /><a id="info" href="mailto:info@pixelscene.com" title="Link opens email application"></a><a href="#" class="a_close3 close">Close</a></div></div>'
	});

	// focus the changed content
	//$('#box-content').focus();
	
	/* why use pixel scene testimonials */
	$('.random').randomChild();
	
	// rebind onClick events for next/previous arrows
	rebind_navi_btns();

	hash_locked = false;
	}

function pageload(hash) {
	if (!hash_locked) {
		// since for some reason we fire load function twice,
		// we need to strip the full URL that's being returned
		// second time
		if (hash.indexOf('://') > -1) {
			hash = hash.split('/');
			hash = hash[hash.length - 1];
		}
		hash_locked = true;

		$("#menu > li").removeClass('current');
		$('#load').remove();
		$('#wrapper').append('<span id="load"><img src="images/ajax-loader.gif" width="43" height="11" alt="loading" /></span>');
		$('#load').fadeIn('normal');
		$('#box-content').hide('fast', function(){
			// hash doesn't contain the first # character.
			if (hash && (hash != '.html')) {
				if (hash.substr((hash.length - 5), 5) != '.html') {
					hash = hash + '.html';
				}
				
				$("#menu > li").removeClass('current');
				$("#menu > li > ul > li").removeClass('msm current');
				$("#menu > li > ul > li").removeClass('msm');
				$("#menu > li > ul > li").addClass('msm');
				if (hash == "index.html") {
					$("#m01").addClass("current");
					$("#p1").removeClass('msm');
					$("#p1").addClass("msm current");
					next_button = 'selected_works';
					prev_button = 'selected_works';
					rebind_navi_btns();
				}
				else 
					if (hash == "selected_works.html") {
						$("#m01").addClass("current");
						$("#p2").removeClass('msm');
						$("#p2").addClass("msm current");
						next_button = 'index';
						prev_button = 'index';
						rebind_navi_btns();
					}
					else 
						if (hash == "clients.html") {
							$("#m02").addClass("current");
							$("#c1").removeClass('msm');
							$("#c1").addClass("msm current");
							next_button = 'clients02';
							prev_button = 'clients02';
							rebind_navi_btns();
						}
						else 
							if (hash == "clients02.html") {
								$("#m02").addClass("current");
								$("#c2").removeClass('msm');
								$("#c2").addClass("msm current");
								next_button = 'clients';
								prev_button = 'clients';
								rebind_navi_btns();
							}
							else {
								$("#m03").addClass("current");
							}
				// restore ajax loaded state
				$.post(hash,function(data){
					data = data.substring((data.indexOf('<title>') + 7), data.indexOf('</title>'));
					document.title = data;
				},'html');
				$("#box-content-height-wrapper").load(hash + " #box-content", {}, add_borders);
			}
			else {
				// start page
				$("#menu > li").removeClass('current');
				$("#menu > li > ul > li").removeClass('msm current');
				$("#menu > li > ul > li").removeClass('msm');
				$("#menu > li > ul > li").addClass('msm');
				$("#m01").addClass("current");
				$("#p1").removeClass('msm');
				$("#p1").addClass("msm current");
				// start page
				$.post('index.html',function(data){
					data = data.substring((data.indexOf('<title>') + 7), data.indexOf('</title>'));
					document.title = data;
				},'html');
				$("#box-content-height-wrapper").load('index.html #box-content', {}, add_borders);
			}
		});
	}
}

if(!Array.indexOf){
    Array.prototype.indexOf = function(obj){
        for(var i=0; i<this.length; i++){
            if(this[i]==obj){
                return i;
            }
        }
        return -1;
    }
}

var all_pages = 2;
var current_page = 1;


$(document).ready(function() {
	// Initialize history plugin.
	// The callback is called at once by present location.hash. 
	$.historyInit(pageload);
	
	// set onlick event for buttons
	$("a[@class='history']").click(function(){
	 
		// moves to a new page. 
		// pageload is called at once. 
		$.historyLoad(this.href);
		$("#menu > li").removeClass('current');
		$(this).parent().parent().addClass('current');
		return false;
	});

	/* lightbox - using this for googlemap Find us */
	$("a[rel^='prettyPopin']").prettyPhoto({
		width: 660,
		height: 400,
			altTxt : '<div id="gmap-top"><div id="find_us"><h1>Find us</h1></div><a href="#" id="b_close" class="close">Close</a></div><div class="content png" style="padding:0 20px;"><iframe width="660" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?f=q&amp;hl=en&amp;geocode=&amp;q=pixel+scene&amp;sll=53.800651,-4.064941&amp;sspn=20.141229,45.175781&amp;ie=UTF8&amp;z=13&amp;iwloc=A&amp;cid=51282824,-962357,17332557235340031691&amp;ll=51.298745,-0.953922&amp;output=embed&amp;s=AARTsJoHNcv6BWpxn_2HOhl32Nnx31pHCQ"></iframe><div class="bottom2"><ul id="address"><li>Pixel Scene </li><li>7-11 London Road </li><li>Hook </li><li>Hampshire </li><li>RG27 9DY</li><li>&nbsp;&nbsp;<span class="pt"><strong>Tel:</strong> 01256 767444</span></li></ul><div class="clear"></div><div class="pad"><a href="pdf/PS_Directions.pdf" target="_blank" title="Link opens PDF" id="directions">Download directions PDF</a></div></div>'
	});
	
	/* lightbox - using this for googlemap Find us */
	$("a[rel^='prettyPopin']").prettyPhoto({
		width: 660,
		height: 400,
			altTxt : '<div id="gmap-top"><div id="find_us"><h1>Find us</h1></div><a href="#" id="b_close" class="close">Close</a></div><div class="content png" style="padding:0 20px;"><iframe width="660" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?f=q&amp;hl=en&amp;geocode=&amp;q=pixel+scene&amp;sll=53.800651,-4.064941&amp;sspn=20.141229,45.175781&amp;ie=UTF8&amp;z=13&amp;iwloc=A&amp;cid=51282824,-962357,17332557235340031691&amp;ll=51.298745,-0.953922&amp;output=embed&amp;s=AARTsJoHNcv6BWpxn_2HOhl32Nnx31pHCQ"></iframe><div class="bottom2"><ul id="address"><li>Pixel Scene </li><li>7-11 London Road </li><li>Hook </li><li>Hampshire </li><li>RG27 9DY</li><li>&nbsp;&nbsp;<span class="pt"><strong>Tel:</strong> 01256 767444</span></li></ul><div class="clear"></div><div class="pad"><a href="pdf/PS_Directions.pdf" target="_blank" title="Link opens PDF" id="directions">Download directions PDF</a></div></div>'
	});	
	

$("a[rel^='popup09']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/dovespa_pop.png" height="545" width="773" alt="Dove Spa" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});					

$("a[rel^='popup11']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/StGeorgespopup.png" height="545" width="773" alt="St Georges" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});	

$("a[rel^='popup12']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/SA-ActiveInsightpopup.png" height="545" width="773" alt="SkillsActive: ActiveInsight scales new heights." /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});	

$("a[rel^='popup13']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;"><img src="images/selected_works/nicolaflorist_pop.png" height="545" width="773" alt="Nicola Florist eCommerce site" /><div class="bottom3"><a href="#" class="a_close close">Close</a></div></div>'
	});	
	
	
$("a[rel^='accessibility']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;color:#333;line-height:150%;"><div class="ap" style="height:545px;width:760px;overflow:auto;padding:0 10px 0 0;"><a name="access" accesskey="0"></a><h1>Accessibility Statement</h1><p>Pixel Scene is committed to making its website available to as many people as possible meeting the requirements of the Disability Discrimination Act and makes every effort to ensure its communications are accessible to those with special needs, including those with visual, hearing, cognitive and motor impairments.</p><p>Many Internet users can find websites difficult to use due to the way they have been designed. We recognise that this is an important issue and are making changes to ensure that the www.pixelscene.com website is accessible in accordance with the World Wide Web Consortium (W3C) guidelines.</p><p>We have strived to make this website adhere to priority 1 and 2 guidelines of the W3 Web Content Accessibility Guidelines and in some cases priority 3. Changes to improve accessibility are ongoing, but if you come across a page you find difficult to use please let us know.</p><p>The code used to create the site validates as HTML 4 Transitional, and the CSS has also been validated. The pages use structured semantic markup where necessary.</p><h2>Standards Compliance</h2><p>All pages validate as XHTML 1.0 Strict, uses structured semantic markup and the CSS has also been validated.</p><p>Our pages conform to Level AA compliance as specified by the Web Content Accessibility Guidelines 1.0 and endorsed by the Royal National Institute for the Blind.</p><p>We strive to obey the spirit of the UK Disability Discrimination Act 1995 with respect to the provision of services online, as required by the Disability Rights Commission.</p><h2>Accessibility Design</h2><p>Many Internet users with disabilities find website difficult or even impossible to use simply because of the way they are designed. This website has been designed to be as accessible as possible and to be compatible with the types of adaptive technology used by people with disabilities, including screen readers. As such, visitors can control the size of the text and can use &lsquo;access keys&rsquo; on the keyboard rather than the mouse to navigate through pages.</p><p>The stylesheet uses relative font sizes and is written to display pages correctly in most commonly used browsers. In early versions of browsers and browsing devices that do not support stylesheets at all, the flow of the content has been tested to ensure it entirely retains its sense.</p><p>Foreground and background colours contrast well throughout the site, with the majority of content appearing black on white.</p><p>The site is free of frames and uses a cascading style sheet for visual layout. Tables are used for tabular data, but we have avoided using them to dictate the layout of a page wherever possible.</p><h2>Internal Navigation Links</h2><p>At the start of every page are invisible links providing direct access to content, navigation and the accessibility statement, each with access keys. When keyboard navigating, however, the links become visible - try tabbing through the links on the page.</p><a name="accesskeys" accesskey="a"></a><h2>Access Keys</h2><p>Most modern browsers support jumping to specific links by typing &lsquo;access keys&rsquo;. Our access keys use the UK government access keys system where applicable and these access keys take you to the relevant page within the site. These simple instructions will enable you to use &lsquo;access keys&rsquo; on the Mac and Windows.</p><h3>Macintosh Users:</h3><p>You press Control + the &lsquo;access&rsquo; key.</p><h3>Windows Users:</h3><p>Safari 3+ &amp; Microsoft Internet Explorer 6+</p><p>Press ALT + the &lsquo;access&rsquo; key, then press the &lsquo;<span style="text-transform:uppercase">enter</span>&rsquo; key to trigger the action.</p><h3>Firefox 1+:</h3><p>Press SHIFT &amp; ALT + the &lsquo;access&rsquo; key.</p><h3>Opera. 9+:</h3><p>Press SHIFT &amp; ESC, then select the appropriate &lsquo;access&rsquo; key from the list displayed.</p><ul><li><span>[N] - Skip to navigation</span></li><li><span>[X] - Skip to content</span></li><li><span>[A] - Access key details</span></li><li><span>[H] - Home page</span></li><li><span>[0] - Accessibility information</span></li><li><span>[1] - Privacy</span></li><li><span>[H] - Selected Works page 1</span></li><li><span>[2] - Selected Works page 2</span></li><li><span>[3] - Some of our clients page 1</span></li><li><span>[4] - Some of our clients page 2</span></li><li><span>[5] - Why use Pixel Scene</span></li></ul><h2>Links</h2><p>External website links on the site will open a new browser window and most links have title attributes, which describe the link in greater detail, and in the majority of cases the text of the link already fully describes the target. Wherever possible, links are written to make sense out of context.</p><p>Link text is never duplicated. Two links on the same page with the same link text always point to the same address. New windows are never opened without either a warning in the text or in the &lsquo;title&rsquo; attribute of the link.</p><h2>Images</h2><p>All content images on the site include descriptive ALT attributes. Those purely decorative graphics or used for layout include empty ALT attributes.</p><h2>PDFs</h2><p>Most documents on this website are PDFs (portable document format). The advantage of a PDF is that it will always be presented consistently. You will need Adobe Acrobat Reader to open PDF files, and this can be downloaded for free. Adobe has recently updated its free reader to include screenreading functionality.</p><p>Adobe also has a free online conversion tool for pdfs so people who have problems reading PDFs can convert them so that they appear as normal web pages or plain text.</p><h2>Flash</h2><p>Due to the use of Macromedia Flash technology in some sections of the website and the interactive nature of these modules, certain users working with assistive technologies may be unable to fully engage with all pages. Every effort has been made to ensure the Flash activities will include accessibility features that ensure that dyslexic, visually impaired and motor impaired users can engage with the content. Where it is possible, we provide accessible versions of Flash content by using plain text.</p><h2>JavaScript</h2><p>The site has been configured to allow users access to its full range of functionality whether or not they have JavaScript enabled in their browsers. Where JavaScript is used, it is only used to enhance the user experience. It is never essential.</p><h2>Known browser support</h2><p>This website operates on a wide range of browsers.</p><p>PC operating systems:</p><ul><li><span>Internet Explorer 7</span></li><li><span>Internet Explorer 6</span></li><li><span>Mozilla Firefox 2.0</span></li><li><span>Opera 9.01</span></li><li><span>Safari 3.0</span></li><li><span>Lynx</span></li></ul><p>Apple Macintosh operating systems:</p><ul><li><span>Safari 3.0</span></li><li><span>Safari 2.0</span></li><li><span>Mozilla Firefox 2.0</span></li><li><span>Mozilla Firefox 1.5</span></li><li><span>Opera 9.01</span></li></ul></div><div class="bottom3"><a href="#" class="a_close2 close">Close</a></div></div>'
	});	
	
	$("a[rel^='privacy']").prettyPhoto({
		width: 773,
		height: 545,
			altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;color:#333;line-height:150%;"><div class="ap" style="height:545px;width:760px;overflow:auto;padding:0 10px 0 0;"><a name="privacy" accesskey="1"></a><h1>Privacy Statement</h1><p>Pixel Scene is committed to preserving the privacy of all visitors to our website at www.pixelscene.com.  Please read the following privacy policy to understand how we use and protect the information that you provide to us.</p><p>By registering or placing an order on this website, you consent to the collection, use and transfer of your information under the terms of this policy.</p><h2>Information that we collect from you</h2><p>When you visit, register or order products or services on www.pixelscene.com you may be asked to provide certain information about yourself including your name and contact details.</p><p>We may also collect information about your usage of our website as well as information about you from messages you post to the website and e-mails or letters you send to us.</p><p>To maintain customer service standards and to assist staff training, we may record and monitor incoming calls.</p><h2>Use of your information</h2><p>Your information will enable us to provide you with access to all parts of our website and to supply the goods or services you have requested. It will also enable us to bill you and to contact you where necessary concerning your orders. We will also use and analyse the information we collect so that we can administer, support, improve and develop our business.</p><p>In particular, we may use your information to contact you for your views on our services and to notify you occasionally about important changes or developments to the website or our services. Further, where you have consented, we might also use your information to let you know by email about other products and services which we offer which may be of interest to you. If you change your mind about being contacted in the future, please let us know.</p><h2>Disclosure of your information</h2><p>The information you provide to us may be accessed by or given to third parties some of whom may be located outside the European Economic Area who act for us for the purposes set out in this policy or for other purposes approved by you. Those parties process information, fulfil and deliver orders, process credit card payments and provide support services on our behalf. We may also pass aggregate information on the usage of our website to third parties but this will not include information that can be used to identify you.</p><p>Where you have consented when providing us with your details, we may also allow carefully selected third parties, including other companies in our group, to contact you occasionally about products and services which may be of interest to you. They may contact you by e-mail. If you change your mind about being contacted by these companies in the future, please let us know at <a href="mailto:info@pixelscene.com" title="Link opens email application">info@pixelscene.com</a>.</p><p>Finally, if our business enters into a joint venture with or is sold to or merged with another business entity, your information may be disclosed to our new business partners or owners.</p><p>Countries outside the European Economic Area do not always have strong data protection laws. However, we will always take steps to ensure that your information is used by third parties in accordance with this policy.</p><p>Unless required to do so by law, we will not otherwise share, sell or distribute any of the information you provide to us without your consent.</p><h2>Cookies</h2><p>Cookies are small amounts of information, which we may store on your computer. Unless you have indicated your objection when disclosing your details to us, our system will issue cookies to your computer when you log on to the site. Cookies make it easier for you to log on to and use the site during future visits. They also allow us to monitor website traffic and to personalise the content of the site for you. You may set up your computer to reject cookies by following the relevant instructions, which can be found at www.aboutcookies.org. In that case, you may not be able to use certain features on our site. If you do not wish to receive cookies in the future, please let us know at <a href="mailto:info@pixelscene.com" title="Link opens email application">info@pixelscene.com</a>.</p><h2>Security and data retention</h2><p>We employ security measures to protect your information from access by unauthorised persons and against unlawful processing, accidental loss, destruction and damage. We will retain your information for a reasonable period or as long as the law requires.</p><h2>Accessing and updating</h2><p>You are entitled to see the information held about you and you may ask us to make any necessary changes to ensure that it is accurate and kept up to date. If you wish to do this, please contact us at <a href="mailto:info@pixelscene.com" title="Link opens email application">info@pixelscene.com</a>.  We are entitled by law to charge a fee of &pound;10 to meet our costs in providing you with details of the information we hold about you.</p><h2>Changes to our privacy policy</h2><p>Any changes to our privacy policy in the future will be posted to the website and, where appropriate, through e-mail notification.</p><h2>Contact</h2><p>All comments, queries and requests relating to our use of your information are welcomed and should be addressed to <a href="mailto:info@pixelscene.com" title="Link opens email application">info@pixelscene.com</a>.</p></div><div class="bottom3"><a href="#" class="a_close2 close">Close</a></div></div>'
	});	

	$("a[rel^='what_we_do']").prettyPhoto({
		width: 635,
		height: 400,
		altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;color:#333;line-height:150%; padding: 20px"><div class="ap" style="height:430px;width:635px;overflow:auto;padding:0 10px 0 0;"><h1 id="what_we_do"></h1><br /><div style="background:#E5E5E5;padding:10px 10px 0px 50px"><div class="left" style="width:50%"><h2 id="print"></h2><ul><li><span>Corporate Brochures</span></li><li><span>Annual Reports</span></li><li><span>Direct Mail</span></li><li><span>Packaging</span></li><li><span>Illustration</span></li><li><span>Magazines</span></li><li><span>Newsletters</span></li><li><span>Advertising</span></li><li><span>Copywriting </span></li></ul><h2 id="branding"></h2><ul><li><span>Research</span></li><li><span>Brand Strategy</span></li><li><span>Brand Development</span></li><li><span>Style Guides</span></li><li><span>Brand Creation and Launch</span></li><li><span>Corporate Identity</span><span></span></li></ul></div><div class="left"><h2 id="digital"></h2><ul><li><span>Website Design and Build</span></li><li><span>Content Management Systems</span></li><li><span>Ecommerce</span></li><li><span>Email and SMS Marketing</span></li><li><span>Social Media (Web 2.0)</span></li><li><span>Online Marketing Strategies</span></li><li><span>Usability and Accessibility</span></li><li><span>Web Analytics</span></li><li><span>Search Engine Marketing</span></li><li><span>Mobile Solutions</span></li></ul><h2 id="marketing"></h2><ul><li><span>Strategic Planning</span></li><li><span>Advertising</span></li><li><span>PR</span></li><li><span>Direct Mail </span></li></ul></div><div class="cleaner"></div></div></div><div class="bottom4"><img src="images/she.jpg" height="18" width="301" alt="Say hello +44(0)1256 767444  Email" style="float:left" /><a id="info" href="mailto:info@pixelscene.com" title="Link opens email application"></a><a href="#" class="a_close3 close">Close</a></div></div>'
	});
	
	$("a[rel^='werehiring']").prettyPhoto({
		width: 635,
		height: 400,
		altTxt : '<div class="content" style="border-left:7px solid #ffffff;border-right:7px solid #ffffff;border-top:7px solid #ffffff;color:#333;line-height:150%; padding: 20px"><div class="ap" style="height:430px;width:635px;overflow:auto;padding:0 10px 0 0;"><h2 class="wh">Web Developer / Programmer</h2><p class="wh">We are currently looking for a good php web developer / programmer to join our technical team. Working on a variety of projects, with a majority of website builds as well as online marketing and integrated campaigns for a wide range of different clients, they are looking for a skilled developer particularly proficient in programming in object oriented PHP and MySQL databases; the successful candidate will also have excellent front-end coding with X/HTML, CSS and JavaScript / libraries. You will also have expert knowledge of accessibility, W3C standards and practices, as well as an exemplary eye for detail.</p><p class="wh">The successful candidate will have worked on, and developed database driven and transactional websites (sample URLs will be required), this must be within a LAMP environment. <strong>Most importantly, you must be a team player, quick learner, be on the cutting edge of web technologies and web development trends, keep up to date with latest industry news and trends - finger on the pulse, able to work under pressure, meet deadlines, and have experience working within a digital agency.</strong></p><p>You must have a passion for all things digital, enthusiastic, a pro-active attitude and have excellent communication and problem-solving skills with the ability / willingness to continually search for new ideas and development methods. You will be working alongside others in superb working environment so you also need to be a good team player.</p><h2 class="wh">Essential skill set:</h2><ul class="wh"><li><span>PHP 5 - Object Orientated Programming (OOP &amp; OOD)</span></li><li><span>MySQL</span></li><li><span>JavaScript + AJAX (jQuery / YUI)</span></li><li><span>X/HTML + CSS2</span></li><li><span>Basic Linux/Windows system administration skills such as configuring Apache, PHP, MySQL</span></li><li><span>W3C standards, achieving an AA WAI rating and compatible with the main Mac &amp; PC browsers.</span></li><li><span>Knowledge of browser quirks and variations</span></li><li><span>Adobe Software: Photoshop, Fireworks and Illustrator</span></li><li><span>SEO and SEM understanding and ability to use Google Analytics</span></li><li><span>Excellent internet skills in using various browsers and search engines</span></li></ul><h2 class="wh">Added value skill set:</h2><ul class="wh"><li><span>API\'s - e.g. Google Maps, Twitter, Facebook, YouTube</span></li><li><span>Social Media - Facebook Connect, FBML integration, Facebook apps, Twitter etc</span></li><li><span>Content Management System: Expression Engine (Preferred), Wordpress (Preferred), Drupal, Joomla, ModX etc</span></li><li><span>MVC Frameworks: CodeIgniter (Preferred) or Zend, CakePHP etc</span></li><li><span>Experience using a version control system: SVN (preferred), CVS, Git</span></li><li><span>Knowledge and experience of using Campaign Monitor and API\'s</span></li></ul><h2 class="wh">Desirable skill set:</h2><ul class="wh"><li><span>eCommerce software: Magento (preferred) or JShop etc</span></li><li><span>Secure online payment gateways</span></li><li><span>Experience of developing content for a mobile platform e.g. iPhone / Smartphone</span></li><li><span>Flash ActionScript 3 Development</span></li><li><span>Adobe Air Player experience</span></li><li><span>XML</span></li><li><span>SQL Server / PostgreSQL</span></li></ul><h2 class="wh" style="padding:0 0 5px 0">Apply</h2><p style="padding:0 0 5px 0;margin:0 0 0 0;" class="wh">Think you can fit the bill?</p><p>To apply, <a href="mailto:paul@pixelscene.com?Subject=Web Developer position" class="werehiring" title="Link opens email application">email us</a> your CV and a covering letter.</p><a href="#" class="a_close3 close">Close</a></div></div>'
	});


// news ticker
	if(typeof $().newsTicker == "function") {
		var options = {
  			newsList: "#latest_wins ul",
 			tickerRate: 40,
 			startDelay: 10,
 			loopDelay: 4000,
 			placeHolder1: " -",
 			placeHolder2: ""
		}
		$().newsTicker(options);
	}

/* gallery */

$('#gallery').cycle({
    fx: 'scrollHorz',
    timeout: 0,
    speed:250,
    next:   '#next', 
    prev:   '#prev'
});


$('#gallery-text').cycle({
    fx: 'scrollUp',
    timeout: 0,
    speed:250,
    next:   '#next', 
    prev:   '#prev' 
});

$('#arrow-left-gallery').show();
$('#arrow-right-gallery').show();

});

function nextX(){
	$('#next').click();
}

setInterval("nextX()",17000);