function getNextImage(projectid) {
    for (i = 0; i < portfolio_itemList.length; i++) {
        if (portfolio_itemList[i].id == projectid) {
            var urli = portfolio_itemList[i].urli;
            if (urli == portfolio_itemList[i].url.length - 1) {
                urli = 0;
            } else {
                urli++;
            }
            portfolio_itemList[i].urli = urli;
            return portfolio_itemList[i].url[urli];
        }
    }
}

function portfolio_getItemHTML(item) {

	if(item.infotitle == '' & item.infotext == '' ){
		var a = 'hide'
	}else{var a = ''}

    retval = '<div class="project">';

    if (item.url[item.urli].match(/\.swf$/)) {
        retval += '<object width="470" height="360"> \
            <param name="movie" value="'+ item.url[item.urli] +'"> \
            <param name="wmode" value="opaque"> \
            <embed src="'+ item.url[item.urli] +'" width="470" height="360" wmode="opaque"></embed> \
        </object>';
    } else {
        retval += '<img id="projectim'+ item.id +'" src="'+ item.url[item.urli] +'" width="470" height="360" alt="" />'
    }

    if (item.show_info == 1) {
        retval += '<div class="projectbrief"> \
        <div class="projectinfocontainer"><div class="projectinfo" id="projectinfo'+ item.id +'"> \
        <div class="projectinfotext"> \
        <h1>'+ item.infotitle +'</h1> \
        '+ item.infotext +' \
        </div> \
        </div></div> \
        <div class="rightprojectbrief"> \
            <div class="projectlinkinfo"> \
            <span class= "'+a+'" id="projectlink'+ item.id +'">&nbsp;<b>info</b></span> \
            </div>';

        if (item.link != '') {
            retval += '<div class="projectlink"> \
            <a href="' + item.link + '" target="_blank"><span>' + item.link_text + '</span></a> \
            </div>';
        }

        retval += '</div> \
        <div class="leftprojectbrief"> \
            <h1>'+ item.title +'</h1> \
            '+ item.brief +' \
        </div> \
        </div>';
    }

    return retval + '</div>';

};

function portfolio_initCallback(carousel) {
    portfolioWidth();

    $('.pcarousel').mousewheel(function(event, delta) {
        portfolio_stop();
        if (delta > 0) carousel.prev();
        else if (delta < 0) carousel.next();
        return false;
    });

    portfolio_startnext = function() {
        carousel.next();
        portfolio_timer = setTimeout('portfolio_startnext()', portfolio_time);
    }

    portfolio_startprev = function() {
        carousel.prev();
        portfolio_timer = setTimeout('portfolio_startprev()', portfolio_time);
    }

    portfolio_stop = function() {
        clearTimeout(portfolio_timer);
    }

    portfolio_reset = function(k) {
        carousel.reset();
        carousel.options.size = k;
    }
}

function portfolio_itemLoadCallback(carousel, state) {

    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        if (i > portfolio_itemList.length) {
            break;
        }
        carousel.add(i, portfolio_getItemHTML(portfolio_itemList[i-1]));

        var projectid = portfolio_itemList[i-1].id;

        for(var j = 0; j < portfolio_itemList[i-1].url.length; j++) {
            $('<img>').attr('src', portfolio_itemList[i-1].url[j]);
        }

        $('#projectlink' + projectid).click(function() {
            if (match = $(this).attr("id").match(/projectlink(\d+)/)) {
                toggleProject(parseInt(match[1]));
            }
        });

		if (portfolio_itemList[i-1].url.length > 1)
		{
    		$("body").append('<div class="projecturli" id="projecturli'+ projectid +'">Next</div>');
    		$("#projectim"+projectid).mouseover(function(){
    			if (match = $(this).attr("id").match(/projectim(\d+)/)) {
    				$("#projecturli"+match[1]).show();
    			}
    		}).mousemove(function(kmouse){
    			if (match = $(this).attr("id").match(/projectim(\d+)/)) {
    				$("#projecturli"+match[1]).css({left:kmouse.pageX+1, top:kmouse.pageY+1});
    			}
    		}).mouseout(function(){
    			if (match = $(this).attr("id").match(/projectim(\d+)/)) {
    				$("#projecturli"+match[1]).hide();
    			}
    		});
    		$("#projectim"+projectid).click(function() {
    			if (match = $(this).attr("id").match(/projectim(\d+)/)) {
    				$("#projectim"+match[1]).fadeOut('slow', function(){$(this).attr('src', getNextImage(match[1])); $(this).fadeIn('slow');});
    			}
    		});
		}
    }
};

function portfolio_buttonnext(carousel, button, enabled) {
    if (!enabled) {
        portfolio_stop();
    }
}

function portfolio_buttonprev(carousel, button, enabled) {
    if (!enabled) {
        portfolio_stop();
    }
}

function portfolioWidth() {
    $('.jcarousel-container-horizontal').css('width', parseInt($('.wrapper').width()-160));
    $('.jcarousel-clip-horizontal').css('width', parseInt($('.wrapper').width()-160));
}

function toggleProject(projectid) {
    if ($("#projectinfo" + projectid).length > 0) {
        $("#projectinfo" + projectid).slideToggle(effects_speed);
    }
}

function togglePortfolio(portid) {
    if (disportid != portid) {
        $(".portfolio").fadeOut('slow');
        $("#port"+disportid).removeClass("cur");
        portfolio_itemList = portfolio_itemList_array[portid];
        portfolio_reset(portfolio_itemList.length);
        $(".portfolio").fadeIn('slow');
        $("#port"+portid).addClass("cur");
        disportid = portid;
    }
}