$(document).ready(function(){ 


        $(".buyProduct").click(function() {
               
		var productIDValSplitter = (this.id).split("_");
		var productIDVal 	 = productIDValSplitter[1];
		
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
	        
        var basketX 		= $("#basketTitleWrap").offset().left;
		var basketY 		= $("#basketTitleWrap").offset().top;
               
        var gotoX 		= basketX - productX;
		var gotoY 		= basketY - productY;
		
		var newImageWidth 	= $("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= $("#productImageWrapID_" + productIDVal).height() / 3;
 

		$("#productImageWrapID_" + productIDVal + " img")

		.clone()
		.prependTo("#featuredProduct_" + productIDVal)
		.css({'position' : 'absolute'})
            
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.01, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {

                $.ajax({
				type: "POST",  
		        	url: "/kosik/addToBasket/"+productIDVal+"/",
				data: { productID: productIDVal, action: "addToBasket"},  
				success: function(theResponse) {
                      //aktualizace stavu v headeru
					  $("#resultKosik").html(theResponse);
                            
				}

				});

               // alert("Položka byla přidána do košíku");
          //info o vlozeni vlozeno do samostatne funkce
          returnInfoBasket(productIDVal);
     	});
	   return false;
	});

    
		
		//vlozeni do kosiku
		$('form#productBuy').submit(function() {
		
		var productIDVal 	 = $("[name=productID]").val();
		
		var product = $(this).serializeArray(); //posbira udaje formulare a sestavi pole
		 
		var productX 		= $("#detail-image").offset().left;
		var productY 		= $("#detail-image").offset().top;
	        
        var basketX 		= $("#resultKosik").offset().left;
		var basketY 		= $("#resultKosik").offset().top;
               
        var gotoX 		= basketX - productX;
		var gotoY 		= basketY - productY;
		
		var newImageWidth 	= $("#detail-image").width() / 10;
		var newImageHeight	= $("#detail-image").height() / 10;
 

		$("#detail-image a img")
		.clone()
		.prependTo("#detail-image")
		.css({'position' : 'absolute','border' : 'solid 1px #ccc'})
            
		//.animate({opacity: 0.5}, 100 )
		.animate({opacity: 0.5, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {
         $(this).animate({opacity: 0}, 100 ).remove();
		  
		  $.ajax({
				type: "POST",  
		        	url: "/kosik/addProductToBasket/"+productIDVal+"/",
				data: { productID: productIDVal, product: product, action: "addToBasket"},  
				success: function(theResponse) {
                     //aktualizace stavu v headeru
					 $("#resultKosik").html(theResponse);
                            
				}

				});
               returnInfoBasket(productIDVal)
            
          	});
          
                
		  return false;
		});

});
function returnInfoBasket(productIDVal){
          $("#odpovedProduct_" + productIDVal)
		//.clone()
		//.prependTo("#featuredProduct_" + productIDVal)
        .html("Položka byla přídana do košíku")
		.css({'position' : 'absolute','left':'350px','width' : '200px','height' : '20px','padding' : '10px','border' : '2px solid #cccccc','font-size' : '14px','background-color' : '#9B1132','color' : 'white'})
		.show()
		.animate({opacity: 1}, 2000,function(){
		$(this).animate({opacity: 0}, 1000 ).hide();
		
		} ); 
		}