
(function($){
		  
		  
$(document).ready(function(){ 
						   
		
  
						   
						   
	$(".div_sepete_ekle a img").click(function() {
											   											   
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];

		
		var productX 		= $("#div_urun_resmi_" + productIDVal).offset().left;
		var productY 		= $("#div_urun_resmi_" + productIDVal).offset().top;

		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).offset().top;			
		} else {
			var basketX 		= $("#div_sepetim").offset().left;
			var basketY 		= $("#div_sepetim").offset().top;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#div_urun_resmi_" + productIDVal).width() / 3;
		var newImageHeight	= $("#div_urun_resmi_" + productIDVal).height() / 3;
		
		$("#div_urun_resmi_" + productIDVal + " img")
		.clone()
		.prependTo("#div_urun_resmi_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, 	
		function() {
																																																																										  			$(this).remove();
	
			
		
		});
		
	});
	
	
	
	

	// firefox
	$('.div_sepete_ekle').submit(function() {				
		
		
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
					
		
		var productX 		= $("#div_urun_resmi_" + productIDVal).offset().left;
		var productY 		= $("#div_urun_resmi_" + productIDVal).offset().top;

		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).offset().top;			
		} else {
			var basketX 		= $("#div_sepetim").offset().left;
			var basketY 		= $("#div_sepetim").offset().top;
		}
		
		var gotoX 			= basketX - productX + 30;
		var gotoY 			= basketY - productY + 30;
		
		var newImageWidth 	= $("#div_urun_resmi_" + productIDVal).width() / 3;
		var newImageHeight	= $("#div_urun_resmi_" + productIDVal).height() / 3;
		
		$("#div_urun_resmi_" + productIDVal + " img")
		.clone()
		.prependTo("#div_urun_resmi_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, 	
		function() {
																																																																										  			$(this).remove();
	
			
		
		});

	return false;	
	});	


	//ie
	
$("form[id^=myform]").submit(function() { 

		var productIDValSplitter 	= (this.name).split("_");
		var productIDVal 			= productIDValSplitter[1];
					
		var productX 		= $("#div_urun_resmi_" + productIDVal).offset().left;
		var productY 		= $("#div_urun_resmi_" + productIDVal).offset().top;

		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).offset().top;			
		} else {
			var basketX 		= $("#div_sepetim").offset().left;
			var basketY 		= $("#div_sepetim").offset().top;
		}
		
		var gotoX 			= basketX - productX + 30;
		var gotoY 			= basketY - productY + 30;
		
		var newImageWidth 	= $("#div_urun_resmi_" + productIDVal).width() / 3;
		var newImageHeight	= $("#div_urun_resmi_" + productIDVal).height() / 3;
		
		$("#div_urun_resmi_" + productIDVal + " img")
		.clone()
		.prependTo("#div_urun_resmi_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, 	
		function() {
																																																																										  			$(this).remove();
	
			
		
		});

	return false;	
	});	



});

})(jQuery.noConflict());
