function generateDesignsList() {
	var di=$('#ontwerptab').get(0).selectedIndex;	 
	var params='design_type='+di+'&color='+curkleur;
	microAjax('/getIMG.php',addNewDesigns,params);
}

function hijackLupas(){
	lupas=$('#insertionPoint td img.lupa');
	lupatg=div=$('#designPreviewerDiv');
	lupas.each(function(){
		$(this).hover(function(e){
			var lap=this.previousSibling.previousSibling.src.replace(/klein/,'preview');
			var tempImg='<img src="'+lap+'" height="250" style="width:0px;height:0px" onload="if(this.parentNode)this.parentNode.removeChild(this.previousSibling);this.style.width=\'auto\';this.style.height=\'250px\'" />'; 
			lupatg.html(lupatg.html()+tempImg);
			var bigImage=lupatg.children()[1];
			lupatg[0].style.display='block'; 
			lupatg[0].style.top=(e.pageY-300)+'px';
			lupatg[0].style.left=(e.pageX-150)+'px';
		},
		function(){
			lupatg.html('<img src="images/loading.gif"/>');
			lupatg[0].style.display='none';
		}); 
	});
}

function addNewDesigns(d) {
	d=eval(d);
	buf='';
	for(i=0;i<d.length;i++){ 
		 mi = d[i];
		 if(typeof(mi)!='undefined'){
			buf+= addNewDesignTo(mi,i);
		}
	}
	$('#insertionPoint').html(buf);
	hijackLupas();
	$('#pane1').jScrollHorizontalPane({scrollbarHeight:15, dragMaxWidth:40, dragMinWidth:40});	
	if(isIE){
		$('.jScrollPaneTrack').css('top',105);
		$('div.jScrollPaneContainer').css('height',130);
	}
} 

function addNewDesignTo(src,index) { 
	var k='';
	k = '<td width="120" style="width:120px;"><img src="';
	k += src+'"  onclick="selectActiveRect();scrollToOntwerp(';
	k += index;
	k+=');createText(1,false);return false" style="max-height:75px"/><br/>';
	k += '<img class="lupa" src="images/lupa.gif" style="width:120px"/></td>';    
	return k;
}

function microAjax(){
	url = arguments[0];
	cF = arguments[1];
	this.bF=function(caller,object){return function(){return caller.apply(object,new Array(object));}}
	this.sC=function(object){if(this.r.readyState==4){this.cF(this.r.responseText);}}
	this.gR=function(){if(window.ActiveXObject)	return new ActiveXObject('Microsoft.XMLHTTP');
	else if(window.XMLHttpRequest)	return new XMLHttpRequest();else return false;}
	if(arguments[2])this.pb=arguments[2];else this.pb="";this.cF=cF;this.url=url;this.r=this.gR();if(this.r){this.r.onreadystatechange=this.bF(this.sC,this);if(this.pb!=""){this.r.open("POST",url,true);this.r.setRequestHeader('Content-type','application/x-www-form-urlencoded');this.r.setRequestHeader('Connection','close');}else{this.r.open("GET",url,true);}
	this.r.send(this.pb);}
}
  
function addedFunctionalityTrigger(){
	generateDesignsList();
	$('#ontwerptab').change(function(){
		curontwerptab=this.selectedIndex;
		generateDesignsList();
		$('#ontwerphelp').html(ontwerp[curontwerptab][0][11])

		// set color for one-color designs
		if (curontwerptab == 1) {
			curkleur = 'rood';
			curkleurname = 'Rood';
			curkleurrgb = '#fe0000';
		}
	});
} 

function scrollToOntwerp(d) {
	if (fromdata) return;
	curontwerp = d;
	if (curontwerp >= ontwerp[curontwerptab].length)
	curontwerp -= ontwerp[curontwerptab].length;
	if (curontwerp < 0)
	curontwerp = ontwerp[curontwerptab].length-1;	
	updateSizes(curontwerp); 
	if (activeText)
	if (activeText.soort == 1) {
		activeText.ontwerp = curontwerp;
		activeText.ontwerptab = curontwerptab;
		activeText.image = ontwerp[curontwerptab][curontwerp][1];
		changeFontsize(null, 0);
	}
}

function selectActiveRect() {
	jQuery('[id^="w_PDIV"]').each(function(){
		if(jQuery(this).css('display') == 'block')
		{
			activeRect = jQuery(this).attr('id').substr(6);
		}
	});
}

$(document).ready(function() {
	addedFunctionalityTrigger();
});