/*$(function(){
    showProjects(24);
});*/

$(document).ready(function() {

    $('#rollover-toggle').live('click', (function(e){

        // toggle slide
        $('#rollover').toggle('slide', {easing: 'easeOutQuint', direction: 'down'}, 1000, function(){
            if($('#rollover-toggle').hasClass('down')){
                $('#rollover-toggle').removeClass("down");
                $('#rollover-toggle').addClass("up");
            }else{
                $('#rollover-toggle').removeClass("up");
                $('#rollover-toggle').addClass("down");
            }
        });
        
        // prevent default behaviour
        e.preventDefault();
    }));

    /* Temporary JS for templates */
    // Ride the carousel...
    $("#mycarousel").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
        buttonNextCallback: buttonNextCallback,
        buttonPrevCallback: buttonPrevCallback,
        animation: 1000,
        wrap: "last"
    });
});



function showProject(projectId)
{
	showProjectData(projectId);
}

function showProjectData(projectId)
{
	$.post("/portfolio/detail/" + projectId,
	   { projectId: projectId },
	   function(response){
	   		$('div.peetjes').removeClass('peetjes');
	     	$('#main').html(response);
	     	
			// Ride the carousel...
		    $("#mycarousel").jcarousel({
		        scroll: 1,
		        initCallback: mycarousel_initCallback,
		        // This tells jCarousel NOT to autobuild prev/next buttons
		        buttonNextHTML: null,
		        buttonPrevHTML: null,
		        buttonNextCallback: buttonNextCallback,
		        buttonPrevCallback: buttonPrevCallback,
		        animation: 1000,
		        wrap: "last"
		    });
	   }
	);
}

function showProjects(categoryId){
	var today = new Date();
	var so = new SWFObject("/apps/frontend/xml/projectviewer.swf?nocache=" + (today.getTime()), "projectviewer", "400", "115", "8", "#333333");
	so.addVariable("qsCat", "/portfolio/xml/" + categoryId);
	so.write("projects");
	
	$('.projectcategories').removeClass('selected');
	$('#categorie_' + categoryId).addClass('selected');
	
	// load selected project
	// bereken middenste project op basis van categoryId
	$.post('/portfolio/project',
		{ categoryId: categoryId}, 
		function(e)
		{
			showProjectData(e);
		}); 
		
	// get player embed
	var embed = $('#projects').html();

	if(embed.substr(0, 6) != "<embed" && embed.substr(0, 6).toLowerCase() != "<objec")
	{
		$('#projects').html('<p>Om door onze projecten te kunnen bladeren heeft u de Flash Player plugin nodig.<br />Deze kunt u <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" title="Adobe Flash downloaden">hier downloaden</a>!</p>');
	}
}

function mycarousel_initCallback(carousel) {

   jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

function buttonNextCallback(carousel, el, state)
{
    if(!state){
        $('#mycarousel-next').removeClass('show-arrow').addClass('hide-arrow');
    }else{
        $('#mycarousel-next').removeClass('hide-arrow').addClass('show-arrow');
    }
}

function buttonPrevCallback(carousel, el, state)
{
    if(!state){
        $('#mycarousel-prev').removeClass('show-arrow').addClass('hide-arrow');
    }else{
        $('#mycarousel-prev').removeClass('hide-arrow').addClass('show-arrow');
    }
}