$(document).ready(function() {
	var domDragged = null;
	var draggedId;
	var startDragPos;
	var dropZoneLeft;
	
	
	function startDrag(e) {
		//параной, но так на всякий случай
		if(domDragged !== null)	
			endDrag();					
		//копируем картинку		
		domDragged = document.createElement("img");
		domDragged.src = this.src;
		domDragged.style.position = "absolute";
		domDragged.style.left = "0";
		domDragged.style.top = "0";
		domDragged.style.zIndex = 5;
		this.parentNode.appendChild(domDragged);
		//if($.browser.opera) {
			domDragged.style.position = "";
			$(domDragged).mousedown(startDrag);
			domDragged.className = this.className;
			domDragged = this;
			domDragged.style.position = "absolute";
		//}
		startDragPos = {x: e.pageX, y: e.pageY};
		draggedId = fromClass(this, "id_");
		//левая граница зоны кидания		
		$(document).bind('mousemove', onDrag);
		$(document).bind('mouseup', onDrop);
		
		var o = $(".in-right")[0];
		dropZoneLeft = o.offsetLeft;
		while(o = o.offsetParent)
			dropZoneLeft += o.offsetLeft;
		this.blur();
		return false;
	}
	
	function endDrag() {
		$(document).unbind('mousemove', onDrag);
		$(document).unbind('mouseup', onDrop);
		
		domDragged.parentNode.isDrag = false;
		domDragged.parentNode.removeChild(domDragged);
		domDragged = null;		
		return false;
	}
	
	function onDrag(e) {
		var dx = e.pageX - startDragPos.x;
		var dy = e.pageY - startDragPos.y;
		if(dx > 10 || dx < -10 || dy > 10 || dy < -10)
			domDragged.parentNode.isDrag = true;	
		domDragged.style.left = dx + "px";
		domDragged.style.top = dy + "px";
		return false;
	}
	
	function onDrop(e) {
		if(e.pageX < dropZoneLeft) {
			$(document).unbind('mousemove', onDrag);
			$(domDragged).animate({left:0, top:0},200,"swing", function(){
				endDrag();	
			});		
		} else {
			endDrag();	
    		$.post("/ajax/basket/add",{add_basket_simple: draggedId}, onLoadBasket);
		}
		return false;
	}
	/*$(".j_show_img img").mousedown(startDrag);
    /*$(".j_show_img img").draggable({
    	revert: true  	
    });
    $("#basket_cont").droppable({
    	drop: function(e,ui){
    		var id = fromClass(ui.draggable[0], "id_");
    		$.post("/ajax/basket/add",{add_basket_simple: id}, onLoadBasket);
    	}
    });*/                  
    
    $(".j_to_basket").click(function(){    	    	
    	if(is_off_order){ 
    		$("#off").show();			
			$('#off_orders_block').show();
			$(this).parents("li").addClass('a-red');
			return false;  
		}
		var id = fromClass(this, "id_");
		$.post("/ajax/basket/add",{add_basket_simple: id}, onLoadBasket);
		return false;
	});
	

});