/* Author: 
	Enguin Design
*/

$(document).ready(function(){  
/* General */
if (!Modernizr.input.placeholder) {
$('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
	    input.val('');
	    input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
	    input.addClass('placeholder');
	    input.val(input.attr('placeholder'));
	  }
	}).blur().parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
	    var input = $(this);
	    if (input.val() == input.attr('placeholder')) {
	      input.val('');
	    }
	  })
	});
}

/* 
	Hi! Have you figured out what this is? If you like it,
	feel free to copy it, just send us a message when you do.
	(We want to see it in action!)
	By the way, don't forget to include Ben Alman's replaceText 
	plugin http://benalman.com/projects/jquery-replacetext-plugin/
*/
	var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65";  
	$(document).keydown(function(e) {
		kkeys.push( e.keyCode );  
		if ( kkeys.toString().indexOf( konami ) >= 0 ){  
	    	$(document).unbind('keydown',arguments.callee);  
	
			{
				$('body *, head title').replaceText(/an/g, 'un').replaceText(/An/g, 'An').replaceText(/au/g, 'oo').replaceText(/Au/g, 'Oo').replaceText(/a/g,'e').replaceText(/A/g,'E').replaceText(/en\b/g,'ee').replaceText(/\Bew/g,'oo').replaceText(/\be/g,'e-a').replaceText(/\be/g,'i').replaceText(/\bE/g,'I').replaceText(/\Bf/g,'ff').replaceText(/\Bir/g,'ur').replaceText(/\Bi/g,'ee').replaceText(/\Bow/g,'oo').replaceText(/\bo/g,'oo').replaceText(/\BO/g,'Oo').replaceText(/\bo/g,'u').replaceText(/the/g,'zee').replaceText(/\bThe/g,'Zee').replaceText(/th\b/g,'t').replaceText(/th\b/g,'shun').replaceText(/u/g,'oo').replaceText(/\bU/g,'Oo').replaceText(/v/,'f').replaceText(/\bV/g,'F').replaceText(/w/g,'v').replaceText(/W/g,'V').replaceText(/\&\#8217;s\b/g,"\'\&\#8217;s a");
				$('#home_page .page_title h1').replaceWith('<h1 class="vemake">Ve meke zee Internet ooseffool.</h1>');
				$('#contact i').replaceWith('<i>(It&#8217;ll be totelly vort yooor teeme, ve promeese.)</i>');
			};
		};
	}); 

	// Scroll to anchors //
	$("a[href*='#']").click(function(event){
		event.preventDefault();
		var full_url = this.href;
		var parts = full_url.split("#");
		var trgt = parts[1];
		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top;
		$('html, body').animate({scrollTop:target_top}, 750);
	});



// Load only if narrower than 767px //
if (document.documentElement.clientWidth < 768) {
	// Browser support //
	$("#browser-support a").colorbox({width:"90%", inline:true, href:"#browsers"});
}	
	
// Load only if wider than 767 px //
if (document.documentElement.clientWidth > 767) {

// Kerning //
$("body#home_page .page_title h1, #contact i").lettering();

// Story book //
	$( ".storybook" ).tabs({ fx: { opacity: 'toggle' } });
	

	$('.panel_one').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 0);
	    return false;
	});
	
	$('.panel_two').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 1);
	    return false;
	});
	$('.panel_three').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 2);
	    return false;
	});
	
	$('.panel_four').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 3);
	    return false;
	});
	
	$('.panel_five').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 4);
	    return false;
	});
	
	$('.panel_six').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 5);
	    return false;
	});
	
	$('.panel_seven').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 6);
	    return false;
	});
	
	$('.panel_eight').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 7);
	    return false;
	});
	
	$('.panel_nine').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 8);
	    return false;
	});
	
	$('.panel_ten').click(function() { // bind click event to link
	    $( ".storybook" ).tabs('select', 9);
	    return false;
	});

	// Browser support //
	$("#browser-support a").colorbox({width:"640px", inline:true, href:"#browsers"});

	// Add tasty AJAX to the Contact form //
	$('#contact form').attr('action','/contact/ajax/');

	var options = {   
	    success:  processXml,
	    dataType: 'xml',
	    beforeSubmit:  makeitso
    };

	$('#contact form').ajaxForm(options);

	function makeitso(){
	    $('#contact form > input[type="submit"]').attr('value','Making it so.');
	    $('#contact form label em').remove();
	};
	function processXml(responseXML) { 
	    var message = $('message', responseXML).text();
	    var name = $('name', responseXML).text();
	    var email = $('email', responseXML).text();

	    if (message == 'success') {
	        $('#contact form').resetForm();
	        $('#contact form > input#name').attr('placeholder','Thank you.');
	        $('#contact form > input#email').attr('placeholder','Xie xie.');
	        $('#contact form > input#url').attr('placeholder','Arigatou gozaimasu.');
	        $('#contact form > textarea').attr('placeholder','You are awesome.')
	    	$('#contact form > input[type="submit"]').attr('value','Woosh!');
	        apprise('Awesome, you will be hearing from us within the next few days.',{'animate':true,'textOk':'Yeah!'});
	    }

	    else {
	    	// If the result is an error show the form again and append appropriate fields //
	    	if (name == 'missing') { $('#contact form label[for=name]').append(' <em>This field is required.</em>'); }
	    	if (name == '') { $('#contact form label[for=name]').append(' <em class="valid">Nice to meet you!</em>'); }
	    	if (email == 'missing') { $('#contact form label[for=email]').append(' <em>This field is required.</em>'); }
	    	if (email == '') { $('#contact form label[for=email]').append(' <em class="valid">Looks good.</em>'); }
	    	if (email == 'invalid') { $('#contact form label[for=email]').append(' <em>This email address looks funky. (Is it correct?)</em>'); }
	    	if (message == 'missing') { $('#contact form label[for=message]').append(' <em>This field is required.</em>'); }
	    	if (message == '') { $('#contact form label[for=message]').append(' <em class="valid">We can\'t wait to read this.</em>'); }
	    	$('#contact form label em').delay(1000).hide().fadeIn(1500);
	    	$('#contact form > input[type="submit"]').attr('value','Send your message.');

	    	apprise('<p>Uh oh, we had a problem sending your message, please check it for errors.</p> <p>(If you continue to have issues sending your message, email us at <a href="mailto:hello@enguin.com">hello@enguin.com</a>.)</p>',{'animate':true,'textOk':'Darn.'});
	    };
	};
	
};
});