﻿ function AgregarUNArticulo(ProductoCodigo, posicion, desde, hasta, ubicacion)

    {
        document.location='Productos.aspx?codarticulo=' + ProductoCodigo + '&cantidad=' + posicion + '&from=' + desde + '&to=' + hasta + '&cont=' + ubicacion;
    }
    
    //**************************************** FUNCIONES DRAG AND DROP ******************************************//
    //***********************************************************************************************************//
 $(document).ready(function()
	{
	//debugger
		$("#cart").Droppable(
			{
				accept :		'products', 
				activeclass:	'cart-active',
				hoverclass:		'cart-hover',
				ondrop:			function (zone, drag) 
								{
									if ($("#"+ drag.id + "_cart").size() == 0)
									{
										$("#items").append('<div id="' + drag.id + '_cartTitle"></div><div id="' + drag.id + '_cart"></div>');
										
										
									}			
									$("#"+ drag.id + "_cart").append('<img src="' + drag.src +'" class="cart-items" alt="' + drag.id + '" />');
									$("#"+ drag.id + "_cartTitle").html(drag.alt + " (" + $("img",document.getElementById(drag.id + "_cart")).size() + ")");
									
									var theForm = document.forms['aspnetForm'];
									var intPosicion = Number(drag.alt);
									var intNumeroTotal = Number(theForm.ctl00_ContentPlaceHolder1_HdNumeroTotal.value);
									var intHdDesde = Number(theForm.ctl00_ContentPlaceHolder1_HdDesde.value);
									var intHdHasta = Number(theForm.ctl00_ContentPlaceHolder1_HdHasta.value);
									var intHdUbicacion = Number(theForm.ctl00_ContentPlaceHolder1_HdCont.value);
									AgregarArticulo(drag.id, intPosicion, intNumeroTotal, intHdDesde, intHdHasta , intHdUbicacion);
									
									$(".cart-items").Draggable(
										{
											zIndex: 	1800,
											ghosting:	true,
											revert: 	true,
											opacity: 	0.7,
											fx:			300
										}
									);
								},
				tolerance:		'pointer'
			}
		);
		
		
		$(".products").Draggable(
			{
				zIndex: 	1000,
				ghosting:	true,
				revert: 	true,
				opacity: 	0.7,
				fx:			200
			}
		);
		
	});