var sizesArr = Array();

function initLayout(){
	var leftFix = -15;
	var rightFix = -30;
	
	var leftPanel = document.getElementById('leftPanel');
	var rightPanel = document.getElementById('rightPanel');
	if(leftPanel.offsetHeight < rightPanel.offsetHeight){
		leftPanel.style.height = (rightPanel.offsetHeight+rightFix) + 'px';
	}else if (leftPanel.offsetHeight > rightPanel.offsetHeight){
		rightPanel.style.height = (leftPanel.offsetHeight+leftFix) + 'px';
	}
}

$(document).ready(function(){
	initLayout();
	initZoom();
});

function initZoom(){
$(".imagePreview").jqueryzoom({
	xzoom: 400, //zooming div default width(default width value is 200)
	yzoom: 300, //zooming div default width(default height value is 200)
	offset: 0 //zooming div default offset(default offset value is 10)
	//position: "right" //zooming div position(default position value is "right")
});
	
}

function preview(name,srcMed,value,rng){
	document.getElementById(name+'_preview').src = srcMed;
	for(i=0;i<rng;i++){
		if(value == i){
			document.getElementById(name+'_thumb_'+i).className = 'active';
		} else {
			document.getElementById(name+'_thumb_'+i).className = '';
		}
	}
}

function populateColor(elem, index){
	var colorElem = document.getElementById(elem+'_color');

	for (var i=colorElem.options.length-1; i >= 0; i--){
		colorElem.remove(i);
	}
	var i = 0;
	if(index >= 0){
		var arr = eval(elem+'_'+index);
		for ( var color in arr ){
			if(color != '-'){
				colorElem.options[i++] = new Option(color, color);
			}
		} 
	} else {
		colorElem.options[0] = new Option('Kies een maat', '');
	}
}

function thumbClicked(id, src, code, num, opm, xtra){
	document.getElementById('img_'+id).src='/uploads/medium/'+src;
	document.getElementById('img_'+id).alt='/uploads/full/'+src;
	document.getElementById('a_'+id).href='/uploads/full/'+src;
	document.getElementById('color_'+id).value=code;
	if(code != 'none'){
		/*
		for(var i=0; i < document.getElementById('numthumbs_'+id).value; i++){
			document.getElementById('thumb_'+id+'_'+i).className='';			
		}
		*/
		$(".selected").removeClass('selected');
		//$("div:visible[id*='div_']").css('display', 'none');
		$(".div_"+id).css('display', 'none');
		$('#div_' + xtra).css('display', 'block');
		
		//document.getElementById('thumb_'+id+'_'+num).className='selected';
		$('#thumb_'+id+'_'+num).addClass('selected');
		
		for (var i=document.getElementById('select_'+id).options.length-1; i >= 0; i--){
			document.getElementById('select_'+id).remove(i);
		}
		var i = 0;
		document.getElementById('select_'+id).options[i] = new Option('Kies een maat', '');
		
		while(i < sizesArr[id][code].length){
			var sizeString = sizesArr[id][code][i];
			document.getElementById('select_'+id).options[i+1] = new Option(sizeString, sizeString);
			i++;
		}
		
		setBasket(id, document.getElementById('select_'+id));
		
		$('#serial_'+id).html("."+code);
		if(opm){
			$('#opmerking_'+id).html(opm);
		}
	}
}

function validate(elem){
	var sizeElem = document.getElementById('select_'+elem);
	if(sizeElem.value == ''){
		alert('U dient een maat op te geven');
		return false;
	}
	if(sizeElem.value == 'Kies een kleur'){
		alert('U dient een kleur op te geven');
		return false;
	}
	
	return true;
}

function validate_required(field,alerttxt){
	with (field){
		if (value==null||value==""){
			alert(alerttxt);return false;
		} else {
			return true;
		}
	}
}

function validate_email(field,alerttxt){
	with (field){
		apos=value.indexOf("@");
		dotpos=value.lastIndexOf(".");
		if (apos<1||dotpos-apos<2){
			alert(alerttxt);return false;
		} else {
			return true;
		}
	}
}

function validate_form(thisform){
	with (thisform){
		if (validate_required(name,"Naam is een verplicht veld")==false){
			name.focus();return false;
		}
		if (validate_required(address,"Adres is een verplicht veld")==false){
			address.focus();return false;
		}
		if (validate_required(postalcode,"Postcode is een verplicht veld")==false){
			postalcode.focus();return false;
		}
		if (validate_required(city,"Plaats is een verplicht veld")==false){
			city.focus();return false;
		}
		if (validate_required(telephone,"Telefoon is een verplicht veld")==false){
			telephone.focus();return false;
		}
		if (validate_required(email,"E-mail is een verplicht veld")==false){
			email.focus();return false;
		}
		if (validate_email(email,"E-mail is geen geldig e-mailadres.")==false){
			email.focus();return false;
		}
	}
}

function setBasket(id, field){
	if(field.selectedIndex != 0){
		//document.getElementById('submit_'+id).style.display='';
	} else {
		//document.getElementById('submit_'+id).style.display='none';
	}
}