var bonusPacks=[2500,4500,6500];
var shippingPacks=[1000,1500,2500];

function number_format(number, decimals, dec_point, thousands_sep) {
	number = (number+'').replace(',', '').replace(' ', '');
	var n = !isFinite(+number) ? 0 : +number,
	prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
	sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
	dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
	s = '',
	toFixedFix = function (n, prec) {
		var k = Math.pow(10, prec);
		return '' + Math.round(n * k) / k;
	};
	// Fix for IE parseFloat(0.55).toFixed(0) = 0;
	s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
	if (s[0].length > 3) {
		s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
	}
	if ((s[1] || '').length < prec) {
		s[1] = s[1] || '';
		s[1] += new Array(prec - s[1].length + 1).join('0');
	}
	return s.join(dec);
}

/* Facebox-total */

/*
* Facebox (for jQuery)
* version: 1.2 (05/05/2008)
* @requires jQuery v1.2 or later
*
* Examples at http://famspam.com/facebox/
*
* Licensed under the MIT:
*   http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2007, 2008 Chris Wanstrath [ chris@ozmm.org ]
*
* Usage:
*
*  jQuery(document).ready(function() {
*    jQuery('a[rel*=facebox]').facebox()
*  })
*
*  <a href="#terms" rel="facebox">Terms</a>
*    Loads the #terms div in the box
*
*  <a href="terms.html" rel="facebox">Terms</a>
*    Loads the terms.html page in the box
*
*  <a href="terms.png" rel="facebox">Terms</a>
*    Loads the terms.png image in the box
*
*
*  You can also use it programmatically:
*
*    jQuery.facebox('some html')
*
*  The above will open a facebox with "some html" as the content.
*
*    jQuery.facebox(function($) {
*      $.get('blah.html', function(data) { $.facebox(data) })
*    })
*
*  The above will show a loading screen before the passed function is called,
*  allowing for a better ajaxy experience.
*
*  The facebox function can also display an ajax page or image:
*
*    jQuery.facebox({ ajax: 'remote.html' })
*    jQuery.facebox({ image: 'dude.jpg' })
*
*  Want to close the facebox?  Trigger the 'close.facebox' document event:
*
*    jQuery(document).trigger('close.facebox')
*
*  Facebox also has a bunch of other hooks:
*
*    loading.facebox
*    beforeReveal.facebox
*    reveal.facebox (aliased as 'afterReveal.facebox')
*    init.facebox
*
*  Simply bind a function to any of these hooks:
*
*   $(document).bind('reveal.facebox', function() { ...stuff to do after the facebox and contents are revealed... })
*
*/
( function($) {
	$.facebox = function(data, klass) {
		$.facebox.loading()

		if (data.ajax)
		fillFaceboxFromAjax(data.ajax)
		else if (data.image)
		fillFaceboxFromImage(data.image)
		else if (data.div)
		fillFaceboxFromHref(data.div)
		else if ($.isFunction(data))
		data.call($)
		else
		$.facebox.reveal(data, klass)
	}

	/*
	* Public, $.facebox methods
	*/

	$.extend($.facebox,	{
		settings : {
			opacity : 0.80,
			overlay : true,
			loadingImage : '/images/skins/skyts/dk/modules/facebox/loading.gif',
			closeImage : '/images/skins/skyts/dk/modules/facebox/closelabel.gif',
			imageTypes : [ 'png', 'jpg', 'jpeg', 'gif' ],
			faceboxHtml : '\
		    <div id="facebox" style="display:none;"> \
		      <div class="popup"> \
		        <table> \
		          <tbody> \
		            <tr> \
		              <td class="body"> \
		                <div class="content"> \
		                </div> \
		                <div class="footer"> \
		                  <a href="#" class="close"> \
		                    <img src="/images/skins/skyts/dk/modules/facebox/closelabel.gif" title="close" class="close_image" /> \
		                  </a> \
		                </div> \
		              </td> \
		            </tr> \
		          </tbody> \
		        </table> \
		      </div> \
		    </div>'
		},

		loading : function() {
			init()
			if ($('#facebox .loading').length == 1)
			return true
			showOverlay()

			$('#facebox .content').empty()
			$('#facebox .body')
			.children()
			.hide()
			.end()
			.append(
			'<div class="loading"><img src="' + $.facebox.settings.loadingImage + '"/></div>');

			$('#facebox').css({
				top : getPageScroll()[1] + (getPageHeight() / 2) - ($('#facebox').height() / 2),
				left : (getPageWidth() / 2) - ($('#facebox').width() / 2)
			}).show();

			$(document).bind('keydown.facebox', function(e) {
				if (e.keyCode == 27)
				$.facebox.close()
				return true
			})
			$(document).trigger('loading.facebox')
		},

		reveal : function(data, klass) {
			$(document).trigger('beforeReveal.facebox')
			if (klass)
			$('#facebox .content').addClass(klass)
			$('#facebox .content').append(data)
			$('#facebox .loading').remove()
			$('#facebox .body').children().fadeIn('normal')
			$('#facebox').css('left', $(window).width() / 2	- ($('#facebox table').width() / 2));
			$(document).trigger('reveal.facebox').trigger('afterReveal.facebox')
		},

		close : function() {
			$(document).trigger('close.facebox');
			$('#facebox .content').remove();
			return false
		}
	});

	/*
	* Public, $.fn methods
	*/

	$.fn.facebox = function(settings) {
		init(settings)

		function clickKøber() {
			$.facebox.loading(true)

			// support for rel="facebox.inline_popup" syntax, to add a class
			// also supports deprecated "facebox[.inline_popup]" syntax
			var klass = this.rel.match(/facebox\[?\.(\w+)\]?/)
			if (klass)
			klass = klass[1]

			fillFaceboxFromHref(this.href, klass)
			return false
		}

		return this.click(clickKøber)
	}

	/*
	* Private methods
	*/

	// called one time to setup facebox on this page
	function init(settings) {
		if ($.facebox.settings.inited)
		return true
		else
		$.facebox.settings.inited = true

		$(document).trigger('init.facebox')
		makeCompatible()

		var imageTypes = $.facebox.settings.imageTypes.join('|')
		$.facebox.settings.imageTypesRegexp = new RegExp(
		'\.' + imageTypes + '$', 'i')

		if (settings)
		$.extend($.facebox.settings, settings)
		$('body').append($.facebox.settings.faceboxHtml)

		var preload = [ new Image(), new Image() ]
		preload[0].src = $.facebox.settings.closeImage
		preload[1].src = $.facebox.settings.loadingImage

		$('#facebox').find('.b:first, .bl, .br, .tl, .tr').each(
		function() {
			preload.push(new Image())
			preload.slice(-1).src = $(this).css('background-image')
			.replace(/url\((.+)\)/, '$1')
		})

		$('#facebox .close').click($.facebox.close)
		$('#facebox .close_image').attr('src', $.facebox.settings.closeImage)
	}

	// getPageScroll() by quirksmode.com
	function getPageScroll() {
		var xScroll, yScroll;
		if (self.pageYOffset) {
			yScroll = self.pageYOffset;
			xScroll = self.pageXOffset;
		} else if (document.documentElement
		&& document.documentElement.scrollTop) { // Explorer 6 Strict
			yScroll = document.documentElement.scrollTop;
			xScroll = document.documentElement.scrollLeft;
		} else if (document.body) {// all other Explorers
			yScroll = document.body.scrollTop;
			xScroll = document.body.scrollLeft;
		}
		return new Array(xScroll, yScroll)
	}

	// Adapted from getPageSize() by quirksmode.com
	function getPageHeight() {
		var windowHeight
		if (self.innerHeight) { // all except Explorer
			windowHeight = self.innerHeight;
		} else if (document.documentElement
		&& document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			windowHeight = document.body.clientHeight;
		}
		return windowHeight
	}

	function getPageWidth() {
		var windowWidth = 0;
		if( typeof( window.innerWidth ) == 'number' ) {
			windowWidth = window.innerWidth;
		} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			windowWidth = document.documentElement.clientWidth;
		} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			windowWidth = document.body.clientWidth;
		}
		return windowWidth;
	}

	// Backwards compatibility
	function makeCompatible() {
		var $s = $.facebox.settings

		$s.loadingImage = $s.loading_image || $s.loadingImage
		$s.closeImage = $s.close_image || $s.closeImage
		$s.imageTypes = $s.image_types || $s.imageTypes
		$s.faceboxHtml = $s.facebox_html || $s.faceboxHtml
	}

	// Figures out what you want to display and displays it
	// formats are:
	// div: #id
	// image: blah.extension
	// ajax: anything else
	function fillFaceboxFromHref(href, klass) {
		// div
		if (href.match(/#/)) {
		var url = window.location.href.split('#')[0]
		var target = href.replace(url, '')
		$.facebox.reveal($(target).clone().show(), klass)

		// image
	} else if (href.match($.facebox.settings.imageTypesRegexp)) {
		fillFaceboxFromImage(href, klass)
		// ajax
	} else {
		fillFaceboxFromAjax(href, klass)
	}
}

function fillFaceboxFromImage(href, klass) {
	var image = new Image()
	image.onload = function() {
		$.facebox.reveal(
		'<div class="image"><img src="' + image.src + '" /></div>',
		klass)
	}
	image.src = href
}

function fillFaceboxFromAjax(href, klass) {
	$.get(href, function(data) {
		$.facebox.reveal(data, klass)
	})
}

function skipOverlay() {
	return $.facebox.settings.overlay == false
	|| $.facebox.settings.opacity === null
}

function showOverlay() {
	if (skipOverlay()) {
		return;
	}

	if ($('facebox_overlay').length == 0)
	$("body").append(
	'<div id="facebox_overlay" class="facebox_hide"></div>')

	$('#facebox_overlay').hide().addClass("facebox_overlayBG").css(
	'opacity', $.facebox.settings.opacity).click( function() {
		$(document).trigger('close.facebox')
	}).fadeIn(100)
	return false
}

function hideOverlay() {
	if (skipOverlay()) {
		return;
	}

	$('#facebox_overlay').fadeOut(100, function() {
		$("#facebox_overlay").removeClass("facebox_overlayBG")
		$("#facebox_overlay").addClass("facebox_hide")
		$("#facebox_overlay").remove()
	})

	return false
}

/*
* Bindings
*/

$(document).bind('close.facebox', function() {
	$(document).unbind('keydown.facebox')
	$('#facebox').fadeOut( function() {
		$('#facebox .content').removeClass().addClass('content')
		hideOverlay()
		$('#facebox .loading').remove()
	})
})

})(jQuery);


/**
* @name Facebox Dandomain
* @version: 1.0.0 (21/04/2010)
* @requires jQuery v1.2 and facebox 1.2 (http://famspam.com/facebox/)
* @author Joachim Loevgaard (www.loevgaard.dk)
*
* Licensed under the MIT:
*   http://www.opensource.org/licenses/mit-license.php
*/

function FaceboxDandomain() {
	this._layouts = new Array();
}
FaceboxDandomain.prototype.addLayout = function(layout) {
	this._layouts.push(layout);
}
FaceboxDandomain.prototype.addLayouts = function(layouts) {
	for(var i in layouts) {
		this.addLayout(layouts[i]);
	}
}
FaceboxDandomain.prototype.toggleShow = function(elm, id) {
	if(elm.checked) {
		$.cookie('hideFacebox' + id, '1', { expires: 365, path: '/' });
	} else {
		$.cookie('hideFacebox' + id, '0', { expires: 365, path: '/' });
	}
}
FaceboxDandomain.prototype.alert = function(str) {
	//console.log('New Facebox');
	//console.log('str: '+str);
	oldstr=str;
	for (var i in this._layouts) {
		if ((!this._layouts[i].trigger || eval(this._layouts[i].trigger)) || str === this._layouts[i].str) {
			if (this._layouts[i].realContent) str = this._layouts[i].realContent;
			var cookieVal = $.cookie('hideFacebox' + i);
			if(cookieVal) return;

			if((this._layouts[i].preCallback)) {
				this._layouts[i].html = this._layouts[i].preCallback(this._layouts[i].html);
			}
			//console.log('Layout: '+i);
			$.facebox.settings.faceboxHtml = this._layouts[i].html;
			//console.log('HTML: '+this._layouts[i].html);
			break;
		}
	}
	$.facebox.loading();
	$.facebox(str);
	//console.log((oldstr.substr(0,5)));
	//console.log(this._layouts[6].inhtml);
	if(oldstr=='husket'||oldstr=='variant'){
		$('#facebox').html(this._layouts[i].inhtml);
		var preload=[new Image(),new Image()];preload[0].src=$.facebox.settings.closeImage;preload[1].src=$.facebox.settings.loadingImage;

		$('#facebox').find('.b:first, .bl, .br, .tl, .tr').each(
		function(){preload.push(new Image());preload.slice(-1).src=$(this).css('background-image').replace(/url\((.+)\)/, '$1');})

		$('#facebox .close').click($.facebox.close);
		$('#facebox .close_image').attr('src', $.facebox.settings.closeImage);
		$(document).trigger('beforeReveal.facebox');
		$('#facebox .content').append(str);
		$('#facebox .loading').remove();
		$('#facebox .body').children().fadeIn('normal');
		$('#facebox').css('left',$(window).width()/2-($('#facebox table').width()/2));
		$(document).trigger('reveal.facebox').trigger('afterReveal.facebox');
	}
	if(oldstr=='Antal må ikke være mindre end( 1 )'){
		$('#facebox').html(this._layouts[0].inhtml);
		var preload=[new Image(),new Image()];preload[0].src=$.facebox.settings.closeImage;preload[1].src=$.facebox.settings.loadingImage;

		$('#facebox').find('.b:first, .bl, .br, .tl, .tr').each(
		function(){preload.push(new Image());preload.slice(-1).src=$(this).css('background-image').replace(/url\((.+)\)/, '$1');})

		$('#facebox .close').click($.facebox.close);
		$('#facebox .close_image').attr('src', $.facebox.settings.closeImage);
		$(document).trigger('beforeReveal.facebox');
		$('#facebox .content').append(str);
		$('#facebox .loading').remove();
		$('#facebox .body').children().fadeIn('normal');
		$('#facebox').css('left',$(window).width()/2-($('#facebox table').width()/2));
		$(document).trigger('reveal.facebox').trigger('afterReveal.facebox');
	}
	if((oldstr.substr(0,5))=='video'){
		//console.log(oldstr.substr(6));
		videoId = oldstr.substr(6);
		str='<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/'+videoId+'?fs=1&amp;hl=da_DK&amp;rel=0&amp;color1=0x5d1719&amp;color2=0xcd311b"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+videoId+'?autoplay=1&fs=1&amp;hl=da_DK&amp;rel=0&amp;color1=0x5d1719&amp;color2=0xcd311b" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>';
		$('#facebox').html(this._layouts[6].inhtml);
		var preload=[new Image(),new Image()];preload[0].src=$.facebox.settings.closeImage;preload[1].src=$.facebox.settings.loadingImage;

		$('#facebox').find('.b:first, .bl, .br, .tl, .tr').each(
		function(){preload.push(new Image());preload.slice(-1).src=$(this).css('background-image').replace(/url\((.+)\)/, '$1');})

		$('#facebox .close').click($.facebox.close);
		$('#facebox .close_image').attr('src', $.facebox.settings.closeImage);
		$(document).trigger('beforeReveal.facebox');
		$('#facebox .content').append(str);
		$('#facebox .loading').remove();
		$('#facebox .body').children().fadeIn('normal');
		$('#facebox').css('left',$(window).width()/2-($('#facebox table').width()/2));
		$(document).trigger('reveal.facebox').trigger('afterReveal.facebox');
	}
}
var faceboxDandomain = new FaceboxDandomain();

window.alert = function(str) {
	faceboxDandomain.alert(str);
}

var layouts = new Array();

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 valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/firmaaftalen/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';
layouts[0].inhtml = '\
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="alertBody"> \
				<tbody> \
					<tr> \
						<td valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/firmaaftalen/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div>';
layouts[0].str = "Antal må ikke være mindre end( 1 )";
layouts[0].trigger = "false === true";
//layouts[0].trigger = "location.href.indexOf('/shop/order1.html') >= 0"; // this layout is only used when this expression is true

//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 valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/skyts/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 valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/skyts/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[2] = {};
layouts[2].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="alertBody"> \
				<tbody> \
					<tr> \
						<td valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/skyts/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 valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/skyts/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/skyts/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="alertBody"> \
				<tbody> \
					<tr> \
						<td height="219"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/skyts/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/skyts/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

//Dette layout vises ved video til youtube
layouts[6] = {};
layouts[6].html = '\
	<div id="facebox" style="display:none;"> \
	</div>';
layouts[6].inhtml = '\
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="videoBody"> \
				<tbody> \
					<tr> \
						<td valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/skyts/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div>';

layouts[6].str = "video"; //The string to match against the alert input
layouts[6].realContent = "test"; //The content of the alertbox
layouts[6].trigger = "false === true"; //Make sure that it's not used because of the trigger

layouts[7] = {};
layouts[7].html = '\
	<div id="facebox" style="display:none;"> \
		<div class="popup"> \
			<table cellpadding="0" cellspacing="0" border="0" class="alertBody"> \
				<tbody> \
					<tr> \
						<td valign="top"> \
							<div class="innerContent"> \
								<div class="content"></div> \
								<div class="footer"> \
									<a href="#" class="close"> \
										<img src="/images/skins/skyts/dk/modules/facebox/ok.gif" title="Luk" /> \
									</a> \
								</div> \
							</div> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';

layouts[7].trigger = "location.href.indexOf('/shop/order2.html') >= 0"; // this layout is only used when this expression is true

// 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 valign="top"> \
							<div id="vatText" class="vatText">test</div> \
							<div class="innerContent"> \
								<div style="height:127px;"> \
									<div class="header">F&aring; en bonuspakke:</div> \
									<div id="bonusPacks">bonuspacks</div> \
								</div> \
								<div style="height:125px;"> \
									<div class="header">Nedsæt fragtprisen:</div> \
									<div id="shippingPacks">shippingpacks</div> \
								</div> \
							</div> \
							<table cellpadding="0" cellspacing="0" border="0" class="bottom"> \
								<tr> \
									<td class="content"></td> \
									<td align="right"><a href="#" class="close"><img src="/images/skins/skyts/dk/modules/facebox/continue.gif" title="Shop videre" /></a> \
							<a href="/shop/showbasket.html"><img src="/images/skins/skyts/dk/modules/facebox/checkout.gif" title="G&aring; til kassen" /></a> \</td> \
								</tr> \
							</table><br> \
						</td> \
					</tr> \
				</tbody> \
			</table> \
		</div> \
	</div>';
layouts[100].preCallback = function(str) {
	var price = Math.floor(parseFloat($('#price').text().replace(".", "").replace(",", ".")));
	var bonus = [];
	var shipping = [];
	var imgPath = '/images/skins/skyts/dk/modules/facebox/';
	if($('.vatToggle')){
		var vatActive = ($('.vatToggle').text()=='Vis priserne ekskl. momsVis priserne ekskl. moms') ? true : (($('.vatToggle').text()=='Vis pris ekskl. momsVis pris ekskl. moms') ? true : false);
	}
	for(i=0;i<=2;i++){
		if(!vatActive){
			bonus[i]=(bonusPacks[i]*0.8)-price;shipping[i]=(shippingPacks[i]*0.8)-price;
			//console.log(bonus[i]+' | '+shipping[i]);
		} else {
			bonus[i]=(bonusPacks[i]-price);shipping[i]=(shippingPacks[i]-price);
		}
	}
	str = $(str);
	//console.log('"'+$('.vatToggle').text()+'"');
	if(vatActive){
		$('#vatText', str).html('PRISERNE ER<br>INKL. MOMS');
	} else {
		$('#vatText', str).html('PRISERNE ER<br>EKSKL. MOMS');
	}
	$("#bonusPacks", str).html('<table cellpadding="0" cellspacing="0" border="0"> \
										<tr> \
											<td width="136" valign="top" class="reducePrice">'+(bonus[0]<0?'<div style="width:136px;" class="checkmark"><img src="/images/skins/skyts/dk/modules/facebox/checkmark.png"></div>':'')+'</td> \
											<td width="155" valign="top" class="reducePrice">'+(bonus[1]<0?'<div style="width:155px;" class="checkmark"><img src="/images/skins/skyts/dk/modules/facebox/checkmark.png"></div>':'')+'</td> \
											<td width="152" valign="top" class="reducePrice">'+(bonus[2]<0?'<div style="width:152px;" class="checkmark"><img src="/images/skins/skyts/dk/modules/facebox/checkmark.png"></div>':'')+'</td> \
										</tr><tr> \
											<td align="center" valign="top"'+(bonus[0]<0?' style="color:#E4A701"':'')+'><font class="'+(bonus[0]<0?'price4_deactive':'price4')+'">Køb for yderligere</font><br>'+(bonus[0]<0?'<font class="'+(bonus[0]<0?'price1_deactive':'price1')+'">0 Kr. og f&aring;</font><br><font class="price2">BONUSGAVE</font><br><font class="price3">'+(!vatActive?'239,96 Kr':'299,95 Kr')+'</font>':'<font class="'+(bonus[0]<0?'price1_deactive':'price1')+'">'+number_format(bonus[0],0,',','')+' Kr. og f&aring;</font><br><font class="price2">BONUSGAVE</font><br><font class="price3">'+(!vatActive?'479,96 Kr':'599,95 Kr')+'</font>')+'</td> \
											<td align="center" valign="top"'+(bonus[1]<0?' style="color:#E4A701"':'')+'><font class="'+(bonus[1]<0?'price4_deactive':'price4')+'">Køb for yderligere</font><br>'+(bonus[1]<0?'<font class="'+(bonus[1]<0?'price1_deactive':'price1')+'">0 Kr. og f&aring;</font><br><font class="price2">BONUSGAVE</font><br><font class="price3">'+(!vatActive?'479,96 Kr':'599,95 Kr')+'</font>':'<font class="'+(bonus[1]<0?'price1_deactive':'price1')+'">'+number_format(bonus[1],0,',','')+' Kr. og f&aring;</font><br><font class="price2">BONUSGAVE</font><br><font class="price3">'+(!vatActive?'759,92 Kr':'949,90 Kr')+'</font>')+'</td> \
											<td align="center" valign="top"'+(bonus[2]<0?' style="color:#E4A701"':'')+'><font class="'+(bonus[2]<0?'price4_deactive':'price4')+'">Køb for yderligere</font><br>'+(bonus[2]<0?'<font class="'+(bonus[2]<0?'price1_deactive':'price1')+'">0 Kr. og f&aring;</font><br><font class="price2">BONUSGAVE</font><br><font class="price3">'+(!vatActive?'799,84 Kr':'999,80 Kr')+'</font>':'<font class="'+(bonus[2]<0?'price1_deactive':'price1')+'">'+number_format(bonus[2],0,',','')+' Kr. og f&aring;</font><br><font class="price2">BONUSGAVE</font><br><font class="price3">'+(!vatActive?'959,92 Kr':'1199,90 Kr')+'</font>')+'</td> \
										</tr> \
									</table>');
	$("#shippingPacks", str).html('<table cellpadding="0" cellspacing="0" border="0"> \
										<tr> \
											<td width="136" valign="top" class="reducePrice">'+(shipping[0]<0?'<div style="width:136px;" class="checkmark"><img src="/images/skins/skyts/dk/modules/facebox/checkmark.png"></div>':'')+'</td> \
										</tr><tr> \
											<td colspan="3" align="center" valign="top"'+(shipping[0]<0?' style="color:#E4A701"':'')+'><font class="'+(shipping[0]<0?'price4_deactive':'price4')+'">Køb for yderligere</font><br>'+(shipping[0]<0?'<font class="'+(shipping[0]<0?'price1_deactive':'price1')+'">0 Kr. og f&aring;</font><br><font class="price2">FRAGTEN TIL</font><br><font class="price3">0,00 DKK</font>':'<font class="'+(shipping[0]<0?'price1_deactive':'price1')+'">'+number_format(shipping[0],0,',','')+' Kr. og f&aring;</font><br><font class="price2">FRAGTEN TIL</font><br><font class="price3">0,00 DKK</font>')+'</td> \
										</tr> \
									</table>');

	/*var freeThreshold = 500 - price;

	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);