

/**
 * @author Tom Cool - FrenzyMedia B.V.
 * @version 1.0 2010/06/28
 * @class main object; provides cross-browser functionality
 * @constructor
 * @param {jQuery} $ The jQuery object
 */
var main = ( function ($) {

	/**
	* @namespace Private properties, constants
	*/
	var selectors = {
		nav : '#navigation',
		mainNav : '#mainmenu',
		mainNavItems : '#mainmenu a',
		subNav : '#submenu_expendable',
		subNavItems : '#submenu_expendable .submenu_items',
		sIFR_Objs : '.sIFR-flash'
	},

	/**
     * @namespace Private methods
     */
	privs = {

		setPlaceholder : function () {
			
			//make HTML5 placeholders work in non supportive browsers
			$('input[placeholder]').each( function(){
				$(this).css({border: '1px solid red'});
				if ( $(this).val() == '' ) {

					// $(this).addClass('hasplaceholder');
					
					$(this).val( $(this).attr('placeholder') );
					
					$(this).focus( function () {
						if ( $(this).val() == $(this).attr('placeholder') ) {
							$(this).val('');
						}
						// $(this).removeClass('hasplaceholder');
					});
					$(this).blur( function () {
						if ( $(this).val() == '') {
							// $(this).addClass('hasplaceholder');
							$(this).val($(this).attr('placeholder'));
						}
					});
				}
			});

			$('form').submit( function () {
				$('input[placeholder]').each( function () {
					if($(this).attr('placeholder') == $(this).val()) {
						$(this).val('');
					}
				});
			});
		},

		/**
		 * binds hover-events to main and subnavigation
		 */
		setSubnavigation : function () {

			$(selectors.mainNavItems).mouseenter( function (){
				$(selectors.subNavItems).hide();
				$('.'+this.id).show();
			});

			$(selectors.subNavItems).hover(
				function () {
					$(this).show();
				},
				function () {
					$(this).hide();
				}
				);

			$(selectors.nav).mouseleave( function () {
				$(selectors.subNavItems).hide();
			});

		}
		
	};

	/**
     * @scope main
	 * @namespace Public methods
	 * @return Public methods
     */
	return {

		/**
		 * Returns true if Navigator.useragent === ie6
		 * There are different versions of ie6; jQuery.browser doesn't filter them all
		 * @return boolean
		 */
		detectIE6 : function () {
			return $.browser.msie6 = (
				$.browser.msie
				&& typeof(XMLHttpRequest) == 'undefined'
				&& /MSIE 6\.0/i.test(window.navigator.userAgent)
				&& !/MSIE 7\.0/i.test(window.navigator.userAgent)
				&& !/MSIE 8\.0/i.test(window.navigator.userAgent)
				);
		},

		/**
		 * Function to be launched at body.onload
		 */
		initiate : function () {
			privs.setSubnavigation();
		}
	};

})(jQuery);

/**
 * The initiate method is launched on page load
 */
jQuery(function () { main.initiate() });


/**
 * @todo : move only used functions into class.main or seperate them
 */





oldImage = 1;

//	function init() {
//
//		if (document.getElementById('scrollphoto')) {
//
//			oldObject = 1;
//		}
//
//		if (document.getElementById('promotiebalk')) {
//
//		}
//
//	}


function PreSubmitWinkelwagen() {

	required = Array(

		'gender',
		'achternaam',
		'initials',
		'straat',
		'huisnr',
		'postcode',
		'plaats',
		'telefoon',
		'email'

		);



	parent.frames.SwitchTab(2);
	return true;
}

function preSubmit(form, EndFunction) {

	required = Array();

	switch (form.name) {

		case "LiveMessageForm":
			required = Array(
				'name',
				'email',
				'text'
				);
			break;

		case "bestelform":
		case "bevestigform":

			required = Array(

				'gender',
				'achternaam',
				'voornaam',
				'straat',
				'huisnr',
				'postcode',
				'plaats',
				'phone',
				'email'

				);

			break;

		case "contactform":
			required = Array(

				'achternaam',
				'email'

				);

			break;

		case "contactofferte":
			required = Array(

				'achternaam',
				'email'

				);

			break;

		case "contactbellen":

			required = Array(
				'achternaam',
				'phone'
				);

			break;

		case "contactlandinga":

			required = Array(
				'achternaam',
				'phone',
				'email'
				);

			break;

	}

	doContinue = true;

	for (i in required) {

		obj = document.getElementById('lbl_' + required[i]);
		val = form[required[i]].value;

		obj.style.color = '#666';
		if (val == '') {

			doContinue = false;
			obj.style.color = '#ff0000';
		}

	}

	number_fields = Array('huisnr', 'telefoon', 'phone');

	for (i in number_fields) {

		var c = false;

		for (e in required) {
			if (required[e] == number_fields[i]) {
				c = true;
				break;
			}
		}

		if (!c) {
			continue;
		}

		if (!form[number_fields[i]]) {
			continue;
		}

		obj = document.getElementById('lbl_' + number_fields[i]);
		val = form[number_fields[i]].value;

		re = new RegExp("[0-9\\+\\(\\)\\-]+?", "gi");
		m = val.match(re);

		if (m == null) {
			obj.style.color = '#ff0000';
			doContinue = false;
		}

	}

	if (document.getElementsByName('algemenevoorwaarden0')[0]) {

		if (!document.getElementsByName('algemenevoorwaarden0')[0].checked) {
			doContinue = false;
			document.getElementById('lbl_algemenevoorwaarden0').style.color = '#ff0000';
		} else {
			document.getElementById('lbl_algemenevoorwaarden0').style.color = '#000';
		}
	}


	if (!doContinue) {
		alert('Niet alle verplichte velden zijn ingevuld.' + "\nVerplichte velden zijn gemarkeerd met een *");
		return false;
	}

	if (typeof EndFunction == 'function') {
		return EndFunction();
	}

	form.submit();



}

function PromoCollapse(PromoObj) {

	if (typeof document.getElementById(PromoObj) == 'undefined') {
		return;
	}

	if (document.getElementById(PromoObj).style.display == 'none') {
		document.getElementById(PromoObj).style.display = 'block';
	} else {
		document.getElementById(PromoObj).style.display = 'none';
	}

}



function SwitchImage(ParamImage, ArticleId) {

	if (ParamImage == '') {
		return;
	}

	document.getElementById('p01a' + ArticleId).src = ParamImage;

}

function CheckNumeric(obj) {

	var re = new RegExp("[^0-9]", "gi");
	obj.value = obj.value.replace(re, '');

	if (obj.value == 0) {
		obj.value = 1;
	}

}



function SendForm(FormName, ignoreErrors) {

	if (ignoreErrors == null) {
		ignoreErrors = true;
	}

	var Form = document.forms[FormName];
	var Elements = Form.elements;
	var PostVars = '';

	var namesArray = {
		'articleid': 0,
		'navid': 0,
		'parent_navid': 0,
		'aantal': 1,
		'orgid': 0
	};

	for (var i = 0; i < Elements.length; i++) {

		if (Elements[i].name == '' && Elements[i].type != 'submit') {
			if (!ignoreErrors) {
				alert(Elements[i].type + ' name is empty!');
				return false;
			}
		}

		//changed method
		//PostVars == '' ? preRequisite = '' : preRequisite = '&';
		PostVars == '' ? preRequisite = '&' : preRequisite = '&';
		if (Elements[i].name == 'redirect') {
			continue;
		}

		if (Elements[i].name == 'aantal') {
			namesArray.aantal = Elements[i].value;
		}

		if (Elements[i].name == 'articleid') {
			namesArray.articleid = Elements[i].value;
		}

		if (Elements[i].name == 'parent_navid') {
			namesArray.parent_navid = Elements[i].value;
		}

		if (Elements[i].name == 'navid') {
			namesArray.navid = Elements[i].value;
		}

		if (Elements[i].name == 'orgid') {
			namesArray.orgid = Elements[i].value;
		}

		switch (Elements[i].type) {

			case "hidden":
			case "textarea":
			case "select":
			case "select-one":
			case "text":
				PostVars += preRequisite + Elements[i].name + '=' + Elements[i].value;
				break;

			case "checkbox":
			case "radio":
				if (typeof document[FormName][Elements[i].name].length != 'undefined') {
					var len = document[FormName][Elements[i].name].length;
					for (var e = 0; e < len; e++) {
						if (document[FormName][Elements[i].name][e].checked) {
							PostVars += preRequisite + Elements[i].name + '=' + document[FormName][Elements[i].name][e].value;
						}
					}
				} else {
					if (Elements[i].checked) {
						PostVars += preRequisite + Elements[i].name + '=' + Elements[i].value;
					}
				}

				break;

		}
			
	}


	addToBasket(
		namesArray.articleid,
		namesArray.navid,
		namesArray.parent_navid,
		namesArray.orgid,
		namesArray.aantal,
		PostVars
		);

	return false;
}


function SlideImages(action, number, max) {

	if (typeof globalImageRotateNum == 'undefined') {
		globalImageRotateNum = 1;
	}

	if (action != null) {

		if (action == 'next' && ((globalImageRotateNum + 1) <= max)) {

			document.getElementById('img' + globalImageRotateNum).style.display = 'none';
			document.getElementById('img' + (globalImageRotateNum + 1)).style.display = 'block';
			oldImageRotateNum = globalImageRotateNum;
			globalImageRotateNum += 1;

		}

		if (action == 'prev' && ((globalImageRotateNum - 1) >= 1)) {

			document.getElementById('img' + globalImageRotateNum).style.display = 'none';
			document.getElementById('img' + (globalImageRotateNum - 1)).style.display = 'block';
			oldImageRotateNum = globalImageRotateNum;
			globalImageRotateNum -= 1;

		}

	}

	if (number != null) {

		document.getElementById('img' + globalImageRotateNum).style.display = 'none';
		document.getElementById('img' + number).style.display = 'block';
		oldImageRotateNum = globalImageRotateNum;
		globalImageRotateNum = number;

	}


	if (document.getElementById('hrefNext') != null) {
		if (globalImageRotateNum == max) {
			document.getElementById('hrefNext').style.display = 'none';
		} else {
			document.getElementById('hrefNext').style.display = 'block';
		}
	}

	if (document.getElementById('hrefPrev') != null) {
		if (globalImageRotateNum == 1) {
			document.getElementById('hrefPrev').style.display = 'none';
		} else {
			document.getElementById('hrefPrev').style.display = 'block';
		}
	}

	document.getElementById('imgHref' + globalImageRotateNum).style.fontWeight = 'bold';

	if (typeof oldImageRotateNum != 'undefined' && oldImageRotateNum != globalImageRotateNum) {
		document.getElementById('imgHref' + oldImageRotateNum).style.fontWeight = 'normal';
	}


}


function VerwijderBestelling(CRC) {

	PostVars = 'CRC=' + CRC;

	AjaxCall('/winkelwagen/verwijder/', function() {

		eval(globalXmlData);

		var c = document.getElementById('crcId' + CRC);

		var p = c.parentNode;
		p.removeChild(c);

		UpdateWinkelwagen(winkelwagen['totaalprijs'], winkelwagen['aantal']);

	}, 'POST', PostVars);

}



function SwitchTab(index) {
	windowObject.activateTab( windowObject.returnTabObject(index) );
}

function UpdateWinkelwagen(totaalprijs, totaalartikelen) {


	if (document.getElementById('HeaderTotaalPrijs')) {
		document.getElementById('HeaderTotaalPrijs').innerHTML = totaalprijs;
	}

	if (document.getElementById('HeaderArtikelen')) {
		document.getElementById('HeaderArtikelen').innerHTML = totaalartikelen;
	}

}



/*	###	GOOGLE AND ROUTE FUNCTIONS ################################################################################################ */




function GoogleMapsLoader(maptype, zoom) {



	if (!document.getElementById('map')) {
		return;
	}

	if (!document.getElementById('GMap_address')) {
		return;
	}

	if(zoom ==undefined){
		zoom=13;
	}

	switch (maptype)
	{
		case 'normal':
			maptype = G_NORMAL_MAP;
			break
		case 'hybrid':
			maptype = G_HYBRID_MAP;
			break
		case 'satellite':
			maptype = G_SATELLITE_MAP;
			break
		default:
			maptype = G_NORMAL_MAP;
			break
	}




	mapLat = document.getElementById('MapsLat').value;
	mapLong = document.getElementById('MapsLong').value;



	maptitle = '<h3>'+document.getElementById('MapsTitle').value + '</h3>';

	mapaddress = '<p class="GAddress">'+document.getElementById('GMap_address').value + '</p>';
	mapinfo = '<p class="GInfo">'+document.getElementById('MapsInfo').value + '</p>';
	address =  document.getElementById('GMap_address').value;

	var map = new GMap2(document.getElementById("map"));
	//map.addControl(new GSmallMapControl());
	//map.addControl(new GMapTypeControl());
	map.setUIToDefault();



	ValidGooglePoint = false;

	var geocoder = new GClientGeocoder();

	if(mapLat !='' && mapLong !=''){

		geocoder =false;

		addText = maptitle + mapaddress + mapinfo;

		map.setCenter(new GLatLng(mapLat, mapLong), zoom, maptype);
		var point = new GLatLng(mapLat,mapLong);
		ValidGooglePoint = true;
		var marker1 = new GMarker(point);
		map.addOverlay(marker1);
		marker1.openInfoWindowHtml(addText);


	}



	if (geocoder) {

		if (address != '') {
			addText = maptitle + mapaddress + mapinfo;

			geocoder.getLatLng(
				address,
				function(point) {

					if (point) {
						map.setCenter(point, zoom);

						ValidGooglePoint = true;
						var marker1 = new GMarker(point);
						map.addOverlay(marker1);

						marker1.openInfoWindowHtml(addText);

					} else {
						document.getElementById('map').style.display = 'none';
					}
				}
				);
		}
	}

}

function MapRoute() {

	if (!ValidGooglePoint) {
		return;
	}

	var straat = document.getElementById('maps_straat').value;
	var huisnr = document.getElementById('maps_huisnr').value;
	var plaats = document.getElementById('maps_plaats').value;
	var land   = document.getElementById('maps_land').value;
	var mapLat = document.getElementById('MapsLat').value;
	var mapLong = document.getElementById('MapsLong').value;


	var GoogleRouteContinue = true;

	var GoogleAddress = Array(
		Array('straat', straat),
		Array('huisnr', huisnr),
		Array('plaats', plaats)
		);

	for (i in GoogleAddress) {
		document.getElementById('lbl_' +  GoogleAddress[i][0]).style.color	= '#000';
		if (GoogleAddress[i][1] == '') {
			document.getElementById('lbl_' + GoogleAddress[i][0]).style.color	= '#ff0000';
			GoogleRouteContinue = false;
		}
	}

	if (!GoogleRouteContinue) {
		alert('All fields are required.');
		return;
	}

	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	document.getElementById("map-text").innerHTML = '';
	directionsPanel = document.getElementById("map-text");




	GoogleFromAddress = straat + ' ' + huisnr + ', ' + plaats + ' ' + land;
	GoogleToAddress = document.getElementById('GMap_address').value;

	directions = new GDirections(map, directionsPanel);
	GEvent.addListener(directions, "error", handleErrors);


	if(mapLat !='' && mapLong !=''){

		directions.load("from: " + GoogleFromAddress + " to: " + mapLat + "," + mapLong, {
			"locale": 'nl_NL'
		});
	}else{

		directions.load("from: " + GoogleFromAddress + " to: " + GoogleToAddress, {
			"locale": 'nl_NL'
		});
	}


}



function handleErrors(){
	if (directions.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
		alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect\nError code: " + directions.getStatus().code);
	else if (directions.getStatus().code == G_GEO_SERVER_ERROR)
		alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + directions.getStatus().code);
	else if (directions.getStatus().code == G_GEO_MISSING_QUERY)
		alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + directions.getStatus().code);
	else if (directions.getStatus().code == G_GEO_BAD_KEY)
		alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + directions.getStatus().code);
	else if (directions.getStatus().code == G_GEO_BAD_REQUEST)
		alert("A directions request could not be successfully parsed.\n Error code: " + directions.getStatus().code);
	else alert("An unknown error occured.");
}



function AddFavorite() {

	BookmarkURL = 'http://demo.systion.eu';
	BookmarkLBL = 'Systion';

	if (window.sidebar) {
		window.sidebar.addPanel(BookmarkLBL, BookmarkURL,"");
	} else if( window.external ) {
		window.external.AddFavorite( BookmarkURL, BookmarkLBL);
	} else if(window.opera) {
		return false;
	} else {
		alert('Unfortunately, this browser does not support the requested action, please bookmark this page manually.');
	}

}

function LoadNavigator(navid) {

	document.getElementById('Navigator').innerHTML = '';

	AjaxCall('/plugins/promoitem-navigator.php?reload=true&navid=' + navid, function() {
		document.getElementById('Navigator').innerHTML = globalXmlData;
	});

}

function RefreshReview() {
	var articleid = document.getElementById('articleid').value;
	AjaxCall('/reviewrefresh/?articleid='+articleid, function(data) {
		document.getElementById('tabs-4').innerHTML = data;
		document.getElementById('top-nof-reviews').innerHTML = document.getElementById('nof-reviews').innerHTML;
		document.getElementById('top-overall-average').innerHTML = document.getElementById('overall-average').innerHTML;
	});

//return false;
}

function SendReview() {

	postVars = 'articleid=' + document.getElementById('articleid').value;
	postVars += '&messagetype=' + document.getElementById('messagetype').value;
	postVars += '&name=' + document.getElementById('name').value;
	postVars += '&place=' + document.getElementById('place').value;
	postVars += '&email=' + document.getElementById('email').value;
	postVars += '&review-speed=' + document.getElementById('review-speed').value;
	postVars += '&review-usability=' + document.getElementById('review-usability').value;
	postVars += '&review-possibility=' + document.getElementById('review-possibility').value;
	postVars += '&review-quality=' + document.getElementById('review-quality').value;
	postVars += '&review-design=' + document.getElementById('review-design').value;
	postVars += '&review-title=' + document.getElementById('review-title').value;
	postVars += '&review-text=' + document.getElementById('review-text').value;
	postVars += '&strengths=' + document.getElementById('strengths').value;
	postVars += '&weaknesses=' + document.getElementById('weaknesses').value;
	postVars += '&buy-date=' + document.getElementById('buy-date').value;

	if (document.getElementsByName('liveRememberMe')[0].checked) {
		postVars += '&liveRememberMe=1';
	}

	if (document.getElementsByName('mailing')[0].checked) {
		postVars += '&mailing=1';
	}

	AjaxCall('/livemessage', function(data) {
		//alert(data);
		//eval(data);
		//alert('Review opgeslagen!');
		top.parent.frames.$.prettyPhoto.close();
		top.parent.frames.RefreshReview();
	}, 'POST', postVars);

	return true;
}

function addBlogItem(data) {
	var livebox = document.getElementById('livebox');
	var numi = document.getElementById('liveboxCount');
	var num = parseInt(document.getElementById('liveboxCount').value);
	var prev = document.getElementById('blog_' + num);
	var odd_or_even = 'even';
	num = num + 1;
	numi.value = num;
	if ( num%2 ) odd_or_even = 'oneven';
	var blog = document.createElement('article');
	var divIdName = 'blog_' + num;

	blog.setAttribute('id', divIdName);
	blog.setAttribute('class', 'livemessage reactie ' + odd_or_even);
	blog.setAttribute('style', 'display:none;');

	var blogContent = '<div class="clear"></div>';
	var imgpos = odd_or_even == 'oneven' ? 'left' : 'right';
		
	if ( typeof(data['photo01']) != 'undefined' ) {
		blogContent += '<div class="chatImage"><img class="'+imgpos+'" src="/uploads/user/' + data['photo01'] + '" /></div>';
	} else {
		blogContent += '<div class="chatImage"><img class="'+imgpos+'" src="/img/css/livebox_default_' + imgpos + '.gif" alt="'+data['name']+'" /></div>';
	}

	blogContent += '<header><h3>' + data['name'] + ' zei op <time datetime="' + data['datetime'] + '" pubdate>' + data['datetime'] + '</time></h3></header><p>' + data['text'] + '</p>';
		
	if ( typeof(data['link']) != 'undefined' ) {
		blogContent += '<br /><a href="' + data['link'] + '" target="_blank">' + data['link'] + '</a>';
	}
		
	blogContent += '<div class="clear"></div>';
		
	blog.innerHTML = blogContent;
	livebox.insertBefore(blog,prev);
	$('#'+divIdName).fadeIn("slow");

}

function RefreshBlog() {
	var articleid = document.getElementById('articleid').value;
	var stamp = document.getElementById('stamp').value;

	AjaxCall('/liveboxrefresh/?articleid='+articleid+'&update=1&date=' + stamp, function(data) {
		eval("var items = " + data);
		for (var i = 0; i < items['count']; i++){
			addBlogItem(items['blogs'][i]);
		}
		document.getElementById('stamp').value = items['time'];
	});
}


function SendBlog() {
	postVars = 'articleid=' + document.getElementById('articleid').value;
	postVars += '&email=' + document.getElementById('email').value;
	postVars += '&name=' + document.getElementById('name').value;
	postVars += '&text=' + document.getElementById('text').value;
	postVars += '&link=' + document.getElementById('link').value;
	postVars += '&image=' + document.getElementById('image').value;
	if (document.getElementsByName('liveRememberMe')[0].checked) {
		postVars += '&liveRememberMe=1';
	}

	AjaxCall('/livemessage', function(data) {
		top.parent.frames.$.prettyPhoto.close();
	}, 'POST', postVars);

	return true;
}

function FillForm(formObj, data) {


	for (var i = 0; i < formObj.elements.length; i++) {


		if (typeof data[formObj.elements[i].name] != 'undefined') {

			if (typeof formObj.elements[i].value  != 'undefined') {
				if (formObj.elements[i].value != '' && formObj.elements[i].value.substr(0,5) != '<!--[') {
					continue;
				}
			}

			switch (formObj.elements[i].type) {

				case "hidden":
				case "text":
					formObj.elements[i].value = data[formObj.elements[i].name];
					break;

				case "select":
				case "select-one":
				case "select-multiple":
					for (var f = 0; f < formObj.elements[i].options.length; f++) {
						if (formObj.elements[i].options[f].value == data[formObj.elements[i].name]) {
							formObj.elements[i].options[f].selected = true;
						}
					}
					break;

				case "checkbox":
				case "radio":
					var chkGroup = document.getElementsByName([formObj.elements[i].name]);

					for (var f = 0; f < chkGroup.length; f++) {
						if (chkGroup[f].value == data[formObj.elements[i].name]) {
							chkGroup[f].checked = true;
						}
					}

					break;

			}
		}
	}
}

function ShowVariant (obj, img_array) {

	if (typeof document.getElementById('zoomimage').orgImage == 'undefined') {
		document.getElementById('zoomimage').orgImage = document.getElementById('zoomimage').src;
	}

	im = img_array[obj.value -1];

	if (typeof im == 'undefined') {
		im = document.getElementById('zoomimage').orgImage;
	}

	document.getElementById('zoomimage').src = '/uploads/images/productImage_' + im;

}

function addToBasket(articleid, navid, parent_navid, orgid, aantal, extraVars) {

	PostVars = 'navid=' + navid;
	PostVars += '&parent_navid=' + parent_navid;
	PostVars += '&articleid=' + articleid;
	PostVars += '&orgid=' + orgid;
	PostVars += '&aantal=' + aantal;

	if (typeof extraVars != 'undefined') {
		//first & must be in extraVars!
		PostVars += extraVars;
	}



	AjaxCall('/bestel', function(data) {

		eval(data);


		UpdateWinkelwagen(winkelwagen['totaalprijs'], winkelwagen['aantal']);
		$.prettyPhoto.open('/popup/inbasket.php?iframe=true&width=350&height=115','','');

	}, 'POST', PostVars);


}

function CheckCross(articleid) {

	var Articles = '';

	for (var i = 0; i < document.getElementsByName('cross_hidden').length; i++) {
		Articles == '' ? Articles =  document.getElementsByName('cross_hidden')[i].value : Articles += ',' + document.getElementsByName('cross_hidden')[i].value;
	}

	Articles = escape(Articles);


	$.prettyPhoto.open('/popup/contact.php?articleid='+articleid+'&amp;articles=' + Articles + '&iframe=true&amp;width=430&amp;height=500','','');


}

function ShowExtraCosts(send_methods) {

	if (typeof send_methods == 'undefined'){
		send_methods = '1,Per post,0;2,Rembours,15;3,Afhalen,0';
	}

	var methods = send_methods.split(";");
	var arr = Array();

	for (var i = 0; i < methods.length; i++) {
		var vars = methods[i].split(",");
		arr.push(vars[2]);
	}


	var selObj	= document.getElementById('payment_method');
	var costs	= 0;

	if (typeof o_costs == 'undefined') {
		o_costs = document.getElementById('shipment_costs').innerHTML;
		o_costs = o_costs.replace(',', '.');
	}


	switch (selObj.value){

		case "1":
		case "2":

			//costs = o_costs;
			costs = arr[0];

			break;

		case "3":
			//costs = rembours; //'15.00';
			costs = arr[1];
			break;

		case "4":
			//costs = '0.00';
			costs = arr[2];
			break;

	}

	var subprice = document.getElementById('subprice').innerHTML.replace('&euro;', '');
	var subprice = parseFloat(subprice);

	costs = parseFloat(costs);
	var total = subprice + costs;

	costs = costs.toFixed(2);
	total = total.toFixed(2);

	document.getElementById('shipment_costs').innerHTML = costs.replace('.', ',');
	document.getElementById('total_price').innerHTML = total.replace('.', ',');
}


function SubmitCollection() {


	if (isNaN(document.getElementById('numberofdays').value)) {
		document.getElementById('numberofdays').value = 1;
	}

	document.getElementsByName('number_of_days0')[0].value = document.getElementById('numberofdays').value;
	document.getElementsByName('pick-up-date0')[0].value = document.getElementsByName('startdate')[0].value;


	return false;

}


function createInput(articleid) {

	var F = document.forms['contactform'];

	var inp	= document.createElement('INPUT');
	inp.type	= 'text';
	inp.name	= 'foldables[]';
	inp.value	= articleid;

	F.appendChild(inp);

}

function MailStockForm() {

	$("#mailstockform").click();


}

function GetPortoCosts(country, event) {

	ajax.addStaticLoader(event);
	var code = country;

	AjaxCall('/includes/kassa/portocosts.php?countrycode=' + code, function(data) {

		eval(data);

		var selObj = document.getElementById('payment_method');

		selObj.options.length = 0;

		for (var i = 0; i < method_options.length; i++) {

			var opt = new Option(method_options[i][1], method_options[i][0]);
			selObj.options[i] = opt;

			if ( method_options[i][2] == 'true') {
				selObj.options[i].selected = true;
			};
		};

		document.getElementById('shipment_costs').innerHTML = porto_totaal;
		document.getElementById('total_price').innerHTML = kassa_totaal;

		ajax.removeLoader();

	});

};

function ChangePaymentMethod(method, event) {

	ajax.addStaticLoader(event);

	AjaxCall('/includes/kassa/portocosts.php?method=' + method, function(data) {

		eval(data);

		document.getElementById('shipment_costs').innerHTML = porto_totaal;
		document.getElementById('total_price').innerHTML = kassa_totaal;

		ajax.removeLoader();
	});

};
