var tijd = 200;
var stappen = 10;     
var d = document;

function showMaat(el, removekleuren, prijs, matendata, foto, defkleur, maat_id){
	$('.selectedmaat').removeClass("selectedmaat");
	$(el).addClass("selectedmaat");
	
	$('.colorbutton').addClass("colorbuttonon");
	$('.colorbutton').removeClass("colorbuttonoff");
	var kleuren = removekleuren.split(';');
	
	huidigekleur = $('#artikel_kleur').attr('value');
	for(i in kleuren){
		if(huidigekleur == kleuren[i]){
			huidigekleur = defkleur;
		}
		$('#kleur'+kleuren[i]).addClass("colorbuttonoff");
		$('#kleur'+kleuren[i]).removeClass("colorbuttonon");
	}
	
	var temp = matendata.split(';');
	var x1 = temp[0];
	var y1 = temp[1];
	var v1 = temp[2];
	var x2 = temp[3];
	var y2 = temp[4];
	var v2 = temp[5];
	
	$('#hoogteaanduiding').html(v1);
	$('#hoogteaanduiding').css('left', x1);
	$('#hoogteaanduiding').css('top', y1);
	$('#diameteraanduiding').html(v2);
	$('#diameteraanduiding').css('left', x2);
	$('#diameteraanduiding').css('top', y2);
	
	$('#artikel_maat').attr('value', v1+'x'+v2);
	
	$('#maat_id').attr('value', maat_id);
	
	kiesKleur(huidigekleur, foto, true);
}

function kiesKleur(kleurid, foto, pass){
	if($('#kleur'+kleurid).hasClass("colorbuttonon") || pass){
		// zet het formfield op de juiste kleur
		$('#artikel_kleur').attr('value', kleurid);
		
		getvoorraadid();
		
		// verander ook de foto
		changepicture(foto);
	}	
}

function changepicture(foto){
	kleur = $('#artikel_kleur').attr('value');
	maat = $('#maat_id').attr('value');
	fadeOut(foto+'-'+kleur+'-'+maat+'.jpg');
}

function getvoorraadid(){
	var kleur = $('#artikel_kleur').attr('value');
	var maat = $('#artikel_maat').attr('value');
	var productid = $('#productid').attr('value');

	$.post("/posthandle.php", { kleur: kleur, maat: maat, productid: productid, action: 'getvoorraadid' },
	function(data){
		$('#voorraadid').attr('value', parseInt(data));
	});
	
}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

function saveTaal(taal){
	switch(taal){
		case 'nl':
			$('.showpriceoutsidenl').css('display', 'none');
			$('.showpricenl').css('display', 'inline');
			$('.showpricede').css('display', 'none')
			$('.showpricefr').css('display', 'none')
			$('.showpriceen').css('display', 'none')
			break;
		case 'en':
			$('.showpriceoutsidenl').css('display', 'inline');
			$('.showpricenl').css('display', 'none');
			$('.showpricede').css('display', 'none')
			$('.showpricefr').css('display', 'none')
			$('.showpriceen').css('display', 'inline')
			break;
		case 'fr':
			$('.showpriceoutsidenl').css('display', 'inline');
			$('.showpricenl').css('display', 'none');
			$('.showpricede').css('display', 'none')
			$('.showpricefr').css('display', 'inline')
			$('.showpriceen').css('display', 'none')
			break;
		case 'de':
			$('.showpriceoutsidenl').css('display', 'inline');
			$('.showpricenl').css('display', 'none');
			$('.showpricede').css('display', 'inline')
			$('.showpricefr').css('display', 'none')
			$('.showpriceen').css('display', 'none')
			break;
	}
	createCookie('taal', taal);
}

function veranderMaten(maten) {


var tmp = maten.split("#");
var tmp1 = tmp[1].split("x");

document.getElementById('maat0').innerHTML = tmp1[0];
document.getElementById('maat1').innerHTML = tmp1[1];

}

function fadeIn(imgNew){ 
	$('#shopMainProdImg_').css("background-image","url('"+imgNew+"')");
	for (i = 0; i <= 1; i += (1 / stappen)) {
		setTimeout("setOpacity(" + i + ")", i * tijd);
	}
}

function fadeOut(imgNew) {
  for (i = 0; i <= 1; i += (1 / stappen)) {
    setTimeout("setOpacity(" + (1 - i) + ")", i * tijd);
  }
  setTimeout("fadeIn('"+imgNew+"')", tijd);
}

function setOpacity(level) {
  d.getElementById('shopMainProdImg_').style.opacity = level;
  d.getElementById('shopMainProdImg_').style.MozOpacity = level;
  d.getElementById('shopMainProdImg_').style.KhtmlOpacity = level;
  d.getElementById('shopMainProdImg_').style.filter = "alpha(opacity=" + (level * 100) + ");";
}

function checkForm() {
	document.shopForm.submit();
}