<?php 
	$id=$_GET["id"];
	$x=0;
	$y=0;
// 	$x=$_GET["x"];
// 	$y=$_GET["y"];
	$x=($x==null)? 0:$x;
	$y=($y==null)? 0:$y;
	$caption=$_GET["caption"]
?>
<style>
#<?php echo $id ?> {
	width: 150px;
	height: 100px;
	left: <?php echo $x?>px;
	top: <?php echo $y?>px; 
	padding: 0.5em;
}
#<?php echo $id ?>_icon{
	height: 80%;
	text-align: center;
	float:none;
	vertical-align: middle;
}
</style>

<div id="<?php echo $id ?>" class="ui-widget-content window smallWindow" style="position: absolute; text-align: center;">
	<div style="height: 80%; width:100%; vertical-align: middle; text-align: center;">
		<?php echo $caption ?>
	</div>
	
	<div style="height:100%:position:relative; text-align: right;vertical-align: bottom; padding:0em;">
		<a id="<?php echo $id ?>_configure" href="#" onclick="workspace.showDialog('Configure <?php echo $id ?>','Setting blah blah');" class="componentConfiguration"><img src="http://www.clker.com/cliparts/3/e/e/d/1194994517471096801configure.svg.med.png" style="width:12px;height:12px"></img>Configure</a>
		<a id="<?php echo $id ?>_delete" onclick="workspace.removeComponent('<?php echo $id ?>')" href="#" class="componentConfiguration"><img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/128x128/DeleteRed.png" style="width:12px;height:12px"></img>Delete</a>
	</div>
</div>