$(document).ready(
	function()
    {
        // Initialize the menu events
        initMenu();
        
        // Show the correct items
        initProjects();
        
        if (identified) {
            initCms();
        }
	  if (window.location.hash == '') {
			$('#menu a[href=#][rel!=]:first').click();
		}
	}
);

function initMenu()
{
    // Check if a specific hash was sent along with the request
    if (window.location.hash != '') {
        // If so, select the menuitem with the passed rel
        $('.selected').removeClass('selected');
        $('a[rel=' + window.location.hash.replace('#', '') + ']').parent().addClass('selected');
    }
    
    // Onclick function
    $('#menu a[href=#][rel!=]').click(
        function()
        {
            $('.selected').removeClass('selected');
            $(this).parent().addClass('selected');
            initProjects();
			$('#wrapper').animate({scrollTop:0}, 'slow');
        }
    );
    
    return true;
}

function initProjects()
{
    // Get the selected main-menu item
    selectedItemClass = $('#menu .selected:first a').attr('rel');

    // Show selected blocks
    $('.item').hide();
    $('.item.' + selectedItemClass).show();
    
    // When done re-set the menuItem colors
    setMenuItemColors();
}

function setMenuItemColors()
{
    var visibleClasses = new Array();
    
    $('.item:visible').each(
        function(k, v)
        {
            classess = $(this).attr('class').split(' ');
            $(classess).each(
                function(a, b) {
                    if($.inArray(b, visibleClasses) == -1) {
                        visibleClasses.push(b);
                    }
                }
            )
        }
    );
    
    // Create the rel selector
    selector = 'a[rel=' + visibleClasses.join('], a[rel=') + ']';
    
    // Select the visible items
    $('#menu ul .active').removeClass('active');
    $(selector, '#menu .main').parent().addClass('active');
    $(selector, '#menu .sub').parent().addClass('active');
    
    return true;
}

function initCms()
{
    $('.project_delete_button').click(
        function()
        {
            if (confirm('Weet je zeker dat je dit project wilt verwijderen?')) {
                window.location.href = rootUrl + 'svwportfolio/cms/delete-project/id/' + $(this).attr('id').replace('delete_project_', '');
            }
        }
    );
    
    $('.project_text_delete_button').click(
        function()
        {
            if (confirm('Weet je zeker dat je deze project tekst wilt verwijderen?')) {
                window.location.href = rootUrl + 'svwportfolio/cms/delete-project-text/id/' + $(this).attr('id').replace('delete_project_text_', '');
            }
        }
    );
    
    $('ul.main').sortable(
        {
            items: 'li[rel!=nosort]',
            axis: 'y',
            delay: 200,
            update: function(event, ui) {
                $.post(rootUrl + 'svwportfolio/cms/sort-categories', $('ul.main').sortable('serialize'))
            }
        }
    );
    
    $('ul.sub.pjl').sortable(
        {
            items: 'li[rel!=nosort]',
            axis: 'y',
            delay: 200,
            update: function(event, ui) {
                $.post(rootUrl + 'svwportfolio/cms/sort-projects', $('ul.sub').sortable('serialize'))
            }
        }
    );
    
    $('select[name=categoryId]').change(
        function()
        {
            if ($(this).val() != 'new') {                
                return true;
            }
            
            $(this).replaceWith(
                "<label for='catname_nl'>Naam Nederlands</label><input type='text' name='catname_nl' />" +
                "<label for='catname_en'>Naam English</label><input type='text' name='catname_en' />"
            );
        }
    );
}