// Positie van de hoofdrubrieken
var Rbr_Left = 20;		// Linkerposite van de menu's
var Rbr_TopStart = 357;		// Top-positie 1e menu
var Rbr_TopToename = 33;	// Toename top-positie volgende menu
var PosTop = 0;

// Positie submenu ( RELATIVE TO hoofdrubriek )
var xSubOffset = 180;	//3;
var ySubOffset = 5;

// Tesamen met delay: submenu blijft zichtbaar, wanneer je hoofdmenu verlaat en naar submenu gaat
var SubVisible = false;
var delay = 1000;


// Bovenbalk: 848x197. Positie binnen moederomhulsel: (20, 23)
// bovenbalk_kader Verwrongen naar 848 x 167
function Pr_Bovenbalk()
{
  document.write( "<div style=\"position:absolute; left:20px; top:23px; width:848px; height:197px;\">\n"
	+ '<a href="/">'
	+ "<img src=\"/images/layout/bovenbalk.jpg\" width=\"848\" height=\"197\" border=\"0\" alt=\"\">\n"
	+ '</a>\n'
	//+ "<img src=\"/styles/logo_shop.jpg\" width=\"240\" height=\"153\" border=\"0\" alt=\"Logo Shop\""
	//+ "style=\"position:absolute; left:10px; top:24px; width:240px; height:153px;\"></a>\n"
	+ "</div>\n" );

	return true;

  // Magazine-banner in de bovenbalk: postitie tov moeder (269, 37). Rechts van logo
  document.write( "<div id=\"magazine_banner\" style=\"position:absolute; left:269px; top:37px; "
	+ "width:585px; height:167px;\">\n"
	+ "<script type=\"text/javascript\">\n"
	+ "<!--\n"
	+ "var hasReqestedVersion = DetectFlashVer(8, 0, 0);\n"
	+ "if (	hasReqestedVersion	)\n"
	+ "{\n"
    	+ "	AC_FL_RunContent(\n"
	+ "		'src', '/magazine_banner', 'play', 'true', 'loop', 'false',\n"
	+ "		'width', '585', 'height', '167', 'salign', 'C',\n"
	+ "		'scale', 'ShowAll', 'id', 'vid_1', 'quality', 'Best',\n"
	+ "		'wmode', 'transparent', 'name', 'vid_1',\n"
	+ "		'type', 'application/x-shockwave-flash',\n"
	+ "		'codebase', 'http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab',\n"
	+ "		'pluginspage', 'http://www.macromedia.com/go/getflashplayer' );\n"
	+ "}\n"
	+ "else\n"
	+ "{\n"
	+ "	var msg2user = 'An old version of the Flash plugin was detected. <strong>' + "
	+ "'<a href=\"http://www.macromedia.com/go/getflash/\">Please upgrade your Flash plugin.' + "
 	+ "'<\/a><\/strong>';\n"
	+ "document.write( msg2user );\n"
	+ "}\n"
	+ "-->\n"
	+ "</script>\n"
	+ "</div>\n" );
}

function Pr_Rubriekbalk()
{
  document.write( "<div style=\"position:absolute; left:20px; top:230px; width:99px; height:30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=1\">CD</a></div>\n"
	+ "<div style=\"position:absolute; left:127px; top:230px; width: 99px; height: 30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=8\">CD/DVD Combo</a></div>\n"
	+ "<div style=\"position:absolute; left:234px; top:230px; width: 99px; height: 30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=9\">DVD</a></div>\n"
	+ "<div style=\"position:absolute; left:341px; top:230px; width: 99px; height: 30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=11\">Blu-ray</a></div>\n"
	+ "<div style=\"position:absolute; left:448px; top:230px; width: 99px; height: 30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=2\">CD singles</a></div>\n"
	+ "<div style=\"position:absolute; left:555px; top:230px; width: 99px; height: 30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=4\">Books</a></div>\n"
	+ "<div style=\"position:absolute; left:662px; top:230px; width: 99px; height: 30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=5\">Photos</a></div>\n"
	+ "<div style=\"position:absolute; left:769px; top:230px; width: 99px; height: 30px;\" "
	+ "class=\"byz_cus_top_tabs\"><a href=\"/cgi-bin/user/overview.pl?rbr=6\">Other</a></div>\n"
	+ "<img style=\"position: absolute; left:20px; top:260px; width: 848px; height: 5px;\" "
	+ "name=\"line\" border=0 src=\"/images/layout/art_buttonline.jpg\" alt=\"layout line\">\n" );
}

function Pr_Zoekblok()
{
  document.write( "<div style=\"z-index:1; position:absolute; left: 20px; top: 285px; width: 184px; height: 62px;\">\n"
	+ "<img style=\"z-index:1; position:absolute; left: 0px; top: 0px; width: 184px; height: 62px;\" "
	+ "src=\"/images/layout/search_blok.jpg\" border=0 alt=\"\">\n"
	+ "<form method=\"post\" action=\"/cgi-bin/user/search.pl\">\n"
	+ "Zoeken\n"
	+ "<input type=\"text\" maxlength=20 name=\"Searchtext\" style=\"z-index:2; position: absolute; "
	+ "left:5px; top:25px; width:130px; height:25px; background-color:#ffffff; color: #006633; "
	+ "border-style: solid; border-color: #70BFF7;\">\n"
	+ "<input type=\"image\" src=\"/images/layout/search_button.jpg\" style=\"z-index:2; "
	+ "position: absolute; left:145px; top:25px;\" alt=\"Search button\">\n"
	+ "</form>\n"
	+ "</div>\n" );
}

function Pr_FanclubLogo()
{
  // Logo fanclubshop
  document.write( "<a style=\"position:absolute; left: " + Rbr_Left + "px; top: " + PosTop + "px;\" "
	+ "href=\"http://www.abbafanclub.nl\" id=\"FC\" target=\"_blank\">"
	+ "<img width=190 border=0 src=\"/images/layout/fc_commercial.gif\" alt=\"Logo Fanclub\"></a>\n" );

  PosTop = PosTop + 180;

  // document.write( "</div>\n" );
}

function Pr_BonnyLogo()
{
  PosTop = PosTop + 40;

  //document.write( "<div id=\"Bonny\" style=\"position:absolute; left: " + Rbr_Left + "px; top: " + PosTop + "px;\">"
  //	+ "<h2>We recommend:</h2>"
  //	+ "<a href=\"http://www.thesecondhandabbastore.nl\" target=\"_blank\">"
  //	+ "<img border=0 src=\"/images/layout/logostorebonny.jpg\" alt=\"Logo Secondhand store\"></a>\n"
  //	+ "</div>\n" );
  document.write( "<div id=\"Bonny\" style=\"position:absolute; left: " + Rbr_Left + "px; top: " + PosTop + "px;\">"
	+ "<h2>We recommend:</h2>"
	+ "<a href=\"/cgi-bin/general/goto.pl?bonny\" target=\"_blank\" "
	+ "onMouseOver=\"window.status='www.thesecondhandabbastore.nl'; return true;\" "
	+ "onMouseOut=\"window.status='';\">\n"
	+ "<img border=0 src=\"/images/layout/logostorebonny.jpg\" alt=\"Logo Secondhand store\"></a>\n"
	+ "</div>\n" );

  PosTop = PosTop + 82;

  document.write( "</div>\n" );
}


function Pr_Message()
{
  PosTop = PosTop + Rbr_TopToename + 20;

//  document.write( '<div id="Msg" style="position:absolute; left:20px; top: ' + PosTop + 'px; width:160px; ' 
//	+ 'height:50px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">\n'
//	+ '<h2>Your online shop for everything ABBA</h2>\n'
//	+ '</div>\n' );
//
//  PosTop = PosTop + 60;

  document.write( '<div id="Msg" style="position:absolute; left:20px; top: ' + PosTop + 'px; width:184px; ' 
	+ 'height:62px;">\n'
	+ '<img border=0 src="/images/layout/yourshop.jpg" alt="Your shop for everything ABBA">\n'
	+ '</div>\n' );

  PosTop = PosTop + 82;
}


// Logo's betalingsmogelijkheden
function Pr_PaymentLogos()
{
  document.write( '<div style="position:absolute; left: 20px; top:' + PosTop + 'px; width:57px; height:36px;">\n'
	+ '<a href="/languages/japanese">'
	+ '<img src="/images/payment/visa_57x36.gif" border="0" alt="Logo Visa"></a>\n</div>\n'
	+ '<div style="position:absolute; left:83px; top:' + PosTop + 'px; width:57px; height:35px;">\n'
	+ '<a href="/">'
	+ '<img src="/images/payment/mastercard_57x35.gif" border="0" alt="Logo Mastercard"></a>\n</div>\n'
	+ '<div style="position:absolute; left:146px; top:' + PosTop + 'px; width:57px; height:36px;">\n'
	+ '<a href="/languages/spanish">'
	+ '<img src="/images/payment/amex_57x36.jpg" border="0" alt="Logo American Express"></a>\n</div>\n' );

  PosTop = PosTop + 43;
  document.write( '<div style="position:absolute; left:60px; top:' + PosTop + 'px; width:57px; height:36px;">\n'
	+ '<a href="/languages/swedish">'
	+ '<img src="/images/payment/paypal_57x36.gif" border="0" alt="Logo Paypal"></a>\n</div>\n'
	+ '<div style="position:absolute; left:123px; top:' + PosTop + 'px; width:41px; height:36px;">\n'
	+ '<a href="/languages/german">'
	+ '<img src="/images/payment/ideal_44x38.jpg" border="0" alt="Logo iDEAL"></a>\n</div>\n' );
//	+ '<div style="position:absolute; left:133px; top:' + PosTop + 'px; width:25px; height:17px;">\n'
//	+  '<a href="/languages/french">'
//	+ '<img src="/images/navigation/french.png" border="0" alt="French language"></a>\n</div>\n' );

//  PosTop = PosTop + 23;
// document.write( '<div style="position:absolute; left:77px; top:' + PosTop + 'px; width:25px; height:17px;">\n'
//	+ '<a href="/languages/portuguese">'
//	+ '<img src="/images/navigation/portuguese.png" width="25" border="0" alt="Portuguese language"></a>\n</div>\n'
//	+ '<div style="position:absolute; left:105px; top:' + PosTop + 'px; width:25px; height:17px;">\n'
//	+ '<a href="/languages/dutch">'
//	+ '<img src="/images/navigation/dutch.png" border="0" alt="Dutch language"></a>\n</div>\n'
//	+ '<div style="position:absolute; left:133px; top:' + PosTop + 'px; width:25px; height:17px;">\n'
//	+ '<a href="/languages/russian">'
//	+ '<img src="/images/navigation/russian.png" border="0" alt="Russian language"></a>\n</div>\n' );

  PosTop = PosTop + 56;
}

function __Pr_Buttons()
{
  document.write( '<div style="position:absolute; left:740px; top:541px; width:100px; height:28px;">\n'
	+ '<a href="/fanclub/donate.html">'
	+ '<img src="/images/navigation/donate.jpg" border="0" alt="Donate button"></a></div>\n' );
  document.write( '<div style="position:absolute; left:740px; top:465px; width:100px; height:28px;">\n'
	+ '<a href="/fanclub/join.html">'
	+ '<img src="/images/navigation/join.jpg" border="0" alt="Button join"></a></div>\n' );
  document.write( '<div style="position:absolute; left:740px; top:503px; width:100px; height:28px;">\n'
	+ '<a href="/fanclub/renew.html">'
	+ '<img src="/images/navigation/renew.jpg" border="0" alt="Button renew"></a></div>\n' );
  document.write( '<div style="position:absolute; left:740px; top:579px; width:28px; height:28px;">\n'
	+ '<a href="http://www.facebook.com/pages/The-Official-International-ABBA-Fan-Club/287106442779" target="_new">'
	+ '<img src="/images/navigation/icon_facebook.jpg" border="0" alt="Icon Facebook"></a></div>\n' );
  document.write( '<div style="position:absolute; left:775px; top:579px; width:23px; height:28px;">\n'
	+ '<a href="http://twitter.com/officialabbafan" target="_new">'
	+ '<img src="/images/navigation/icon_twitter.jpg" border="0" alt="Icon Twitter"></a></div>\n' );
}

function Pr_Linkerkolom() { Pr_Menu(); Pr_Message(); Pr_PaymentLogos(); Pr_FanclubLogo(); Pr_BonnyLogo(); }
//function Pr_Linkerkolom() { Pr_Menu(); Pr_Message(); Pr_PaymentLogos(); Pr_FanclubLogo(); }

function __Pr_Rechterkolom() { Pr_OutNow(); Pr_Buttons(); }

function __Pr_ColRightAday()
{
  document.write( '<div id="events" style="position:absolute; left:708px; top:237px; width:157px; background-color: #FFFFFF;">\n'
	+ "<h2>Earlier events</h2>\n"
	+ "<ul>\n"
	+ '<li><a class="link" href="/abbaday/2009_report.html">18th of April 2009</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2008_report.html">19th of April 2008</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2007_report.html">April 2007</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2006_report.html">22th of April 2006<br>20 years</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2005_report.html">16th of April 2005</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2004_report.html">17th of April 2004</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2003_report.html">12th of April 2003</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2002_report.html">6th of April 2002</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2001_report.html">2001: the 15<sup>th</sup> aniversary</a></li>\n'
	+ '<li><a class="link" href="/abbaday/2000_report.html">15th of April 2000</a></li>\n'
	+ '<li><a class="link" href="/abbaday/1999_report.html">27th of March 1999</a></li>\n'
	+ '<li><a class="link" href="/abbaday/1998_report.html">4th of April 1998</a></li>\n'
	+ '<li><a class="link" href="/abbaday/1997_report.html">Report 1997</a></li>\n'
	+ '</ul>\n</div>\n' );
}


// Menu functies

// Generate menu (RvG)
function Pr_Menu()
{
  // var pos_top; 

  N_Rbr = Rubriek.length;

  document.write( "<div>\n" );
  for ( i=0; i<N_Rbr; i++)
  {
	// pos_top = Rbr_TopStart + i*Rbr_TopToename;
	PosTop = Rbr_TopStart + i*Rbr_TopToename;
  
  // document.write( "<a style=\"position:absolute; left: " + Rbr_Left + "px; top: " + pos_top + "px;\" "
  document.write( "<a style=\"position:absolute; left: " + Rbr_Left + "px; top: " + PosTop + "px;\" "
	+ "href=\"" + Rubriek[i][1] + "\" class=\"rubriek_off\" id=\"Rbr" + i + "\" "
	+ "target=\"" + Rubriek[i][2] + "\" "
	+ "onMouseOver=\"this.className='rubriek_on'; SubVisible=true; Show_Submenu(" + i + ");\" "
	+ "onMouseOut=\"this.className='rubriek_off'; SubVisible=false; "
	+ "setTimeout('Hide_Submenu(" + i + ")',delay);\">"
	+ Rubriek[i][0] + "</a>\n" );
  }

  Pr_Submenu()
}

// GENERATE SUB MENUS
function Pr_Submenu()
{
  for ( i=0; i<N_Rbr; i++)
  {
	if ( subInfo[i].length < 1 )
	{ 
		// Set empty div for buttons without submenu
		document.write( '<div id="submenu' + i + '">' );
	}
	else
	{
		// Set div for buttons with submenu
		document.write( '<div id="submenu' + i + '" class="dropmenu" '
			+ 'onMouseOver="SubVisible=true; Rbr_On(' + i + ');" '
			+ 'onMouseOut="SubVisible=false; '
			+ 'setTimeout(\'Hide_Submenu(' + i + ')\',delay); '
			+ 'Rbr_Off(' + i + ');">' );

		document.write('<ul>');
		for ( k=0; k<subInfo[i].length; k++ )
		{
			document.write('<li>');
			document.write('<a href="' + subInfo[i][k][1] + '" ');
			document.write('target="' + subInfo[i][k][2] + '">');
			document.write( subInfo[i][k][0] + '</a>');
			document.write('</li>');
		}
		document.write('</ul>');
	}
	document.write('</div>');
  }
}


//*** MAIN BUTTONS FUNCTIONS ***//

// SET MOUSEOVER BUTTON
function Rbr_On( VolgNr ) { GetObject('Rbr' + VolgNr).className = "rubriek_on"; }

// SET MOUSEOUT BUTTON
function Rbr_Off( VolgNr ) { GetObject('Rbr' + VolgNr).className = "rubriek_off"; }

//*** SUB MENU FUNCTIONS ***//
// GET ELEMENT ID MULTI BROWSER
function GetObject( Id )
{
	return document.getElementById ? document.getElementById(Id) : document.all ? document.all(Id) : null; 
}

// GET X COORDINATE
function getRealLeft( Id)
{ 
	var el = GetObject( Id );

	if (	el	)
	{ 
		xPos = el.offsetLeft;
		tempEl = el.offsetParent;
		while (	tempEl != null	)
		{
			xPos += tempEl.offsetLeft;
			tempEl = tempEl.offsetParent;
		} 
		return xPos;
	} 
} 

// GET Y COORDINATE
function getRealTop( Id )
{
	var el = GetObject( Id );

	if (	el	)
	{ 
		yPos = el.offsetTop;
		tempEl = el.offsetParent;
		while (	tempEl != null	)
		{
			yPos += tempEl.offsetTop;
			tempEl = tempEl.offsetParent;
		}
		return yPos;
	}
}

// MOVE OBJECT TO COORDINATE
function moveObjectTo( ObjId, CoX, CoY)
{
	var el = GetObject( ObjId );

	// Bij gebruik van url in doctype: px nodig !!!!
	//el.style.left = CoX;
	//el.style.top = CoY;
	el.style.left = CoX + "px";
	el.style.top = CoY + "px";
}

// MOVE SUBMENU TO CORRESPONDING BUTTON
// Wordt nu binnen dezelfde moederdiv gegenereerd als het menu,
// dus geen 'real x', maar de posiie is gemeten vanaf hetzelfde beginpunt
function Show_Submenu( Idx )
{
	var submenu_id = "submenu" + Idx;
	var rubriek_id = "Rbr" + Idx;
	var rbr = GetObject(rubriek_id);

//alert('Gaat ie - 1' );
	hideAllSubMenus();
//alert('Gaat ie - 2' );
	//butX = getRealLeft( rubriek_id );
	//butY = getRealTop( rubriek_id );
	//rbr_x = rbr.style.left;  ?? fout tijdens parsen van 'left'
	//rbr_y = rbr.style.top;
	rbr_x = rbr.offsetLeft;
	rbr_y = rbr.offsetTop;
//alert('Gaat ie - 3' );

//var tmp_x = butX+xSubOffset; var tmp_y = butY+ySubOffset;
//alert("Show_Submenu: (" + butX + ", " + butY + ") naar (" + tmp_x + ", " + tmp_y + ")" );

	moveObjectTo( submenu_id, rbr_x + xSubOffset, rbr_y + ySubOffset );
//alert('Gaat ie - 4' );
//alert( "'Real' x van submenu: " + getRealLeft(submenu_id) );
}

function XX_Show_Submenu( Idx )
{
	var submenu_id = "submenu" + Idx;
	var rubriek_id = "Rbr" + Idx;

	hideAllSubMenus();
	butX = getRealLeft( rubriek_id );
	butY = getRealTop( rubriek_id );

	moveObjectTo( submenu_id, butX+xSubOffset, butY+ySubOffset );
}

// HIDE ALL SUB MENUS
function hideAllSubMenus()
{
	for ( i=0; i<N_Rbr; i++)
	{
		moveObjectTo("submenu" + i + "", -500, -500 );
	}
}

function Hide_Submenu( Idx )
{
	var submenu_id = "submenu" + Idx;

	if (	SubVisible == false			)
	{	moveObjectTo(submenu_id, -500, -500);	}
}



////////////////////////

// Copyright blok, positie tov moeder (29, 805)
function __Pr_Copyright()
{
  PosTop = PosTop + Rbr_TopToename;

  // document.write( "<div id=\"copyright\" style=\"position:absolute; left:29px; top:805px; width:175px; \n"
  document.write( "<div id=\"copyright\" style=\"position:absolute; left:29px; top:" + PosTop + "px; width:175px; \n"
	+ "font-weight: 400; font-family: Verdana; font-size: 11px; font-style: italic; \n"
	+ "height:137px; -moz-box-sizing:border-box; box-sizing:border-box; overflow: hidden;\">\n"
	+ "<p>All contents on this site © 1985-2010 The Official International ABBA Fan Club, formerly "
	+ "the Agnetha Benny Björn Frida Fan Club. Please ask permission in writing before using "
	+ "anything published on this website.</p>\n</div>\n" );
// alert('hoi 2: ' + PosTop);
}

// Current magazine: rechterkolom. Tov moeder: 708, 237
function __Pr_OutNow()
{
  document.write( '<div id="OutNow" style="position:absolute; left:708px; top:237px; width:157px; height:214px;">\n'
	+ '<script type="text/javascript">\n'
	+ '<!--\n'
	+ 'var hasReqestedVersion = DetectFlashVer(8, 0, 0);\n'
	+ 'if (	hasReqestedVersion	)\n'
	+ '{\n'
	+ '	AC_FL_RunContent( "src", "/out_now_103", "play", "true", "loop", "true",\n'
	+ '		"width", "157", "height", "214", "salign", "C", "scale", "ShowAll",\n'
	+ '		"id", "vid_3", "quality", "High", "name", "vid_3",\n'
	+ '		"type", "application/x-shockwave-flash",\n'
	+ '		"codebase", "http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab",\n'
	+ '		"pluginspage", "http://www.macromedia.com/go/getflashplayer" );\n'
	+ '}\n'
	+ 'else\n'
	+ '{\n'
	+ "		var msg2user = 'An old version of the Flash plugin was detected. <strong> <a' + "
	+ "		' href=\"http://www.macromedia.com/go/getflash/\">Please upgrade your Flash plugin.<\/a><\/strong>';\n"
	+ "    document.write( msg2user );\n"
	+ '}\n'
	+ '-->\n'
	+ '</script>\n'
	+ '</div>\n' );
}

// Rechterkolom: nieuwskoppen. Voorlopig (708, 505) tov moeder
function __Pr_Headlines()
{
  document.write( '<div id="Headlines" style="position:absolute; left:708px; top:505px; width:158px; ' 
	+ 'height:308px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">\n'
	+ '<p style="margin-top:0px"><span class="h2">NEWS HEADLINES</span></p>\n'
	+ '<p>Here some news??? Like Kristina Tickets. <br>Now that we have received bookings from members who'
	+ ' just read&nbsp;the news in the magazine, we still have some tickets for the first three rows of the'
    + ' Carnegie Hall available (both nights, but more for the 2nd).<p>Bla nla bla....\n'
	+ '<p><a href="javascript:alert(\'To do\');" class="link">Read More...</a></p>\n' 
	+ '</div>\n' );
}

// Rechterkolom: Logo 160x135. Voorlopig (708, 465) tov moeder
function __Pr_FcLogo()
{
  document.write( "<a style=\"position:absolute; left: 708px; top: 465px;\" "
	+ "href=\"http://www.abbafanclubshop.nl\" id=\"FCS\" target=\"_blank\">"
	+ "<img border=0 src=\"/images/navigation/fcs_logo_160.jpg\" alt=\"Logo shop\"></a>\n" );

}