function responsQuestions(){
	if ($('div.respons-wrapper') != null)
	{
		$('a.toggle-details').removeAttr('href');
		//$('div.respons-wrapper fieldset').css({'display':'none'})
		$('a.toggle-details').bind('click', function(){
			if ($(this).text() == 'Verberg details')
			{
				$(this).text("Toon details");
			}
			else { $(this).text("Verberg details"); }
			$(this).nextAll('fieldset').slideToggle('fast');
		});
	}
}

function setContentHeight()
{
	var content = $('.actueel').height();
	var archive = $('.archive').height();

	if ( content || archive != null )
	{
		if ( content < archive )
		{
			//$('.actueel').height(archive);
		}
	}
}

function faq()
{
	var trigger = $('.faq li a');
	var answer =$('.faq li p');

	// first hide with js
	if ( answer != null )
	{
		answer.css({'display' : 'none'});
	}

	if ( trigger != null )
	{
		trigger.bind("click", function(){ $(this).next('p').slideToggle('fast'); } )
	}

}

// h1 heading replacement
function setHeading()
{
	var element = $('h1');

	if (element != null)
	{
		element.replaceWith("<h1><img src='"+CMS.global.baseUri+"/werkplaats/assets/project/img/logo.gif' alt='Bouwgarant - Werkplaats' /></h1>");
	}
}

// adding target on external links
function externalLinks()
{
	var el = $('a.external');

	if ( el != null )
	{
		el.attr({ target: "_blank" });
	}
}

// adding no-follow for search engine robots
function nofollowLinks()
{
	var el = $('div.comments a');

	if ( el != null )
	{
		el.attr({ rel: "nofollow" });
	}
}

// adding crossbrowser bookmark function
function bookmark()
{
	var el = $('a.bookmark');
	var url = document.location;

	if ( el != null )
	{
		el.click(function()
		{

			if ($.browser.msie)
			  {
				window.external.AddFavorite(url, "Voeg een kleine bescrijving toe");
			  }
			  else if (window.sidebar)
			  {
				 window.sidebar.addPanel("Voeg een kleine bescrijving toe", url, "");
			  }
		}
		);
	}
}


// setting cufon
function initCufon()
{
	/*
	if ( $('h2') != null )
	{
		Cufon.replace('h2');
	}
	if ( $('.info-block h3') != null )
	{
		Cufon.replace('.info-block h3');
	}
	if ( $('ul.home-features li h3 ') != null )
	{
		Cufon.replace('ul.home-features li h3 ');
	}
	*/
	if ( $('.homeBlockBig').length > 0 )
	{
		Cufon.replace('.homeBlockBig h2');
		Cufon.replace('.homeBlockBig span.number');
		Cufon.replace('.homeBlockBig span.decimal');
	}


}


Tooltip = {
	tooltipDialog: {
        dialog:false,
        inner: null,
        deco: null,
        content: null
    },
   
    tooltipOpen: function(elmLink,event) {
        $(document).unbind('click', Tooltip.tooltipClickOutside);
        var dataContent = $(elmLink).attr('data-tooltipContent');
		
        if(!Tooltip.tooltipDialog.dialog) {
            $('body').append(Tooltip.tooltipDialog.dialog = $('<span/>', {
                className: "tooltipWrap"
            }));
            Tooltip.tooltipDialog.inner = $('<span/>', {'class': "inner"});
            Tooltip.tooltipDialog.deco = $('<span/>', {'class': "tail"});
            Tooltip.tooltipDialog.content = $('<span/>', {'class': "tooltipContent"});
           
            $(Tooltip.tooltipDialog.inner).append(Tooltip.tooltipDialog.content);
            $(Tooltip.tooltipDialog.dialog).append(Tooltip.tooltipDialog.deco,Tooltip.tooltipDialog.inner);
        }
        Tooltip.tooltipDialog.content.html(dataContent);
              
        var offset = $(elmLink).offset();
		
        var parentOffset = $(elmLink).offsetParent().offset();
        var left = offset.left - parentOffset.left - 13;
        var top = offset.top - parentOffset.top - 58;

      
        Tooltip.tooltipDialog.dialog.hide();
        $(elmLink).offsetParent().append(Tooltip.tooltipDialog.dialog);
        $(elmLink).addClass('tooltipIconActive');

        Tooltip.tooltipDialog.dialog.css({zIndex:12000,position:'absolute',left:left,top:top}).fadeIn(250, function() {
			Tooltip.tooltipDialog.dialog.css({display:'inline-block'});
			
            $(document).bind('click', Tooltip.tooltipClickOutside);
        });
        return false;
    },
   
    // close tooltips when clicked outside visible tooltip
    tooltipClickOutside: function(e) {
		$('.tooltipIconActive').each(function(){
			$(this).removeClass('tooltipIconActive');
		});
        var check = true;
        var offset = Tooltip.tooltipDialog.dialog.offset();
       
        if (e === false) {
            check = true;
        } else if (e.pageX > offset.left && e.pageY > offset.top && e.pageX < offset.left+$(Tooltip.tooltipDialog.dialog).outerWidth() && e.pageY < offset.top+$(Tooltip.tooltipDialog.dialog).outerHeight()) {
            check = false;
        }
       
        if(!check){ return true; }
        $(document).unbind('click', Tooltip.userPopupClickOutside);
       
        Tooltip.tooltipDialog.dialog.fadeOut();

    }
}

// setting swfobject
function initSWFObject()
{
	swfobject.embedSWF("../flash/slideshow.swf", "flash-holder", "800", "150", "9.0.0");

}


function modal()
{

 $('#modalcontent').modal();
}

function initPage () {
	initCufon();
	//initSWFObject();
	//setnav();
	bookmark();
	externalLinks();
	setHeading();
	faq();
	//modal();
	setContentHeight();
	responsQuestions();
}

window.onload = function(){ initPage(); }

var newProject = {
	checkPostal: function (sPostal) {
		$('#check-postal').hide();
		$('#ajax-loader').show();
		$.ajax({
			url: CMS.global.fullUri+'/check_postal',
			data: {
				postal: sPostal
			},
			dataType: 'json',
			success: function(oResult){
				$('#ajax-loader').hide();
				if (!oResult.valid_postal) {
					$('#project_zipcode').addClass('error');
					$('#check-postal').show();
					$('#ajax-loader').hide();
				} else if (oResult.projects.length == 0) {
					$('#new-project').show();
				} else {
					$('#button-check-postal').remove();
					newProject.showMatchingProjects(oResult.projects);
				}
			}
		});
	},
	
	showMatchingProjects: function (aProjects) {
		//console.log('projects:');
		for (i in aProjects) {
			aProjectInfo = aProjects[i];
			oProject = $('#existing-project-template').clone().css('display', 'block').removeAttr('id', '');
			$('#existing-project-wrapper').append(oProject);
			for (fieldName in aProjectInfo) {
				oProject.find('.target-'+fieldName+' p').html(aProjectInfo[fieldName]);
				//console.log(fieldName);
			}
		}
		$('#project-zipcode-target').html($('#project_zipcode').val());
		$('#existing-projects').show();
		$('#check-postal').hide();
	},
	
	showRemainingFields: function () {
		$('#existing-projects').hide();
		$('#new-project').show();
		
	}
		
}