/// <reference path="jquery-1.3.2-vsdoc.js" />

$(function() {
    

    $('.projectImage img').each(function() {
        if ($(this).attr("src") == '')
            $(this).remove();
    });

    $('.projectImage').cycle({
        fx: 'fade',
        speed: 1500,
        timeout: 7000
    });
    $(".projectThumbnails img").live('mouseover', changeImage);
    $(".projectThumbnails img").live('mouseout', changeImageMouseOut);

    if (getQueryVariable('tag')) {
        filterByTag(getQueryVariable('tag'), null);
        $('.categoryBrowse a').each(function() {
            if ($(this).html().indexOf(getQueryVariable('tag')) != -1) {
                $(this).addClass('portfolioSelectedTag');
            }
        });
    }

    $('#projectPanel ul').show();
    $('#projectPanel').jScrollPane({ showArrows: true, scrollbarWidth: 17 });
    $('#projectPanel').show();

    
});

function filterByTag(tag, link) {
    $('.categoryBrowse a').removeClass('portfolioSelectedTag');
    if (link)
        $(link.$target).addClass('portfolioSelectedTag');
    if (tag == 'All') {
        $('#projectPanel li').show();
        $('.allTags').addClass('portfolioSelectedTag');
    }
    else {
        $('.tagsSpan').each(function() {
            var tags = $(this).html();
            var id = $(this).attr('id').replace("span", "");
            if (tags.indexOf(tag) == -1) {
                $('#li' + id).hide();
            }
            else {
                $('#li' + id).show();
                var ref = $('#li' + id + ' a').attr('href').split('?')[0];
                $('#li' + id + ' a').attr('href', ref + "?tag=" + tag);
            }
        });
    }
    $('#projectPanel').jScrollPaneRemove();
    $('#projectPanel').jScrollPane({ showArrows: true, scrollbarWidth: 17 });
}

function changeImage() {
    $('.projectImage').cycle('pause');
    var index = $(this).parent().attr("id").split("Image")[1];
    $('.projectImage').cycle(index - 1);
}

function changeImageMouseOut() {
    $('.projectImage').cycle('resume');
}


// General Functions
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    return null;
}