$(window).ready(function() {

	var animation_time = 1000;
	var timeout = null;
	var current = null;
	var nav = null;
	var length = null;

	$('.switcher a.list-trigger').click(function() {
		var cell = this.parentNode.parentNode.parentNode.parentNode.parentNode;
		if(!$(cell).hasClass('active'))
		{
			$(cell).find('.list-content').slideDown("fast", "linear");
			$('td.active .list-content').slideUp("fast", "linear");
			$('td.active').removeClass('active');
			$(cell).addClass('active');
		}
		else {
			$(cell).find('.list-content').slideUp("fast", "linear");
			$(cell).removeClass('active');
		}
		return false;
	});
	
	
	var worksContainers = $(".portfolio-item");
    $.each(worksContainers, function(i) {
        $(".works_nav_page").append('<a class="' + i + '" href="#' + i + '">&nbsp;</a>');
    });
    nav = $(".works_nav_page a");
    $(nav[0]).addClass('active');
    length = $(nav).length;
    
    var handleWorksNext = function() {
        if (current != length - 1) {
            current++;
            $("#portfolio-inner2").animate({ left: '-' + (current) * 685 + 'px'}, animation_time, function() {
                $(nav).removeClass('active');
                $(nav[current]).addClass('active');
            });
            return false;
        } else {
            return false;
        }
    };
    
    var handleWorksPrev = function() {
        if (current != 0) {
            current--;
            $("#portfolio-inner2").animate({ left: '-'+(current)*685+'px'}, animation_time, function() {
                $(nav).removeClass('active');
                $(nav[current]).addClass('active');
            });
            return false;
        } else {
            return false;
        }
    };
    
    $(".works_nav_prev").click(handleWorksPrev);
    $(".works_nav_next").click(handleWorksNext);
	
	   $(".works_nav_page a").click(function() {
        if ($(this).hasClass('active')) {
            return false;
        } else {
            var page = $(this).attr("class");
            $("#portfolio-inner2").animate({ left: "-" + (page) * 685 + "px" }, animation_time, function() {
                current = page;
                $(nav).removeClass('active');
                $(nav[current]).addClass('active');
            });
            return false;
        }
    });
});