google.load('jquery', '1.3.2');
google.load('swfobject', '2.1');

function init() {
    $.getScript("lib/js/jquery.innerfade.js", initSlideshow);

    $('a.pagetop').mouseup(function() {
        $('html, body').animate({scrollTop:0}, 'medium');
        return false;
	});

    $('#projects a.project_preview').hover(function() {
        $(this).stop().fadeTo("medium", 0.6);
    },function() {
        $(this).stop().fadeTo("medium", 1);
    });

    /* Screnshot preview */
    /* CONFIG */
		xOffset = 20;
		yOffset = 85;
	$("#projects a.project_preview").hover(function(e){
        $("body").append("<div id='screenshot' class='loading'></div>");
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px")
			.fadeIn(500);
        var img = new Image();
        $(img).load(function() {
            $('#screenshot').removeClass('loading').append(img);
        }).attr('src', this.rel);
    },function(){
	    $("#screenshot").remove();
    });

    $("body").append("<div id='screenshot' class='loading'></div>");
        var img = new Image();
        $(img).load(function() {
            $('#screenshot').removeClass('loading').append(img);
        }).attr('src', this.rel);

	$("#projects a.project_preview").mousemove(function(e){
        $(this).css({cursor:"pointer"});

		$("#screenshot")
		    .css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px");
	});

    $("#filters a").click(function() {
        var selection = $(this).attr('class');
        if (selection == "showall") {
            //show all items
            $('#projects').fadeOut(200, function() {
                $(this).show();
                $('li').fadeIn(200);
            });
        } else {
            $('#projects').fadeOut(200, function() {
                $('li', this).hide();
                $(this).show();
                $('li.' + selection, this).fadeIn(200);
            });
        }
        $('#filters a').parent().removeClass('current');
        $('#filters a.' + selection).parent().addClass('current');
        return false;
    });

    $('a[rel=external]').click(function(){window.open(this.href);
        return false;
    });

    var flashvars = {};
    var params = {};
    params.wmode = "transparent";
    var attributes = {};
    attributes.id = "flash_header";
    swfobject.embedSWF("swf/quotes.swf", "flash_header", "960", "190", "9.0.0", false, flashvars, params, attributes);
}

function initSlideshow() {
    $('#featured_projects').innerfade({
        speed: 'medium', timeout: 3000, type: 'sequence', containerheight: '294px'
    });
}

google.setOnLoadCallback(init);