$(document).ready(function(){
    $('span[comment]')
    .mouseover(function(){                                            
        var newleft = $(this).offset().left - $('#wrapper').offset().left-250;
        if( newleft>300) newleft = newleft-355;
        $('#voetnoot')
            .html($(this).attr('comment'))
            .css('left',newleft)
            .css('top',$(this).offset().top-210)
            .show();
    })                
    .mouseout(function(){    
        setTimeout("$('#voetnoot').hide();", 700);
    });
    
    
	if($('#tabs1').length > 0)
    {
	    $('#tabs1').tabs();
    }
    if($('#tabsRubrieken').length > 0)
    {
	    $('#tabsRubrieken').tabs();
    }

    
    /*Slider*/
    
    //Speed of the slideshow
    
    if( $('#slider').length != 0)
    {    
	    var speed = 5000;
    	
	    //You have to specify width and height in #slider CSS properties
	    //After that, the following script will set the width and height accordingly
	    $('#mask-gallery, #gallery li').width($('#slider').width());	
	    $('#gallery').width($('#slider').width() * $('#gallery li').length);
	    $('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
    	
	    //Assign a timer, so it will run periodically
	    var run = setInterval('newsscoller(0)', speed);
    	
	    $('#gallery li:first, #excerpt li:first').addClass('selected');
     
    		
	    //Mouse over, pause it, on mouse out, resume the slider show
	    $('#slider').hover(
    	
		    function() {
			    clearInterval(run);
		    }, 
		    function() {
			    run = setInterval('newsscoller(0)', speed);	
		    }
	    ); 	
    }
    
    
    $(".rechterblokVerplaatsen, .rechterblokVerwijderen").mouseover(function(){
        $(this).parent('.sorteerblokrechts').css('border', 'dashed 1px gray');
    });
    
    $(".rechterblokVerplaatsen, .rechterblokVerwijderen").mouseout(function(){
        $(this).parent('.sorteerblokrechts').css('border', 'none');
    });
    
    
});


function newsscoller(prev) {
 
	//Get the current selected item (with selected class), if none was found, get the first item
	var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
 
	//if prev is set to 1 (previous item)
	if (prev) {
		
		//Get previous sibling
		var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
		var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
	
	//if prev is set to 0 (next item)
	} else {
		
		//Get next sibling
		var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
		var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
	}
 
	//clear the selected class
	$('#excerpt li, #gallery li').removeClass('selected');
	
	//reassign the selected class to current items
	next_image.addClass('selected');
	next_excerpt.addClass('selected');
 
	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, 800);		
	$('#mask-excerpt').scrollTo(next_excerpt, 800);					
	
}

function VeranderKleurDossierBlok(hetID)
{
    var declass = 'grijs';
    
    if($('#'+hetID+' .content').css('background-color') == 'rgb(255, 255, 255)')
    {
        $('#'+hetID+' .content').css('background-color','#E5E5E5');
        $('#'+hetID+' h2').css('border-bottom','2px dotted #B7B7B7');
        
    }
    else
    {
        declass = 'wit';
        $('#'+hetID+' .content').css('background-color','#ffffff');
        $('#'+hetID+' h2').css('border-bottom','none');
    }
    
    var foutmelding = $.ajax({
                    url: "/Handlers/Blokken.ashx",
                    data: "actie=wijzigstijl&Class=" + declass + "&BlokID=" + hetID,
                    async: false,
                    cache: false
                    }).responseText;
    
}