/**
 * Make external links open in a new window.
 */
function externalLinks() {
	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
	if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank";
	}
}

///**
// * Save startpage data in the database.
// */
//function changeItem(item) {
//	// Serialize data.
//	var x = this.serialize(function (el) {return jQuery(el).children(':first-child').attr('id'); });
//	var left = '';
//	var right = '';
//
//	// Serialize array data.
//	jQuery(x[0]).each(function(el, item) {
//		left = left + " " + item;
//	});
//	jQuery(x[1]).each(function(el, item) {
//		right = right + " " + item;
//	});
//
//	// Save position in the database at the end.
//	jQuery.post('./startpage/index', {col_left: left, col_right: right});
//}

/**
 * Edit user status...
 */
function editUserStatus(id) {
	if(jQuery('#userStatus_'+id).css('display') == 'block') {
		jQuery('#userStatus_'+id).fadeOut();
	} else {
		jQuery('#userStatus_'+id).fadeIn();
	}
}

// MooTools gedeelte
window.addEvent('domready', function() {

	// Externe Links openen
	externalLinks();

//	// Add drag and drop events.
//	new Sortables('.list-1', {
//		onStart: function(el) {
//			$(el).setStyle('z-index', 1000)
//		},
//		clone: true,
//		revert: { duration: 1000, transition: 'elastic:out' },
//		opacity: 0.5,
//		snap: 10,
//		onComplete: changeItem
//	});

	// Calculate position of the dock.
	dock_width = 0;
	jQuery('#dock > ul > li').each(function(){
		width = jQuery(this).width();
		padding_l = parseFloat(jQuery(this).css('padding-left'));
		padding_r = parseFloat(jQuery(this).css('padding-right'));
		margin_l = parseFloat(jQuery(this).css('margin-left'));
		margin_r = parseFloat(jQuery(this).css('margin-right'));

		dock_width += width + padding_l + padding_r + margin_l + margin_r;
	});
	jQuery('#dock > ul').width(dock_width);
	jQuery('#dock_optionstab').css('right', ((975 - dock_width) / 2 + 2) + 'px');
	jQuery('#dock_options').click(function() {
		jQuery('#dock_optionstab').slideToggle(300);
		return false;
	});

	// Box effects
//	jQuery('div.groupWrapper .head .roll_up').click(function (event) { 
//		event.preventDefault();
//		jQuery(this).parent().parent().parent().siblings('.boxcontent').slideToggle();
//
//		if(jQuery(this).hasClass("roll_down") || jQuery(this).parent().parent().parent().siblings('.boxcontent').hasClass("hide"))
//		{
//			jQuery.get('./startpage/change/id/'+jQuery(this).parent().parent().parent().parent().attr('id')+'/status/0');
//		}
//		else
//		{
//			jQuery.get('./startpage/change/id/'+jQuery(this).parent().parent().parent().parent().attr('id')+'/status/1');
//		}
//		jQuery(this).toggleClass("roll_down");
//	});

	// Reaction effects
	jQuery('.boxreact .forumadd .boxbutton a').toggle(function (event) { 
		event.preventDefault();
		jQuery(this).parents('.boxreact:first').find('.boxform').slideDown();
		jQuery(this).text('Annuleren');
		jQuery(this).parent().find('img').attr('src', 'public/default/image/icons/delete.gif');
	}, function(){
		jQuery(this).parents('.boxreact:first').find('.boxform').slideUp();
		jQuery(this).text('Reageren');
		jQuery(this).parent().find('img').attr('src', 'public/default/image/icons/comment_add.gif');
	});

	jQuery('.comment_toggle').toggle(function(event) {
			event.preventDefault();
			jQuery('.comment_toggle_text').slideDown();
			jQuery('.comment_toggle#meer').text('omhoog...');
		}, 
		function(event) {
			event.preventDefault();
			jQuery('.comment_toggle_text').slideUp();
			jQuery('.comment_toggle#meer').text('meer...');
		}
	);

	// Groter of kleiner maken van boxen voor de interesses
	jQuery('.interests_toggle').toggle(
		function(event)
		{
			event.preventDefault();
			var boxname = '.interests_list_' + jQuery(this).attr('title');
			jQuery(this).text('minder...');
			jQuery(boxname).slideDown();
		},
		function(event)
		{
			event.preventDefault();
			var boxname = '.interests_list_' + jQuery(this).attr('title');
			jQuery(this).text('meer...');
			jQuery(boxname).slideUp();
		}
	);

	// Make the doc visible...
	jQuery('#dock ul').hover(function(){
		jQuery(this).addClass('hover');
	},function(){
		jQuery(this).removeClass('hover');
	})

	box_search_input = jQuery('#box_search .input').attr('value');
	jQuery('#box_search .input').focus(function() {
		if(jQuery(this).attr('value') == box_search_input) {
			jQuery(this).attr('value', '')
		}
	});
	jQuery('#box_search .input').blur(function() {
		console.log(jQuery(this).attr('value'));
		if(!jQuery(this).attr('value')) {
			jQuery(this).attr('value', box_search_input)
		}
	});
	
	jQuery('#menu ul li a.login').click(function() {
		jQuery(this).toggleClass('arrow_down');
		jQuery('#loginbox').slideToggle();

		return false;
	});

	jQuery('input.Mct_Form_Element_Date').each(function(){
		jQuery(this).datepicker();
	});

	// PNG fix
	jQuery(document).pngFix();

	// Stuff for advert.
	jQuery(".advert").each(function () {
		if (jQuery(this).attr('value')) {
			jQuery.post('./banner/view', {id: jQuery(this).attr('value')});
		}
	});
	
	jQuery(".news_header ul li").each(function(el, item) {
		jQuery(this).hover(function(){
			var image = jQuery(this).find('img').attr('src');
			jQuery('.news_image').find('img').attr('src', image);
			jQuery(this).parent().children().removeClass('active');
			jQuery(this).addClass('active');
			jQuery('.news_image').find('img').fadeIn();
		}, function(){
		})
	})
	
	setInterval(nextNewsItem, 5000);
});

function nextNewsItem()
{
	var currentitem = jQuery(".news_header ul .active").attr('id');
    if (!currentitem) return;
	var currentitem_number = parseInt(currentitem.substr(-1));
	var nextitem_number = 0;
	if (currentitem_number < 5) {
		nextitem_number = currentitem_number + 1;
	} 
	else
	{
		nextitem_number = 1;	
	}
	var nextitem = '#news_header_' + nextitem_number;
	console.log(nextitem);
	var image = jQuery(nextitem).find('img').attr('src');
	jQuery('.news_image').find('img').attr('src', image);
	jQuery(nextitem).parent().children().removeClass('active');
	jQuery(nextitem).addClass('active');
	jQuery('.news_image').find('img').fadeIn();
}