var layouts = new Array();

//Dette layout vises kun, når teksten af alert boksen er "husket"
layouts[1] = {};
layouts[1].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="favoriteBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';
layouts[1].inhtml = '\
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="favoriteBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div>'
layouts[1].str = "husket"; //The string to match against the alert input
layouts[1].realContent = "Varen er nu tilf&oslash;jet din huskeliste"; //The content of the alertbox
layouts[1].trigger = "false === true"; //Make sure that it's not used because of the trigger

layouts[0] = {};
layouts[0].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="alertBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';

layouts[0].trigger = "location.href.indexOf('/shop/order1.html') >= 0"; // this layout is only used when this expression is true

layouts[2] = {};
layouts[2].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="favoriteBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';

layouts[2].trigger = "location.href.indexOf('/shop/order1.html') >= 0"; // this layout is only used when this expression is true

layouts[3] = {};
layouts[3].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="alertBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';

layouts[3].trigger = "(location.href.indexOf('/shop/order3.html') >= 0 || location.href.indexOf('/shop/showbasket.html') >= 0)"; // this layout is only used when this expression is true

layouts[4] = {};
layouts[4].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="alertBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';

layouts[4].trigger = "location.href.indexOf('/shop/tip.html') >= 0"; // this layout is only used when this expression is true

//Dette layout vises kun, når man mangler at vælge variant.
layouts[5] = {};
layouts[5].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="favoriteBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';
layouts[5].inhtml = '\
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="favoriteBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/bangsoe/new/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div>';

layouts[5].str = "variant"; //The string to match against the alert input
layouts[5].realContent = "V&aelig;lg variant f&oslash;r k&oslash;b"; //The content of the alertbox
layouts[5].trigger = "false === true"; //Make sure that it's not used because of the trigger

// this layout doesnt contain a trigger which means that it will be used as the default layout
layouts[100] = {};
layouts[100].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="body"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"><img src="/images/skins/bangsoe/new/dk/modules/facebox/continue.gif" title="Shop videre" /></a> \
									<a href="/shop/showbasket.html"><img src="/images/skins/bangsoe/new/dk/modules/facebox/checkout.gif" title="G&aring; til kassen" /></a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';
layouts[100].preCallback = function(str) {
	var price = Math.floor(parseFloat($('#price').text().replace(".", "").replace(",", ".")));
	var freeThreshold = 500 - price;

	str = $(str);

	if(freeThreshold > 0) {
		$("#freeThreshold", str).html(freeThreshold);
	} else {
		$("#freeThresholdText", str).html("Du f&aring;r gratis levering");
	}
	return str;
}
//layouts[100].realContent = "test"; //The content of the alertbox

faceboxDandomain.addLayouts(layouts);
