$(document).ready(function(){


	$("#work a").colorbox({width:"80%", height:"80%", iframe:true});
    var base_url = 'http://www.jasonadkison.com/';
    $('a.openLink').colorbox({
        width: "580px",
        height: "535px",
        opacity: 1,
        href: base_url + 'contact/ajax'
    }, function(){
        $("div#contact").append('<img src="' + base_url + 'assets/images/loading.gif" class="loadingImage" alt="Loading..." />');
        $("input#name").val("");
        $("input#email").val("");
        $("textarea#message").val("");
        $("input#name").focus();
        
        //catch click of the button
        $("#contactForm .submit input").click(function(){
            $("form").fadeOut('fast');
            $("#result").fadeOut("fast").children().remove();
            
            setTimeout(function(){
                $("img.loadingImage").fadeIn("slow");
            }, 300);
            
            setTimeout(function(){
                $.post(base_url + "contact/ajaxProcess", {
                    name: $("input#name").val(),
                    email: $("input#email").val(),
                    message: $("textarea#message").val()
                }, function(data){
                    $("img.loadingImage").fadeOut("fast");
                    if (data == "Success") {
                        $("input#name").val("");
                        $("input#email").val("");
                        $("textarea#message").val("");
                        setTimeout(function(){
                            var data = '<li class="title"><h2>Message sent!</h2></li>' + '<li><p>Your message was sent successfully. I will get back to you real soon!</p></li>';
                            $("#result").append(data).removeClass('error').addClass('success').fadeIn("slow");
                            $("form").fadeIn("slow");
                        }, 1000);
                    }
                    else {
                        setTimeout(function(){
                            $("#result").append(data).fadeIn("slow").removeClass('success').addClass('error');
                            $("form").fadeIn("slow");
                        }, 500);
                    } //end else							
                }); //end post						
            }, 1500);
            return false;
        }); //end click submit button			
    });
	




	$("#work li").addClass("showImage");
	
	$("#work li").hover(function(){	
		$(this).addClass('showInfo');
	},
		function(){
			$(this).removeClass('showInfo');
		}
	);
});