document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
			if (myclass.test(classes))
				retnode.push(elem[i]);
	}
	return retnode;
};

Array.prototype.in_array = function (element){
	var retur = false;
	for (var values in this){
		if (this[values] == element){
			retur = true;
			break;
		}
	}
	return retur;
};

function IE6(){
	var arVersion = navigator.appVersion.split("MSIE");
	var version = parseFloat(arVersion[1]);
	return (version<7) ? 1 : 0;
}

function aja(script){
	var args = '';
	for( var i=1 ; i < arguments.length; i++ ) {
		args += arguments[i];
		if (i<arguments.length-1)
			args += '/';
	}
	var jsel = document.createElement('script');
	jsel.type = 'text/javascript';
	jsel.src = '/js/aja.php?script='+script + '&args=' + args + '/'+ Math.random();
	document.body.appendChild (jsel);
}

var currentPrint = 0;
var currentKleur = 0;
var tempPrint = 0;
var tempKleur = 0;
var kruisje = '/media/kruisje.png';

function doeAanvraag(leidend,type){
	geslachtvalue = getRadioValue(document.formulier.geslacht);
	maatvalue = getRadioValue(document.formulier.maat);
	//alert(leidend+geslachtvalue+maatvalue+currentPrint+currentKleur);
	if (type=='preview')
		aja('bekijkPreview',leidend,geslachtvalue,maatvalue,currentPrint,currentKleur);
	else
		aja('beschikbaar',leidend,geslachtvalue,maatvalue,currentPrint,currentKleur);
}

function shirtMaat(type,id){
	if (type==1 && !stappenwijzer())
		return false;
	else if (type==1)
		return true;
	else if(type==2){
		id = currentPrint;
	}
}

function shirtPrint(type,id,el){
	if (type==1 && !stappenwijzer())
		return false;
	if (type==1){
		tempPrint=0;
		currentPrint = id;
	}
	else if(type==2){
		tempPrint = currentPrint;
		currentPrint = id;
	}
	else if (type==3){
		return false;
		if (tempPrint)
			currentPrint = tempPrint;
		ajaPreviewPrint(currentPrint);
	}
}

function shirtKleur(type,id,el){
	if (type==1 && !stappenwijzer())
		return false;
	else if (type==1){
		tempKleur=0;
		currentKleur = id;
	}
	else if(type==2){
		tempKleur = currentKleur;
		currentKleur = id;
	}
	else if (type==3){
		return false;
		if (tempKleur)
			currentKleur = tempKleur;
		ajaPreviewKleur(currentKleur);
	}
}

function getRadioValue(el){
	val = 0;
	for( i = 0; i < el.length; i++ ){
		if(el[i].checked == true)
			val = el[i].value;
	}
	return val;
}

function stappenwijzer(){
	if (getRadioValue(document.formulier.geslacht)==''){
		document.getElementById('geslacht').style.border = '2px solid #9B4415';
		document.getElementById('geslacht').style.marginTop = '-2px';
		return false;
	}
	else if (getRadioValue(document.formulier.maat)==''){
		document.getElementById('maten').style.border = '2px solid #9B4415';
		document.getElementById('maten').style.margin = '-2px 0 0 -2px';
		return false;
	}
	else return true;
}

function ajaGeslachten(geslachten){
	els3 = document.getElementById('geslacht').getElementsByTagName('input');
	for(i=0;i<els3.length;i++){
		if (geslachten.in_array(els3[i].value))
			els3[i].previousSibling.firstChild.src = '/media/geslacht/' + els3[i].value + 'a.png';
		else{
			els3[i].previousSibling.firstChild.src = '/media/geslacht/' + els3[i].value + 'b.png';
			els3[i].checked = false;
		}
	}
}

function ajaMaten(maten){
	els4 = document.getElementById('maten').getElementsByTagName('input');
	if (maten.length){
		for(i=0;i<els4.length;i++){
			if (maten.in_array(els4[i].value)){
				els4[i].previousSibling.style.color = '';
				els4[i].previousSibling.style.visibility = 'visible';
				els4[i].style.visibility = 'visible';
			}
			else{
				els4[i].previousSibling.style.color = '#CCC';
				els4[i].checked = false;
				els4[i].style.visibility = 'hidden';
				els4[i].previousSibling.style.visibility = 'hidden';
			}
		}
	}
}

function ajaPrints(prints){
	els2 = document.getElementById('prints').getElementsByTagName('div');
	for(i=0;i<els2.length;i++){
		keyold = els2[i].innerHTML = els2[i].innerHTML.substr(0,1);
		if (prints.in_array(keyold))
			els2[i].innerHTML = els2[i].innerHTML.substr(0,1);
		else{
			els2[i].innerHTML = els2[i].innerHTML.substr(0,1);
			els2[i].innerHTML += '<img src="' + kruisje + '" />';
			if (IE6())
				correctPNG();
		}
	}
}

function ajaKleuren(kleuren){
	els = document.getElementById('kleuren').getElementsByTagName('div');
	for(i=0;i<els.length;i++){
		if (kleuren.in_array(els[i].innerHTML)){
			if (IE6())
				els[i].style.filter = '';
			else
				els[i].style.backgroundImage = '';
		}
		else{
			if (IE6())
				els[i].style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+kruisje+'\', sizingMethod=\'scale\')';
			else
				els[i].style.backgroundImage = 'url('+kruisje+')';
		}
	}
}

function ajaPreviewKleur(id){
	if (IE6())
		document.getElementById('preview').style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/media/tshirts/'+id+'.png\', sizingMethod=\'scale\')';
	else
		document.getElementById('preview').style.backgroundImage = 'url(/media/tshirts/' + id + '.png)';
}

function ajaPreviewPrint(id){
	url = '/media/preview/' + id + '.png';
	if (IE6())
		document.getElementById('preview').firstChild.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+url+'\', sizingMethod=\'scale\')';
	else
		document.getElementById('preview').firstChild.src = url;
}