window.addEvent('domready', function() {	

	document.ondragstart = function () { return false; }; //IE drag hack
	
	var drop = $('left_col');
	var info = $('player_info');
	
    $$('.dragable').each(function(item){

		item.onclick = function(e){e.stop(); return false};	
		item.addClass('js');
	    item.addEvent('mousedown', function(e) {
     		e.stop();

			var clone = this.clone()
            			.setStyles(this.getCoordinates())
                        .setStyles({'opacity': 0.7, 'position': 'absolute'})
                        .inject(document.body);

			var drag = clone.makeDraggable({
	
				droppables: drop,
                onComplete: function() {
				                this.detach();
                },
                onEnter: function() {
                	info.tween('border-color', '#F18D09');
                },
                onDrop: function(el, over) {
					info.tween('border-color','#eee');
					item.addClass('sel');
					if(old_p!=""){
						old_p.removeClass('sel');
					}
					old_p = item;
                    if(over){						
						var obj_p = new Player();
						obj_p.get_player(item);
                    }
                    clone.dispose();
				}
			});
            
			drag.start(e);
		});
	}); 
});

var old_p = "";

var Player = new Class({
	
	initialize: function(){
	},
	
	get_player: function(p){
		var lnk = this.get_lnk();
		var player_id = p.getAttribute('id').split("_");
		var req = new Request.HTML({
			url: lnk + "?action=ajax_get_player&player_id=" + player_id[1],
			onSuccess: function(tree, element, html) {
				this.set_player(html);
			}.bind(this)
		}).send();
	},
	
	set_player: function(request){
		$('player_info').set('html', request);
	},
	
	get_lnk: function(){
		var lnk = $$("base")[0].getProperty("href");
		act = "team.htm";
		if(!window.opera){
			lnk += act;
		} else {
			lnk = act;
		}
		return lnk;
	}
});