window.onload = function()
{
	initOrderButton();
	loadAlbumPreview();
	fDescweb();
}


function pop(url, width, height)
{
	window.open(url,'','width='+width+', height='+height+', menubar=no, status=no, location=no, toolbar=no, scrollbars=no, resizable=no', false);
}


function poppage(url, width, height)
{
	window.open(url,'','width='+width+', height='+height+', menubar=no, status=no, location=no, toolbar=no, scrollbars=yes, resizable=yes', false);
}


function initOrderButton()
{
	var loBtn = document.getElementById("cmd_OrderNow");
	if(loBtn != null)
	{
		loBtn.onclick = function()
		{
			this.value= "Order wordt verwerkt...";
			this.onclick = function()
			{
				return false;
			}
		}
	}
}

function showPaymentMethod(checkbox)
{
	var pId = checkbox.id.substring(checkbox.id.indexOf("_")+1);

	$(".paymentmethod").removeClass("paymentmethod_active");

	$( "#paymentmethod_" + pId ).addClass("paymentmethod_active");
}

function showWebgroups(cFilter, cCluster)
{
	if(window.location.href.toLowerCase().indexOf("default.asp?") > 1)
	{
		var cHref = window.location.href;
		cHref = cHref.replace(/webgroupfilter\=[0-9,-]+\&?/gi,"");
		cHref = cHref.replace(/artdetail\=[^\&]+\&?/gi, "");
		cHref = cHref.replace(/clusterfilter\=[^\&]+\&?/gi, "");
		cHref = cHref.replace("?","?alstart=&webgroupfilter="+cFilter+"&");
		window.location.href = cHref;
	}
	else
	{
		window.location.href = "/default.asp?alstart=0&webgroupfilter="+cFilter;
	}
}

function fShowPicture(toImg)
{
	var lcXS = toImg.src;
	var lcXL = lcXS.replace("/small/","/large/");
	var lcXL = lcXS.replace("/thumbs/","/images/");
	var loXL = document.getElementById("showimg");
	if(loXL != null)
	{
		loXL.src = lcXL;
	}
	else
	{
		win = window.open(lcXL,"picpop","width=470,height=370,resizable=true",true);
		win.focus();
	}
}

function loadAlbumPreview()
{
	oImgs = document.getElementsByTagName("img");
	for(var i=0; i<oImgs.length; i++)
	{
		if(oImgs[i].className=="albumthumb")
		{
			fShowPicture(oImgs[i]);
			break;
		}
	}
}


function fDescweb()
{
	var o = document.getElementById('descweb');
	if(!o)
		return;

	var h = o.clientHeight > 0 ? o.clientHeight : o.offsetHeight;

	if(h > 700)
	{
		var oMore = document.getElementById('artdescmore');
		if(!oMore)
			return;

		o.className = "artdesclimit";
		oMore.style.display = 'block';
	}
}

function fDescwebShowHide(tiMode)
{
	var o = document.getElementById('descweb');
	var oMore = document.getElementById('artdescmore');
	var oLess = document.getElementById('artdescless');
	if(!o || !oMore || !oLess)
		return;

	if(tiMode)
	{
		o.className = "artdesclimit";
		oMore.style.display =  'block';
		oLess.style.display = 'none';
	}
	else
	{
		o.className = "artdesc";
		oMore.style.display = 'none';
		oLess.style.display =  'block';
	}
}

function togglePakjeGemak()
{
	var pg = document.getElementById("popPakjegemak");
	if(pg != null)
	{
		if(pg.style.display == "block")
			pg.style.display = "none";
		else
			pg.style.display = "block";
	}
}
function ClosePopup()
{
	togglePakjeGemak()
}

function menuHover(m)
{
	menuOut(m);
	m.className = m.className + " hover";
} 
function menuOut(m)
{
	m.className = m.className.replace(" hover", "");	
} 

function menuDetails(id, action, current) 
{
return;
	var menu = document.getElementById("descriptionBoxMenu");
	var items = document.getElementById("descriptionBoxItems");

	var id 		= "menu_" + id;
	var current	= id + "_currentM";

	if(action == "current")
	{
		document.getElementById(id).style.background = "url(http://cms7.ibvision.nl/_clientFiles/%7B287D99AD-340D-429B-B32F-FA457ACF898E%7D/Layout/menuItemGray.jpg)";	
	}
	else
	{
		if(action == "over")
		{
			document.getElementById(id).style.background = "url(http://cms7.ibvision.nl/_clientFiles/%7B287D99AD-340D-429B-B32F-FA457ACF898E%7D/Layout/menuItemGray.jpg)";	
		}
		else
		{
			document.getElementById(id).style.background = "url(http://cms7.ibvision.nl/_clientFiles/%7B287D99AD-340D-429B-B32F-FA457ACF898E%7D/Layout/menuItemBlue.jpg)";
		}
	}
}

function menuDetailsClick(id)
{
	var menu = document.getElementById("descriptionBoxMenu");
	var itembox = document.getElementById("descriptionBoxItems");

	if(menu != null)
	{
		menuitems = menu.childNodes;
		for(var i =0; i<menuitems.length; i++)
		{
			if(menuitems[i].nodeType != 1)
				continue;
			menuitem = menuitems[i];
			if(menuitem.className.indexOf("menuItem") == 0 )
			{
				menuitem.className = menuitem.className.replace(" current", "");
				if(menuitem.id == "menu_" + id)	
					menuitem.className += " current";
			}
		}
	}

	if(itembox != null)
	{
		items = itembox.childNodes;	
		for(var i =0; i<items .length; i++)
		{
			if(items[i].nodeType != 1)
				continue;

			it= items[i];
			if(it.className.indexOf("descriptionBoxItem") == 0 )
			{

				it.className = it.className.replace(" current", "");
				if(it.id == "descriptionBoxItem_" + id)	
					it.className += " current";
			}
		}
	}

}

function showInfo()
{
	var info = document.getElementById('detailInfo');

	if(info.style.display == "block")
	{
		info.style.display = "none";
	}
	else
	{
		info.style.display = "block";
	}
}

function fQeustion()
{
	document.getElementById('questionPopup').style.display = "block";
}

function fQeustionClose()
{
	document.getElementById('questionPopup').style.display = "none";
}


function initGroupMenu()
{
	var oM = document.getElementById("groupmenubar");
	if(oM != null)
	{
		$(oM).data("menus",  $("div.groupmenubaritem"));
		$(oM).data("menus").data("menubar", oM);

		
		$("div#groupmenubar").mouseleave(
			function()
			{
				$(oM).data("timer", window.setTimeout("closeAllGroupMenusBut('xx', false)",1000));
			}
		);
	
		$("div.groupmenubaritem").mouseenter(
			function()
			{
				openMenu($(this).attr('menuid'));
			}
		);
	}

}

function openMenu(id)
{
	closeAllGroupMenusBut(id, true);
	$('div#' + id).slideDown('fast');
}

function closeAllGroupMenusBut(id, quick)
{
	window.clearTimeout( $("div#groupmenubar").data("timer") );
	if(quick)
		$("div.groupmenu:not(div#" + id + ")").hide();
	else
		$("div.groupmenu:not(div#" + id + ")").slideUp();
}

function updatePayments(country)
{
	$(".paymentmethod").each(
		function()
		{
			var lD = false;
			var c = String(this.getAttribute("countries"));
			if(c != "")
			{
				var aC = c.split(",");
				for(var i=0; i<aC.length; i++)
				{
					if(aC[i].toLowerCase() == country.toLowerCase())
					{
						lD = true;
						break;
					}
				}
			}
			else
			{
				lD = true;
			}
			this.style.display = lD?"":"none";
			$("input", this).each(
				function()
				{
					this.disabled = ! lD;
				}
			)
		}
	);
}

function menuHover(m)
{
	menuOut(m);
	m.className = m.className + " hover";
} 
function menuOut(m)
{
	m.className = m.className.replace(" hover", "");	
} 

function menuDetails(id, action, current) 
{
return;
	var menu = document.getElementById("descriptionBoxMenu");
	var items = document.getElementById("descriptionBoxItems");

	var id 		= "menu_" + id;
	var current	= id + "_currentM";

	if(action == "current")
	{
		document.getElementById(id).style.background = "url(http://cms7.ibvision.nl/_clientFiles/%7B287D99AD-340D-429B-B32F-FA457ACF898E%7D/Layout/menuItemGray.jpg)";	
	}
	else
	{
		if(action == "over")
		{
			document.getElementById(id).style.background = "url(http://cms7.ibvision.nl/_clientFiles/%7B287D99AD-340D-429B-B32F-FA457ACF898E%7D/Layout/menuItemGray.jpg)";	
		}
		else
		{
			document.getElementById(id).style.background = "url(http://cms7.ibvision.nl/_clientFiles/%7B287D99AD-340D-429B-B32F-FA457ACF898E%7D/Layout/menuItemBlue.jpg)";
		}
	}
}

function menuDetailsClick(id)
{
	var menu = document.getElementById("descriptionBoxMenu");
	var itembox = document.getElementById("descriptionBoxItems");

	if(menu != null)
	{
		menuitems = menu.childNodes;
		for(var i =0; i<menuitems.length; i++)
		{
			if(menuitems[i].nodeType != 1)
				continue;

			menuitem = menuitems[i];
			if(menuitem.className.indexOf("menuItem") == 0 )
			{
				menuitem.className = menuitem.className.replace(" current", "");
				if(menuitem.id == "menu_" + id)	
					menuitem.className += " current";
			}
		}
	}

	if(itembox != null)
	{
		items = itembox.childNodes;
		for(var i =0; i<items .length; i++)
		{
			if(items[i].nodeType != 1)
				continue;

			it= items[i];

			if(it.className.indexOf("descriptionBoxItem") == 0 )
			{
				it.className = it.className.replace(" current", "");
				if(it.id == "descriptionBoxItem_" + id)	
					it.className += " current";
			}
		}
	}

}