function show_modal(id,galery){
	$.ajax({			
		type: 'POST',
		url: '/ajax/common.php',
		data: {
					method: "get_referenz",
					galery: galery,
					id:id
				},
		success: function(result) {
			ar 	= result.split("[#]");
			out = "<div class='modal_close'><a href='javascript:close_modal()' title='schliessen'>[X]</a></div>";
			
			pagination = "<div class='modal_pagination'>";
			if(ar[4]>0)
				pagination += "<a href=\"javascript:show_modal('"+ar[4]+"','"+galery+"')\" title='vorheriges'>&laquo;</a>";
			if(ar[5]>0)
				pagination += "<a href=\"javascript:show_modal('"+ar[5]+"','"+galery+"')\" title='n&auml;chstes'>&raquo;</a>";
			
			pagination += " | <a href=\"javascript:close_modal()\" title='zur&uuml;ck zur &Uuml;bersicht'>zur &Uuml;bersicht</a></div>";
			out += pagination+"<div class='modal_headline'>"+ar[0]+"</div>";
			out += "<div class='modal_category'>Kategorie: "+ar[6]+"</div>";
			out += "<div class='modal_description'>"+ar[1]+"</div>";
			out += "<div class='modal_pic'><img src='./pixx/layout/referenzen/"+ar[2]+"' alt='Foto der Referenz' /></div>";
			out += pagination+"<div style='width:10px;height:20px'></div>";
			w_height = window.innerHeight-50;
			if(w_height>300){
				if(w_height>800)
					w_height = 800;
				$("#modal_box").css({"height":w_height+"px"});
			}
			$("#modal_box").html(out);	
			$('#modal_box').modal({
			  overlayCss: {
			    backgroundColor: '#000',	    
			    cursor: 'wait'
			  }
			});
		}
	});		
}

function close_modal(){
	$.modal.close();
}