function mycarousel_initCallback(carousel) {
    $('.jcarousel-control > ul > li > img').click(function() 
    {
        $temp = this.id.split('_', 3);
        $i = 0;
        $('.images').each(function()
        {
            if ($i == $temp[1])
            {
                $(this).data('jcarousel').scroll(parseInt($temp[2]));
            }
            $i++;
        });
        return false;
    });
};

function mycarousel_move(carousel, temp1, temp2, temp3)
{
    $class = $(temp1).attr('id');
    $carousel = $class.split('_', 2);
    $selector = '#img_' + $carousel[1] +'_' + temp2;
    $($selector).siblings('div').show();
}

function mycarousel_prev(carousel, temp1, temp2, temp3)
{
    $class = $(temp1).attr('id');
    $carousel = $class.split('_', 2);
    $selector = '#img_' + $carousel[1] +'_' + temp2;
    $($selector).siblings('div').hide();
}

$(document).ready(function()
{
	$("a[rel='lightbox']").colorbox();
    
    $('.innerfade').innerfade({
		speed: 750,
		timeout: 5000,
		type: 'random'
	});
    
    $('.livideo').click(function() {
        $temp = this.id.split('_');
        $id = $temp[1];
        if($('#video_'+$id).hasClass('videoDeactive')) {
            $('#video_'+$id).toggleClass("videoDeactive").toggleClass("videoActive");
            $(this).toggleClass("livideo").toggleClass("lifoto");
            $('#carousel_'+$id).css('position', 'absolute').css('left', '-2000px');
        } else {
            $('#video_'+$id).toggleClass("videoActive").toggleClass("videoDeactive");
            $(this).toggleClass("lifoto").toggleClass("livideo");
            $('#carousel_'+$id).css('position', 'static').css('left', '0');
        }
    });
    
    $('.images').jcarousel({
        scroll: 1
        /*
        initCallback: mycarousel_initCallback,
        itemVisibleInCallback: {
            onAfterAnimation: mycarousel_move
        }
        itemVisibleOutCallback: {
            onAfterAnimation: mycarousel_prev
        }
        */
    });
    
	$('.projectImage').mouseover(function()
    {
        $id = $(this).attr('id');
        $(this).children().children().show();
        $(this).children().children('.jcarousel-next').mouseover(function()
        {
            $(this).show();
        });
        
    });
    
	/*
    $('.jcarousel-clip').mouseout(function()
    {
        $(this).siblings().hide();
    });
    */
    
	// Slide
	$("#subSubMenu_0 > li > a.hasSubmenu").click(function() {
        if($(this).hasClass("expanded")) {
            $(this).parent().find('.test').slideUp("medium");
        } else {
            //$(this).parent().siblings().find('.test').slideUp("medium");
            //$('#subSubMenu > li > a.expanded').toggleClass("expanded").toggleClass("collapsed");
            $(this).parent().find('.test').slideToggle("medium");
            $('#subSubMenu_1 > li > .test').slideUp("medium");
            if($('#subSubMenu_1 > li > a.hasSubmenu').hasClass("expanded")) {
                $('#subSubMenu_1 > li > a.hasSubmenu').toggleClass("expanded").toggleClass("collapsed");   
            }
        };
        $(this).toggleClass("expanded").toggleClass("collapsed");
        return false;        
	});
    
	$("#subSubMenu_1 > li > a.hasSubmenu").click(function() {
        if($(this).hasClass("expanded")) {
            $(this).parent().find('.test').slideUp("medium");
        } else {
            //$(this).parent().siblings().find('.test').slideUp("medium");
            //$('#subSubMenu > li > a.expanded').toggleClass("expanded").toggleClass("collapsed");
            $(this).parent().find('.test').slideToggle("medium");
            $('#subSubMenu_0 > li > .test').slideUp("medium");
            if($('#subSubMenu_0 > li > a.hasSubmenu').hasClass("expanded")) {
                $('#subSubMenu_0 > li > a.hasSubmenu').toggleClass("expanded").toggleClass("collapsed");   
            }
        };
        $(this).toggleClass("expanded").toggleClass("collapsed");
        return false;        
	});
    
	$("#submenu2 > li > a.hasSubmenu").click(function() {
        if($(this).hasClass("expanded")) {
            $(this).parent().find('.test').slideUp("medium");
        } else {
            $(this).parent().find('.test').slideToggle("medium");
        };
        $(this).toggleClass("expanded").toggleClass("collapsed");
        return false;        
	});
    
    
    //valideer formulier
    $(".validateForm").validate({
        errorPlacement: function(error, element) {
			error.prependTo( element.parent().next() );
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			label.html(" ").addClass("checked");
		}
    });
    
    $('a.top').click(function(){
         $('html, body').animate({scrollTop: '0px'}, 300);
         return false;
    });
    
    var links = document.getElementsByTagName('li');
    for (var i = 0; i < links.length; i++) {
        if (links[i].className == 'activeImage') {
            links[i]._title = links[i].title;
            links[i].onmouseover = function() {
                 this.title = '';
            }
            links[i].onmouseout = function() {
                 this.title = this._title;
            }
        }}

});