$(document).ready(function(){
$(document).pngFix();

$('.thickbox').bt({
padding: 20,
  width: 300,
  spikeLength: 10,
  spikeGirth: 10,
  cornerRadius: 10,
  fill: 'rgba(234, 223, 205, .8)',
  strokeWidth: 1,
  strokeStyle: '#c3b49d',
  centerPointY: 1,
  cssStyles: {color: '#7d6d52', fontWeight: '100', fontFamily: 'Arial, Helvetica, sans-serif', fontSize: '13px'},
  positions: ['top'],
  shadow: true,
  shadowColor: 'rgba(0,0,0,.5)',
  shadowBlur: 8,
  shadowOffsetX: 4,
  shadowOffsetY: 4,
  
  showTip: function(box){
    $(box).fadeIn(300);
  },
  hideTip: function(box, callback){
    $(box).animate({opacity: 0}, 300, callback);
  },
  
  shrinkToFit: true,
  hoverIntentOpts: {
    interval: 0,
    timeout: 0
  }
});

//Web Links
$('.project-tip').bt({
  trigger: 'click',
  contentSelector: "$('.project-tip-content').html()", /*get text of inner content of hidden div*/
  padding: 20,
  width: 500,
  spikeLength: 30,
  spikeGirth: 30,
  cornerRadius: 10,
  fill: 'rgba(229, 224, 222, .9)',
  strokeWidth: 1,
  strokeStyle: '#647f6a',
  centerPointY: 1,
  positions: ['top'],
  shadow: true,
  shadowColor: 'rgba(0,0,0,.5)',
  shadowBlur: 8,
  shadowOffsetX: 4,
  shadowOffsetY: 4,
  
  showTip: function(box){
    $(box).fadeIn(300);
  },
  hideTip: function(box, callback){
    $(box).animate({opacity: 0}, 300, callback);
  },
  
  shrinkToFit: true,
  hoverIntentOpts: {
    interval: 0,
    timeout: 0
  }
});

$('.project-tip2').bt({
  trigger: 'click',
  contentSelector: "$('.project-tip-content2').html()", /*get text of inner content of hidden div*/
  padding: 20,
  width: 500,
  spikeLength: 30,
  spikeGirth: 30,
  cornerRadius: 10,
  fill: 'rgba(229, 224, 222, .9)',
  strokeWidth: 1,
  strokeStyle: '#647f6a',
  centerPointY: 1,
  positions: ['top'],
  shadow: true,
  shadowColor: 'rgba(0,0,0,.5)',
  shadowBlur: 8,
  shadowOffsetX: 4,
  shadowOffsetY: 4,
  
  showTip: function(box){
    $(box).fadeIn(300);
  },
  hideTip: function(box, callback){
    $(box).animate({opacity: 0}, 300, callback);
  },
  
  shrinkToFit: true,
  hoverIntentOpts: {
    interval: 0,
    timeout: 0
  }
});

$('.project-tip3').bt({
  trigger: 'click',
  contentSelector: "$('.project-tip-content3').html()", /*get text of inner content of hidden div*/
  padding: 20,
  width: 500,
  spikeLength: 30,
  spikeGirth: 30,
  cornerRadius: 10,
  fill: 'rgba(229, 224, 222, .9)',
  strokeWidth: 1,
  strokeStyle: '#647f6a',
  centerPointY: 1,
  positions: ['top'],
  shadow: true,
  shadowColor: 'rgba(0,0,0,.5)',
  shadowBlur: 8,
  shadowOffsetX: 4,
  shadowOffsetY: 4,
  
  showTip: function(box){
    $(box).fadeIn(300);
  },
  hideTip: function(box, callback){
    $(box).animate({opacity: 0}, 300, callback);
  },
  
  shrinkToFit: true,
  hoverIntentOpts: {
    interval: 0,
    timeout: 0
  }
});

$('.project-tip4').bt({
  trigger: 'click',
  contentSelector: "$('.project-tip-content4').html()", /*get text of inner content of hidden div*/
  padding: 20,
  width: 500,
  spikeLength: 30,
  spikeGirth: 30,
  cornerRadius: 10,
  fill: 'rgba(229, 224, 222, .9)',
  strokeWidth: 1,
  strokeStyle: '#647f6a',
  centerPointY: 1,
  positions: ['top'],
  shadow: true,
  shadowColor: 'rgba(0,0,0,.5)',
  shadowBlur: 8,
  shadowOffsetX: 4,
  shadowOffsetY: 4,
  
  showTip: function(box){
    $(box).fadeIn(300);
  },
  hideTip: function(box, callback){
    $(box).animate({opacity: 0}, 300, callback);
  },
  
  shrinkToFit: true,
  hoverIntentOpts: {
    interval: 0,
    timeout: 0
  }
});

//Navigation
$("#navigation a").hover(function(){
			$(this).animate({paddingBottom:"11px", color:"#f0f0f0"}, 400)
		},
		function()
		{
			$(this).animate({paddingBottom:"20px", color:"#e0cfb1"}, 400)
	});

//Contact Animations
$("#contact-button").click(function(){
		$("#contact").animate({marginTop:"0"}, 1000);
	});
$(".close-me").click(function(){
		$("#contact").animate({marginTop:"-290px"},1000);
	});
	
//Contact Scroller
$.localScroll();
$(".project-button").click(function(){
		$("#contact").animate({marginTop:"0"}, 1000);
	});

//Contact Form
$("#contact-wrap .submit").click(function(){
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var nameVal = $("#contact-wrap .input-1").val();
		if(nameVal == '') {
			$("#contact-wrap .input-1").after('<span class="error">You forgot to enter your name.</span>');
			hasError = true;
		}
		
		var emailVal = $("#contact-wrap .input-2").val();
		if(emailVal == '') {
			$("#contact-wrap .input-2").after('<span class="error">You forgot to enter your email address.</span>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {
			$("#contact-wrap .input-2").after('<span class="error">Enter a valid email address.</span>');
			hasError = true;
		}
		
		var commentVal = $("#contact-wrap .textarea").val();
		if(commentVal == '') {
			$("#contact-wrap .textarea").after('<span class="error">You forgot to enter your message.</span>');
			hasError = true;
		}
		
		if(hasError == false) {
		$(this).hide();
		$("#contact-form").append('<span>loading...</span>');
		
					$.post("wp-content/themes/deFusion/contact-mail.php",
   				{ name: nameVal, email: emailVal, comment: commentVal, },
   					function(data){
						$("#contact-form").slideUp("normal", function() {				   
							
							$("#contact-form").before('<h1>Nice Work!!!</h1><span>Your email was sent to AR.</span>');							
						});
   					}
				 );
		}
		
		return false;
	});
	
});