$(document).ready(function() {

    $("#h-icon,#d-icon,#w-icon").mouseenter (function () {
        switch ($(this).attr("id")) {
            case "h-icon":
                $(this).css("background-position", "0 -60px");
                break;
            case "d-icon":
                $(this).css("background-position", "-60px -60px");
                break;
            case "w-icon":
                $(this).css("background-position", "-120px -60px");
                break;
        }
        $(this).children(".i-text").slideDown("fast");
    });

    $("div[class*='p-desc-']").click (function () {
        function portfolio (imgsrc,title,link,pdetails) {
            this.imgsrc=imgsrc;
            this.title = title;
            this.link=link;
            this.pdetails=pdetails;
        }
        var portfolioSelection;
        switch ($(this).attr("class")) {
            case "p-desc-1":
                portfolioSelection = new portfolio("img/zo2012.jpg","2012 Zombie Olympics","http://zo2012.onefivedesign.com","design / writing / html / css / xml / js / images");
                break;
            case "p-desc-2":
                portfolioSelection = new portfolio("img/zo2008.jpg","2008 Zombie Olympics","http://zo2008.onefivedesign.com/","design / html / css / images");
                break;
            case "p-desc-3":
                portfolioSelection = new portfolio("img/la.jpg", "levelarchitect.com","http://www.levelarchitect.com","design / html / css / images");
                break;
            case "p-desc-4":
                portfolioSelection = new portfolio("img/ek.jpg","ENERGYkeen","http://energykeen.onefivedesign.com/","design / html / css / js / images");
                break;
            case "p-desc-5":
                portfolioSelection = new portfolio("img/fopa.jpg","Five-Online Print Ad","http://www.onefivedesign.com/img/fiveonline-print1.jpg","design");
                break;
            case "p-desc-6":
                portfolioSelection = new portfolio("img/fo.jpg","five-online.com","http://www.five-online.com","html / css / images");
                break;
            case "p-desc-7":
                portfolioSelection = new portfolio("img/id.jpg","irondeuce.com","http://www.irondeuce.com","modifications / images");
                break;
            case "p-desc-8":
                portfolioSelection = new portfolio("img/ofdo.jpg","onefivedesign.com (old)","http://www.onefivedesign.com/img/onefivedesign-old.jpg","design / html / css / js /images");
                break;
        }
        $("#p-img").attr("src", portfolioSelection.imgsrc);
        $("#p-title").text(portfolioSelection.title);
        $("#p-title,#p-img-href").attr("href",portfolioSelection.link);
        $("#p-subs").text(portfolioSelection.pdetails);
        $("#p-dummy").css("display","none").animate({
            "width": ["show","swing"],
            "opacity": "show"
        }, 250, function() { });
        delete portfolioSelection;
    });

    $(".submitbutton").click (function () {
        $("#contact-error").html("");
        /* Form validation */
        var form = [];
        form['name'] = $("input.name").val();
        form['email'] = $("input.email").val();
        form['workneeded'] = $("input.workneeded").val();
        form['message'] = $("textarea.message").val();
        if ((form['name'] == '') || (form['email'] == '') || (form['workneeded'] == '') || (form['message'] == '')) {
            $("#contact-error").html("One or more fields are empty.").hide().fadeIn(250);
            return false;
        } else {
            var datatosend = 'yourname='+ form['name'] + '&youremail=' + form['email'] + '&workneeded=' + form['workneeded'] + '&yourmessage=' + form['message'];
            $.ajax({
                type: "POST",
                url: "email.php",
                data: datatosend,
                success: function() {
                    $("#c-dummy").html('<span id="contact-text">Your request has been sent. I\'ll be in touch. Thanks!</span').css("display","none").animate({
                        "width": ["show","swing"],
                        "opacity": "show"
                    }, 250, function() { });
                }
            });
            return false;
        }
    });
});