jQuery.noConflict();
jQuery(document).ready(initwfg);

function initwfg() {
    initLoginpanel();
    jQuery('.innerlabel').inputLabel();
    jQuery('#taskbar').fontSizer('62.5', '73', '83');
    jQuery('.print', '#content').printButton();
    initfaq();
    
    if (jQuery('#ecard').length != 0) {
        
        initecards();
        
        jQuery('#ecard a').lightBox({
		    overlayBgColor: '#000',
		    overlayOpacity: 0.8,
		    imageLoading: '/includes/images/portal/lightbox-ico-loading.gif',
		    imageBtnClose:'/includes/images/portal/lightbox-btn-close.gif',
		    imageBtnPrev: '/includes/images/portal/lightbox-btn-prev.gif',
		    imageBtnNext: '/includes/images/portal/lightbox-btn-next.gif'
        });
        
    }
    
    initmultiblog();
    if (jQuery('#ctrMultiblog div[id*=multiblogsubmit]').length != 0) {
        jQuery('#multiblog-submit textarea').textareaCounter(750);
    }
}


//Login Panel------------------------------------------------------------------

// initiate sliddown login panel
function initLoginpanel() {

    var thepanel = jQuery('#loginpanel-slide');
    thepanel.css('height','263px');
    thepanel.hide();

    var closelink =
		jQuery(document.createElement('a'))
		.attr('href', 'javascript:void(0)')
		.addClass('jsbutton')
		.bind("mousedown", function(e) { thepanel.slideUp(); });
    thepanel.append(closelink)

    jQuery('a.navlink-login', '#mainnav')
        .attr('href', 'javascript:void(0)')
        .click(function(e) {
            thepanel.slideDown();
        });
}

//FAQ-------------------------------------------------------------------------

function initfaq() {
    if (jQuery('#faqlisting').length > 0) {
        var target = jQuery("#faqlisting");
        jQuery("div.answer", target).slideUp();
        jQuery("h2", target).click(function() {
            jQuery(this).toggleClass("expanded");
            jQuery(this).next().slideToggle();
            //jQuery("h2",target).not(this).next().slideUp();
        })
    }
}

//ecards----------------------------------------------------------------------

function initecards() {

   jQuery('li>input:radio','#ecard').each(function() {
		jQuery(this).css("z-index","-1");
	})
	
	jQuery('li>input:radio:first','#ecard')
		.attr('checked',true)
		.parent().addClass("selected");
	
	jQuery('#ecard ul.card-collection li').bind("click",function(e){
		if(e.target.tagName=="LABEL"){
			jQuery("#ecard li").removeClass("selected");
			jQuery(this).addClass("selected");
			var src = jQuery(this).find('img').attr('src');
			jQuery('#preview-box img').attr('src',src); 
		}
	});

}

//Multiblog-------------------------------------------------------------------

// initiate multiblog messages
function initmultiblog() {

	if (jQuery('#ctrMultiblog').length == 0)	{return false;}
	
	var reactionform = jQuery('#ctrMultiblog div[id*=multiblogsubmit]');
	var reactions = jQuery('.blogitems li','#multiblog-read');
	var blogrespond = jQuery('#blogrespond','#ctrMultiblog');
	var reactionconfirm = jQuery('.multiblog-confirm','#ctrMultiblog');

	//check if confirmation text is present
	if (reactionconfirm.length > 0) {
	    //hide the reaction form and all reactions
	    var hiddenreactions = reactions.slice(2);
		reactionform.hide();
		//jQuery('#multiblog-read').hide();
	}
	else if (jQuery('#ctrMultiblog .mbs-open').length > 0) {//if submit form is open
		jQuery('#multiblog-read').slideUp();
	    reactionform.slideDown();
	}
	else {//if not present
		//hide the reaction form and the reactions except the first 2
		reactionform.hide();
		var hiddenreactions = reactions.slice(2);
		hiddenreactions.hide();
	}
	
	//set link to open reaction form
	blogrespond.find('a')
		.attr('href','javascript:void(0)')
		.bind(
			"click",function(e){
	            jQuery('#multiblog-read').slideUp();
	            reactionconfirm.hide();
				reactionform.slideDown();
			}
		)

	//create and add link to cancel/close reaction form 
	reactionform.find('#mb-field4')
		.append(
			jQuery(document.createElement('a'))
			.attr('href','javascript:void(0)')
			.append(jQuery(document.createTextNode('Annuleren')))
			.bind(
				"click",function(e){
	                reactionform.slideUp();
	                jQuery('#multiblog-read').slideDown();
				}
			)
		);
	
	//create and add "view all reactions" button
				var viewallbut =
			jQuery(document.createElement('li'))
			.addClass('floatright')
			.append(
				jQuery(document.createElement('a'))
				.attr('href', 'javascript:void(0)')
				.append(jQuery(document.createTextNode('Bekijk alle reacties')))
				.bind("click", function(e) {
				    hiddenreactions.slideDown();
				    reactionconfirm.hide();
				    reactions.find('a').each(function() {
				        jQuery(this).prev().css('height', 'auto');
				        jQuery(this).text('Lees minder');
				    });
				    jQuery(this).remove();
				})
			);

		if (jQuery('.blogitems', '#multiblog-read').length != 0) {
		    blogrespond.append(viewallbut);
		}
	
	//limit all reactions to 3 lines of text and add "expand" button
		reactions.find('div').css('height','3.8em');

		var viewmore = 
			jQuery(document.createElement('a'))
			.attr('href','javascript:void(0)')
			.append(jQuery(document.createTextNode('Lees de hele reactie')))
			.toggle(
					function() {
						jQuery(this).prev().css('height','auto');
						jQuery(this).text('Lees minder');
					},
					function() {
						jQuery(this).prev().css('height','3.8em');
						jQuery(this).text('Lees de hele reactie');
					}
			);

		reactions.append(jQuery(document.createTextNode('>')));
		reactions.append(viewmore);

}