$(document).ready(function() {
			
	$(".combobox_images").hide();
	$(".combobox_files").hide();
	
	// for each <select> concerned :
	// we have to create his own viewport (images of selected options)
	$(".combobox_images").each(function(i, selected){
			createThumbs( this.getAttribute("id") , "image" );
	});
	
	$(".combobox_files").each(function(i, selected){
			createThumbs( this.getAttribute("id") , "file" );
	});
	
	
	

});
	
	
function createThumbs(element_id , thumbType) {
	
		var element = $("#"+element_id);
		
		element.parents().filter('.form_field').append("<div class='viewport' id='viewport_" + element_id + "'></div>");
		
		refreshThumbs(element_id , thumbType);
		
}

function refreshThumbs(element_id , thumbType) {
		var element = $("#"+element_id);
		
		var filter = $("#"+element_id).attr('title');
		var path = $("#"+element_id).attr('path');
		var thumbs = "";
		var ids = ""
			
		$("#" + element_id + " > option:selected").each(function(i, selected){
			ids += $(selected).val()+",";
		});
		
		
		if (path==undefined) path = "";
		var urlEncoded = "/manager/gallery/index/displaylayout/popup_gallery/element/" + element_id + "/filter/" + encodeURIComponent(filter) + "/path/"+ encodeURIComponent(path)+"/type/"+thumbType ;
		
		var link = "<a href=\"javascript://\" onclick=\"window.open( '"+urlEncoded+"','gallery','menubar=no, status=no, scrollbars=yes, menubar=no, location=no, width=910, height=600');\" class=\"file_uploader\"><img src='themes/caritas/images/upload_field_.jpg' style='margin-bottom:10px;' /></a>";
		
		$.get("manager/gallery/ajaxfilepreview/type/"+thumbType+"/ids/"+ids+"/element/"+element_id, function(data){
				$("#"+element_id).parent().parent().children(".images_thumbs").remove();
				$("#"+element_id).parents().filter('.form_field').children().filter('.viewport').html(link);
				$("#"+element_id).parent().parent().append(data);
		});
		
}

function removeImage(obj, id, element_id) {
	
	//removeAttribute
	$('#'+element_id+' option[value=' + id + ']').removeAttr("selected");
	
	obj.parent().remove();

}