/* Huuropmaat - 2k9mar13 - 2k9dec24 */

var sHoM_logo = '<img class="hom_logo" src="/images/logo_huuropmaat.jpg" BORDER="0" />';

var sExplanation = 'Hieronder vindt u de te nemen stappen bij het kiezen van een Huur op Maat woning. ';
sExplanation += 'Wilt u uitgebreide informatie over Huur op Maat dan verwijzen wij u naar de website ';
sExplanation += 'van <a href="http://www.wonencentraal.nl/woningzoekende/huuropmaat/" target="_blank">wonenCentraal</a> ';
sExplanation += 'of <a href="http://www.wst-nieuwkoop.nl/dienstverlening/koopvormen/102" target="_blank">Woningstichting Nieuwkoop</a>.';
sExplanation += '<ol> ';
sExplanation += '<li>Bekijk het woningaanbod en maak uw keuze <br/>De woningen zijn vanaf 8 april 2009 in de Woonkrant en via de website van ';
sExplanation += 'Woonmarkt Rijnstreek te herkennen aan het Huur op Maat (HoM) logo.</li>';
sExplanation += '<li>Bekijk of u in aanmerking komt voor korting <br/>';
sExplanation += 'U komt in aanmerking voor een korting als uw jaarinkomen niet hoger is dan 40.000 euro.</li>';
sExplanation += '<li>Bereken uw korting <br/>';
sExplanation += 'Bovenin dit scherm vindt u een tabblad \'Berekening\'. <br/>';
sExplanation += 'Nadat u een selectie hebt gemaakt uit het woningaanbod, kunt u ook een berekening maken van uw korting door het logo van Huur op Maat te activeren in het advertentie overzicht.</li>';
sExplanation += '<li>Reageer op de woning van uw keuze <br/>';
sExplanation += 'Als u uw keuze heeft gemaakt, dan kunt u via de gebruikelijke wijze reageren op een woning.</li>';
sExplanation += '</ol> ';

var sCalculation = '<iframe id="iframe_container" name="frameOne" src="http://www.uwhuuropmaat.nl/HuurOpMaat.aspx?code=11&volgnr=11&eigenaar=wonenCentraal" FRAMEBORDER="0" BORDER="0" FRAMESPACING="0"> &nbsp; </iframe>';
var sCalculation2 = '<iframe id="iframe_container2" name="frameTwo" src="http://www.uwhuuropmaat.nl/HuurOpMaat.aspx?code=12&volgnr=12&eigenaar=WoningstichtingNieuwkoop" FRAMEBORDER="0" BORDER="0" FRAMESPACING="0"> &nbsp; </iframe>';

var sExplanationId = 'hom_explanation';
var sCalculationId = 'hom_calculation';
var sCalculationId2 = 'hom_calculation2';

var sWSN = 'Woningstichting Nieuwkoop';
var sWC = 'wonenCentraal';

function showInPopup(sId)
{
	if(sId == sExplanationId)
	{
		if(el(sCalculationId))
		{
			el(sCalculationId).style.display = 'none';
		}
		if(el(sCalculationId2))
		{
			el(sCalculationId2).style.display = 'none';
		}
	}
	else if(sId == sCalculationId)
	{
		document.getElementById('hom_calculation2').innerHTML = '';
		document.getElementById('hom_calculation').innerHTML = sCalculation;
		if(el(sExplanationId))
		{
			el(sExplanationId).style.display = 'none';
		}
		if(el(sCalculationId2))
		{
			el(sCalculationId2).style.display = 'none';
		}
	}
	else if(sId == sCalculationId2)
	{
		document.getElementById('hom_calculation').innerHTML = '';
		document.getElementById('hom_calculation2').innerHTML = sCalculation2;
		if(el(sExplanationId))
		{
			el(sExplanationId).style.display = 'none';
		}
		if(el(sCalculationId))
		{
			el(sCalculationId).style.display = 'none';
		}
	}

	if(el(sId))
	{
		el(sId).style.display = 'block';
	}
	else
	{
		//alert('Hi there! Please check your code!');
	}
}

function showHuuropMaatPop()
{
  window.open('http://www.uwhuuropmaat.nl/HuurOpMaat.aspx?code=11&volgnr=11&eigenaar=wonenCentraal', 'name', 'width=600,height=600,scrollbars=yes');
}

function showHuuropMaatPopNieuwkoop()
{
  window.open('http://www.uwhuuropmaat.nl/HuurOpMaat.aspx?code=12&volgnr=12&eigenaar=WoningstichtingNieuwkoop', 'name','width=600,height=600,scrollbars=yes');
}

function getPopupHuuropmaat()
{
	var sTitle1 = '<a href="#" onclick="javascript:showInPopup(sExplanationId);">Uitleg</a>';
	//var sTitle2 = '<a id="link_calculation" target="_blank" href="#">Berekening WonenCentraal</a>';
	//var sTitle3 = '<a id="link_calculation2" target="_blank" href="#">Berekening Woningstichting Nieuwkoop</a>';


//   var sTitle2 = '<a href="#" onclick="javascript:showInPopup(sCalculationId);">Berekening WonenCentraal</a>';
//	var sTitle3 = '<a href="#" onclick="javascript:showInPopup(sCalculationId2);">Berekening Woningstichting Nieuwkoop</a>';

	var sTitle2  = '<a href="#" onclick="javascript:showHuuropMaatPop()">Berekening WonenCentraal</a>';
	var sTitle3 = '<a href="#" onclick="javascript:showHuuropMaatPopNieuwkoop();">Berekening Woningstichting Nieuwkoop</a>';

	var sSpacing = '&nbsp; &nbsp; &nbsp; &nbsp;';
	var sTab1 = '<li id="popup_tab1" class="popup_tab">' + sTitle1 + '</li>';
	var sTab2 = '<li id="popup_tab2" class="popup_tab">' + sTitle2 + '</li>';
	var sTab3 = '<li id="popup_tab3" class="popup_tab">' + sTitle3 + '</li>';
	var sTab_container = '<ul id="popup_tab_container" class="popup_tab_container">' + sTab1 + sTab2 + sTab3 + '</ul>';
	var sContent1 = '<div id="hom_explanation" class="popup_content">' + sExplanation + '</div>';
	var sContent2 = '<div id="hom_calculation" class="popup_content hide"></div>';
	var sContent3 = '<div id="hom_calculation2" class="popup_content hide"></div>';
	var sContent_container = '<div id="popup_content_container" class="popup_content_container">' + sContent1 + sContent2 + sContent3 + '</div>';
	showPopup('', sTab_container + sContent_container, false);
}
			
function showPopupHuuropmaat(sData, sClient)
{
	sData = sData.replace(/ /g, '%20');	//alert('Hi Thanh! Here are the data \n' + sIframe_src+sData);
	showEl('popup_bg');
	getPopupHuuropmaat();
	setElAttrib('link_calculation', 'href', sIframe_src+sData);
	setElAttrib('link_calculation2', 'href', sIframe_src2+sData);
	setElAttrib('iframe_container', 'src', sIframe_src+sData);
	setElAttrib('iframe_container2', 'src', sIframe_src2+sData);
	if(sClient)
	{	
		if(sClient == sWSN)
		{
			showInPopup("hom_calculation2");
			//window.open(sIframe_src2+sData);
		}
		else
		{
			showInPopup("hom_calculation");
			//window.open(sIframe_src+sData);
		}
	}
}