// JavaScript Document

//popup
$(function() {
	$("#viewMore").live('click', function(event) {
    	$(this).addClass("selected").parent().append('<div class="messagepop pop"><span class="bold">Responsibilites:</span><ul class="graphUL"><li>Lead UI public site redesign; HTML, CSS, JavaScript, Prototype</li><li>Lead UI incoming projects and new functionality</li><li>Lead Flash facilities maps application; XML, JavaScript, Actionscript</li><li>Seller mobile application; XSL, XML</li><li>Lead intranet site; CMS Plone, Zope, Python, HTML, CSS, JavaScript</li><li>Train new employees</li><li>Flash, ActionScript animated banners</li><li>Maintenance Public, Buyer, Seller sites; Java, Freemarker, HTML, CSS, JavaScript, jQuery, Prototype</li><li>Created UI and intranet documentation</li></ul><div class="closeLink"><a class="close" href="/">Close</a></div></div>');
        $(".pop").slideFadeToggle()
        $("#email").focus();
        return false;
    });

    $(".close").live('click', function() {
        $(".pop").slideFadeToggle();
        $("#viewMore").removeClass("selected");
        return false;
    });
});

$(function() {
	$("#viewMore2").live('click', function(event) {
    	$(this).addClass("selected2").parent().append('<div class="messagepop pop2"><span class="bold">Responsibilites:</span><ul class="graphUL"><li>UI Developer; XHTML(4/5), CSS(2/3), JavaScript, jQuery</li><li>Database design; MySQL, PHP</li><li>Maintenance; Added functionalities in various WordPress, Drupal, PHP sites, static HTML sites, Flash template sites</li><li>Graphic Design including logos when needed</li><li>Wireframes and layout design</li></ul><div class="closeLink"><a class="close2" href="/">Close</a></div></div>');
        $(".pop").slideFadeToggle()
        $("#email").focus();
        return false;
    });

    $(".close2").live('click', function() {
        $(".pop2").slideFadeToggle();
        $("#viewMore2").removeClass("selected2");
        return false;
    });
});

$.fn.slideFadeToggle = function(easing, callback) {
    return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback);
};