/*

	Javascript voor blokhuttengoedkoop.nl
	Maakt gebruik van MooTools 1.11 met alle classes en plugins

*/

// Lees query string uit en plaats deze in een array
function query_string() {
	var qsParm = new Array();
	var query = window.location.search.substring(1);
	//alert(query);
	var parms = query.split('&');
	for (var i=0; i<parms.length; i++) {
		var pos = parms[i].indexOf('=');
		if (pos > 0) {
			var key = parms[i].substring(0,pos);
			var val = parms[i].substring(pos+1);
			qsParm[key] = val;
		}
	}
	return qsParm;
}

// Herschaal een foto
function img_resize(width,height,max_width,max_height) {
    if (width > max_width) {
      f=1-((width - max_width) / width);
      width=width * f;
      height=height * f;
    }
    if (height > max_height) {
      f=1-((height - max_height) / height);
      width=width * f;
      height=height * f;
    }
	return Array(width,height);
}

// Maak de thumbnails voor de verschillende foto's
function blokhutten_fotos(foto_data) {
	window.addEvent('domready',	function() {
		var max_height = 200;
		foto_data.each(	function(el) {
			if(!el[0].match('standaard.gif')) {
				var size = img_resize(el[2],el[3],130,130);
				// Maak een IMG element
				var new_el = new Element('img',{
					'src': el[1],
					'styles': {
						  'clear': 	'both',
						  'cursor':	'pointer',
						  'display':'block',
						  'margin-bottom': '2px',
						  'float': 'right',
						  'margin-right': '35px'
						  
					},
					'width': size[0],
					'height':size[1]
				});
				// Voeg een click event toe
				$(new_el).addEvent('click', function() {
					// Stel een lege foto in
					$('artikel_foto').setProperty('src', el[0]);
					$('artikel_foto').setProperty('width', el[2]);
					$('artikel_foto').setProperty('height', el[3]);
				});
				// Plaats element
				$(new_el).injectInside($('artikel_thumbnails'));
				
				if(el[3] > max_height) {
					max_height = parseInt(el[3]) + 4;
				}
			}
		});

		// De maximum hoogte van de foto box. Voorkomt dat de pagina gaat verspringen
		// als de foto's verwisselen.
		$('artikel_details_afbeelding_box').setStyle('height',max_height + 'px');
	});
}

// Uit te voeren nadat document geladen is
window.addEvent('domready',	function() {
	var qs = query_string();
	// Maak CMS link
	$('cmslink').addEvent('click',function() {
		window.open('http://cms.depoort.nl/index.php?id=107','CMS','status=no,toolbar=no,width=300,height=120');
	});

	// Zorg er voor dat de juiste menu optie oplicht
	$('mainmenu').getElements('a').each(function(el) {
		if(location.pathname.match($(el).getProperty('href')) || (location.pathname == '/' && $(el).getProperty('href') == '/index.html')) {
			$(el).setProperty('class','selected');
		}
		else if(location.pathname.match('/cms/dp_shop.php') && qs['use'] == 'winkelwagen' && $(el).getProperty('href') == '/cms/dp_shop.php?use=winkelwagen') {
			$(el).setProperty('class','selected');
		}
	});
	
	// Als de artikel pagina getoond wordt dan moeten de bezorg opties apart oplichten
	$$('table.artikel_opties').each(function(el) {
		$(el).getElements('a').each(function(a) {
			if($(a).getText().toLowerCase().match('bezorging')) {
				$(el).setStyle('border','2px dashed #00FB00');
			}
		});
	});
	
	// Read-only input velden maskeren
	$$('input').each(function(el) {
		if($(el).getProperty('readonly')) {
			$(el).setStyle('background-color','#CECECE');
		}
	});
	
	// Foto's van campagne artikel blokken klikbaar maken
	$$('div.campagne_blokhut_foto').each(function(el) {
		var url = el.getProperty('title');
		el.setProperty('title', '');
		el.getElements('div').each(function(el) {
			if(el.getStyle('background-image').match(/standaard\.gif/)) {
				el.remove();
			}
			else {
				el.addEvent('click', function() {
					location.href = url;
				});
			}
		});
	});
});