<link rel="stylesheet" href="/css/proto.menu.css" type="text/css" media="screen" />

<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/effects.js"></script>
<script type="text/javascript" src="/js/proto.menu.js"></script>

<script type="text/javascript">
Element.addMethods({  
getNumStyle: function(element, style) {  
var value = $(element).getStyle(style);  
return value === null ? null : parseInt(value);  
}  
});  
document.observe('dom:loaded', function(){  
var myMenuItems = [  
{  
name: 'New',  
className: 'new',  
callback: function(e) {  
var tagName = e.element().tagName.toLowerCase(),  
x = e.screenX,  
y = e.screenY;  
alert('you clicked on <' + tagName + '> element at x: ' + x + ', and y: ' + y);  
}  
},{  
separator: true  
},{  
name: 'Edit',  
className: 'edit',
callback: function() {  
alert('Forward function called');  
}  
},{  
name: 'Copy',  
className: 'copy',
callback: function() {  
alert('Copy function called');  
}  
},{  
name: 'Delete',
disabled: true,  
className: 'delete'  
},{  
separator: true  
},{  
name: 'Save',  
className: 'save',  
callback: function() {  
alert('Saving...');  
}  
},{  
separator: true  
},{  
name: 'Save as .xsl',  
className: 'xsl',  
callback: function() {  
alert('Saving as .xsl');  
}  
},{  
name: 'Save as .doc',  
className: 'doc',  
callback: function() {  
alert('Saving as .doc');  
}  
},{  
name: 'Save as .pdf',  
className: 'pdf',  
callback: function() {  
alert('Saving as .pdf');  
}  
},{  
separator: true  
},{  
name: 'Send to...',  
disabled: true,  
className: 'send'  
}  
]  

new Proto.Menu({  
selector: '#desc',  
className: 'menu desktop',  
menuItems: myMenuItems  
})  
});  
</script>

<div id='desc'>  
  Ваш контент  
  </div>