Instagram API + JQuery в Опере
 

Господа, вновь нуждаюсь в вашем совете.
Скрипт выцепляет фотографии из инстаграма, выкладывает их на страницу с возможностью draggable.

hash = location.hash;
						  hash = hash.substring(1);
						  arphoto = [];
						  url_hash = "https://api.instagram.com/v1/users/self/media/recent?" + hash + "&count=-1";
								$.ajax({
										type: "GET",
										dataType: "jsonp",
										cache: false,
										url: url_hash,
										success: function(data) {
										currentphoto = 0;
                                        for (var i = 0; i < data.data.length;) {
										arphoto.push(data.data[i].images.low_resolution.url);
										i++;
                                                                                   };										
										loadphoto();
																					                    }
										});

function loadphoto() {

            function loadphotoinner () {
			
			$(".pics").append($("<img id='"+i+"' src='" + arphoto[i] +"' width='62px' height='62px' style='padding:2px;'>").draggable({helper:'clone',
											                                                                 opacity: 0.5,
																											 start: function () {
	                                                                                                         $(".currentimg").attr("src",this.src);
					                                                                                         img = this.src;
	                                                                                                                            },
																											 drag: function () {
	                                                                                                         $(".currentimg").attr("src",this.src);  
	                                                                                                                            }				
																											}));
											$(".pics img").mouseover(function(){
											$(".currentimg").attr("src",this.src);
											                                   }
											);
											$(".pics img").mouseout(function(){
											$(".currentimg").attr("src","../img/1.png");
											                                   }
									        );
			
			}


            if (arphoto.length - currentphoto>9){
                   for (i = currentphoto; i < currentphoto+9; i++) {
										    
											loadphotoinner();
                                            							
											
																	    };
                            $(".pics").append($("<p class='morebutton'><center><button onclick='loadphoto();this.style.display=\"none\"'>Еще фотографии</button></center></p>"));
							currentphoto = i;
												}
				     else  {
					 
					        for (i = currentphoto; i < arphoto.length; i++) {
													loadphotoinner();
													
                                                                            };
                           
					 
					        }
					 
					 
						}

Именно в Опере данный блок вообще не отображается. В баг-репорте как обычно куча ошибок, связанных с css бутстрапа, но с подключаемымми библиотеками вроде бы конфликта нет (jquery-1.10.2.js,jquery-ui-1.10.3.custom.js,jquery.ui.touch-punch.min.js,bootstrap.min.js)

Не могу понять откуда ноги растут...буду благодарен за совет