// JavaScript Document for collections

function loadSample(sample){
	
	
	var serverPage = "collection_sample.php?sample="+sample;
	// loader tonen
	vulDiv('SampleMediumHolder', toonLoader());
	
	var a = new Date();
	var serverPage = "collection_sample.php?sample="+sample+"&a=" + a.getTime();
	$("#SampleMediumHolder").load(serverPage);	
	
	serverPage = "collection_sample.php?sample="+sample+"&type=collection_name"+"&a=" + a.getTime();	
	$("#collectionNameId").load(serverPage);

}

function setOrderSample(){
	// selected sample
	var rel_id = $('option:selected', $("#order_sample_color")).attr("value");
	var a = new Date();
	
	// remove the styles of all selected classes
	$(".sample_img").removeClass("selected");
	$("#img_"+rel_id).addClass("selected");
	loadSample(rel_id);
	
	// collection id ophalen
	$.get("getsample.php?rel_id="+rel_id+"&type=collection&a=" + a.getTime(), function(data){
		window.document.getElementById("order_collection").value = data;
	});
	
	// color id ophalen
	$.get("getsample.php?rel_id="+rel_id+"&type=color&a=" + a.getTime(), function(data){
		window.document.getElementById("order_color").value = data;
	});
	
}


$(document).ready(function(){
//window.document.onload = function(){
	$("#order_sample_color").change(function(){
		setOrderSample();
		});
	$(".sample_img").hover(function(){
			// remove the styles of all selected classes
			$(".sample_img").removeClass("selected");
			$(this).addClass("selected");
								
	});
});