﻿Array.prototype.remove=function(dx)
{
  if(isNaN(dx)||dx>this.length){return false;}
  for(var i=0,n=0;i<this.length;i++)
  {
	  if(this[i]!=this[dx])
	  {
		  this[n++]=this[i]
	  }
  }
  this.length-=1
};

(function(jQuery){
		  
	var itb_ary = {};
	var itb_set = {};
		  
//	jQuery.fn.itb_reXY = function(){
//
//	}; 
		  
	jQuery.extend({
				  
		itb_ary : {
			itb_siteData : [],
			itb_siteImg : [],
			itb_siteAjax : []
		},
		
		itb_set : {
			itb_fly : null,
			itb_tt1 : [],
			itb_tt2 : [],
			itb_tf1 : false,
			itb_oldObj : null
		},
		
		itb_start : function(){
			jQuery.itb_tubaoGo('http://www.itubao.com/Public/Images/mainShowPic.png|-2-|114|-1-|109|-1-|1|-3-|182|-1-|219|-1-|2|-3-|61|-1-|254|-1-|3|-4-|');
		},
		
		itb_tubaoGo : function(str){
			if(str == '')return false;
			str = str.substring(0,  str.length - 5);
			var _ary = str.split('|-4-|');
			jQuery.each(_ary,function(i,e){
				var _tmp = '';
				_ear = e.split('|-2-|');
				_tmp += _ear[0];
					var _ear2 = _ear[1].split('|-3-|');
					jQuery.each(_ear2,function(_i,_e){ 
						var _ear3 = _e.split('|-1-|');
						_tmp += '|-5-|' + _ear3[0] + ',' + _ear3[1] + ',' + _ear3[2];
		
					})
				jQuery.itb_ary.itb_siteData[i] = _tmp;
			})
			var stt = setTimeout(jQuery.itb_create,300);
		},
		
		itb_create : function(){
			jQuery.each(jQuery('body img'), function(i,e){
				var _aryTF = false;
				var _ary_e;
				jQuery.each(jQuery.itb_ary.itb_siteData, function(_i,_e){
					var _ary = _e.split('|-5-|');
					if(jQuery(e).get(0).src == _ary[0]){_aryTF = false;_ary_e = _e;return false}else{_aryTF = true};
				});
				if(!_aryTF){jQuery.itb_ary.itb_siteImg.push(e);jQuery.itb_ary.itb_siteAjax.push(_ary_e)};
			});
			jQuery.each(jQuery(jQuery.itb_ary.itb_siteImg), function(i,e){
				var img_xy = jQuery(e).offset();
				var img_wh = {w:jQuery(e).get(0).width,h:jQuery(e).get(0).height};
				jQuery('body').append('<div id="iTubao' + i + '" style="width:' + img_wh.w + 'px; height:' + img_wh.h + 'px; position:absolute; top:' + img_xy.top + 'px; left:' + img_xy.left + 'px; z-index:9999999; background:url(http://www.itubao.com/gather/itubao/img/px.gif);"><div class="baotuMain" style="width:' + img_wh.w + 'px; height:' + img_wh.h + 'px; position:relative; cursor:default;"><div class="iTubaoTitle" style="width:64px; height:22px; font-family:arial; display:none; font-size:12px; color:#fff; background:#000; float:left; display:none;"></div><div class="iTubaoTitleText" style="color:#fff; font-size:12px; position:absolute; top:5px; left:8px;">看图购物</div></div></div>');
				var tmpMbao = jQuery.itb_ary.itb_siteAjax[i].split('|-5-|');
				for(var j=1; j<tmpMbao.length; j++){
					var tmpMbaoS = tmpMbao[j].split(',');
					jQuery('#iTubao' + i + ' .baotuMain').append('<div class="iTubaoTag" baotuid="' + tmpMbaoS[2] + '" tuBaoX="' + (tmpMbaoS[0] - 10) + '" tuBaoY="' + tmpMbaoS[1] + '" style="width:30px; height:24px; overflow:hidden; position:absolute; left:' + (tmpMbaoS[0] - 0) + 'px; top:' + (tmpMbaoS[1] - 0) + 'px; cursor:pointer; background:url(http://www.itubao.com/Public/Images/tag_a.gif);"></div>');
				}
				jQuery('#iTubao' + i).find('div.iTubaoTitle').hide();
				jQuery('#iTubao' + i).find('div.iTubaoTitleText').hide();
			});
			
			jQuery('body').append('<div id="baotuFly" style="width:210px; display:none; position:absolute; border:solid #AA002A; border-width:3px 1px; padding:8px; z-index:99999999; background:#fff; text-align:left;"></div>');
			jQuery.itb_rxy(jQuery.itb_ary.itb_siteImg);
			jQuery('div.iTubaoTag').hide();
			jQuery.itb_set.itb_fly = jQuery('#baotuFly');
			
			jQuery.each(jQuery(jQuery.itb_ary.itb_siteImg), function(i,e){
				var ckItem = jQuery('#iTubao' + i);
				var dmBox = ckItem.find('div.baotuMain');
				setTimeout(function(){dmBox.find('div.iTubaoTitle').show().css('opacity','0').animate({opacity: '0.6'},{ duration: "slow", complete: function(){ showTF = false } });dmBox.find('div.iTubaoTitleText').show().css('opacity','0').animate({opacity: '1'},{ duration: "slow", complete: function(){ showTF = false } });}, 1000);
				ckItem.hover(function(){
					clearTimeout(jQuery.itb_set.itb_tt2['iTubao' + i]);
					ckItem.find('div.iTubaoTag').show();
				},function(){
					jQuery.itb_set.itb_tt2['iTubao' + i] = setTimeout(function(){ckItem.find('div.iTubaoTag').hide();},300);
				});
				
				ckItem.find('div.iTubaoTag').hover(function(){
					if(jQuery.itb_set.itb_oldObj){if(jQuery.itb_set.itb_oldObj.attr('baotuid') != jQuery(this).attr('baotuid')){
						jQuery.itb_set.itb_tf1 = false;
					}};
					jQuery.itb_set.itb_oldObj = jQuery(this);
					clearTimeout(jQuery.itb_set.itb_tt2['iTubao' + i]);
					clearTimeout(jQuery.itb_set.itb_tt2['_pridfly']);
					clearTimeout(jQuery.itb_set.itb_tt1);
					if(jQuery.itb_set.itb_tf1){return false}
					jQuery.itb_set.itb_fly.html('');
					jQuery(this).css('background','url(http://www.itubao.com/Public/Images/tag_b.gif)');
					var itemXY = ckItem.offset();
					var _x__ = 62 + itemXY.left + parseInt($(this).attr('tuBaoX'));
					var _tubaoY = parseInt($(this).attr('tuBaoY'));
					//alert(jQuery('body').width() + '|' + (parseInt($(this).attr('tuBaoX')) + 150));
					if(jQuery('body').width() < _x__ + 210){
						jQuery.itb_set.itb_fly.html('<div class=\'iTubaoArrow\' style=\'width:21px; height:21px; position:absolute; right:-21px; background:url(http://www.itubao.com/gather/itubao/img/bBoxs.gif) no-repeat\'></div><a href=\'http://www.itubao.com\' target=\'_blank\' style=\'text-align:left;\'><img src=\'http://www.itubao.com/gather/itubao/img/iTubao.gif\' style=\'margin-bottom:8px; border:none;\' /></a><span class="itubaoStonp"><div style="text-align:center; width:100%; padding:20px 0 30px;"><img src="http://www.itubao.com/gather/itubao/img/loader.gif" style="border:none;" /></div></span>').css('left',_x__ - 295 + 'px');
						jQuery.itb_set.itb_fly.find('.iTubaoArrow').css({'top':(jQuery.itb_set.itb_fly.height()/2-3)+'px'});
					}else{
						jQuery.itb_set.itb_fly.html('<div class=\'iTubaoArrow\' style=\'width:21px; height:21px; position:absolute; left:-21px; background:url(http://www.itubao.com/gather/itubao/img/sBoxs.gif) no-repeat\'></div><a href=\'http://www.itubao.com\' target=\'_blank\' style=\'text-align:left;\'><img src=\'http://www.itubao.com/gather/itubao/img/iTubao.gif\' style=\'margin-bottom:8px; border:none;\' /></a><span class="itubaoStonp"><div style="text-align:center; width:100%; padding:20px 0 30px;"><img src="http://www.itubao.com/gather/itubao/img/loader.gif" style="border:none;" /></div></span>').css('left',_x__ + 'px');
						jQuery.itb_set.itb_fly.find('.iTubaoArrow').css({'top':(jQuery.itb_set.itb_fly.height()/2-3)+'px'});
					}
					var _y__ = itemXY.top - jQuery.itb_set.itb_fly.height()/2 + _tubaoY + 'px';
					jQuery.itb_set.itb_fly.css('top',_y__).attr('prid',ckItem.attr('id')).show();
					
					var htmlTmpVal = '';
					if(parseInt($(this).attr('baotuid')) == 1){
						htmlTmpVal = '<div style="line-height:17px; text-align:left;"><a href="http://www.m18.com/p-GJ4713.htm" target="_blank" style="width:100%; color:#000; text-decoration:none;  text-align:left; line-height:17px; clear:both; display:block; float:left; margin-bottom:8px;"><img src="http://www.itubao.com/Public/Images/ys1.gif" style="float:left; margin:0; margin-right:8px; border:1px solid #ccc; padding:2px; background:#fff;text-align:left" /><div style="padding-left:104px;"><p style="padding:0; margin:0; text-align:left; color:#000; line-height:17px; font-family:宋体;">新鸟时尚太阳眼镜</p><img src="http://www.itubao.com/Public/Images/web1.gif" style="padding:0; margin:0; margin-bottom:8px; border:none;" /><p style="padding:0; margin:0; color:#f00; line-height:17px; font-weight:bold; font-size:14px; text-align:left; font-family:宋体;">93元</p><p style="padding:0; margin:0; text-align:left; line-height:17px; font-family:宋体;"><u style="color:#000">我要购买&gt;&gt;</u></p></div></a><a href="http://zhuti.huoban.taobao.com/event.php?pid=mm_14376444_0_0&eventid=101087" target="_blank"><img width="210px" src="http://img.alimama.cn/topicfile/2009-10-14/1010870955140255406.jpg"></a></div>'
					}
					if(parseInt($(this).attr('baotuid')) == 2){
						htmlTmpVal = '<div style="line-height:17px; text-align:left;"><a href="http://www.togj.com/item/290774/" target="_blank" style="width:100%; color:#000; text-decoration:none;  text-align:left; line-height:17px; clear:both; display:block; float:left; margin-bottom:8px;"><img src="http://www.itubao.com/Public/Images/ys3.gif" style="float:left; margin:0; margin-right:8px; border:1px solid #ccc; padding:2px; background:#fff;text-align:left" /><div style="padding-left:104px;"><p style="padding:0; margin:0; text-align:left; color:#000; line-height:17px; font-family:宋体;">海军风横纹间条T恤</p><img src="http://www.itubao.com/Public/Images/web3.gif" style="padding:0; margin:0; margin-bottom:8px; border:none;" /><p style="padding:0; margin:0; color:#f00; line-height:17px; font-weight:bold; font-size:14px; text-align:left; font-family:宋体;">48元</p><p style="padding:0; margin:0; text-align:left; line-height:17px; font-family:宋体;"><u style="color:#000">我要购买&gt;&gt;</u></p></div></a><br /><br /><a href="http://www.togj.com/item/290774/" target="_blank" style="width:100%; color:#000; text-decoration:none;  text-align:left; line-height:17px; clear:both; display:block; float:left; margin-bottom:8px;"><img src="http://www.itubao.com/Public/Images/ys4.gif" style="float:left; margin:0; margin-right:8px; border:1px solid #ccc; padding:2px; background:#fff;text-align:left" /><div style="padding-left:104px;"><p style="padding:0; margin:0; text-align:left; color:#000; line-height:17px; font-family:宋体;">海军风横纹间条T恤</p><img src="http://www.itubao.com/Public/Images/web3.gif" style="padding:0; margin:0; margin-bottom:8px; border:none;" /><p style="padding:0; margin:0; color:#f00; line-height:17px; font-weight:bold; font-size:14px; text-align:left; font-family:宋体;">48元</p><p style="padding:0; margin:0; text-align:left; line-height:17px; font-family:宋体;"><u style="color:#000">我要购买&gt;&gt;</u></p></div></a><a href="http://zhuti.huoban.taobao.com/event.php?pid=mm_14376444_0_0&eventid=101087" target="_blank"><img width="210px" src="http://img.alimama.cn/topicfile/2009-10-14/1010870955140255406.jpg"></a></div>'
					}
					if(parseInt($(this).attr('baotuid')) == 3){
						htmlTmpVal = '<div style="line-height:17px; text-align:left;"><a href="http://item.taobao.com/auction/item_detail-0db2-b6049645e7b691f9cf9889cfd7576eb8.jhtml?cm_cat=50010850&pm2=2" target="_blank" style="width:100%; color:#000; text-decoration:none;  text-align:left; line-height:17px; clear:both; display:block; float:left; margin-bottom:8px;"><img src="http://www.itubao.com/Public/Images/ys2.gif" style="float:left; margin:0; margin-right:8px; border:1px solid #ccc; padding:2px; background:#fff;text-align:left" /><div style="padding-left:104px;"><p style="padding:0; margin:0; text-align:left; color:#000; line-height:17px; font-family:宋体;">09新品韩版女装</p><img src="http://www.itubao.com/Public/Images/web2.gif" style="padding:0; margin:0; margin-bottom:8px; border:none;" /><p style="padding:0; margin:0; color:#f00; line-height:17px; font-weight:bold; font-size:14px; text-align:left; font-family:宋体;">19.8元</p><p style="padding:0; margin:0; text-align:left; line-height:17px; font-family:宋体;"><u style="color:#000">我要购买&gt;&gt;</u></p></div></a><a href="http://zhuti.huoban.taobao.com/event.php?pid=mm_14376444_0_0&eventid=101087" target="_blank"><img width="210px" src="http://img.alimama.cn/topicfile/2009-10-14/1010870955140255406.jpg"></a></div>'
					}
					
					jQuery.itb_set.itb_fly.find('span.itubaoStonp').html(htmlTmpVal);
					jQuery.itb_set.itb_fly.find('.iTubaoArrow').css('top',jQuery.itb_set.itb_fly.height()/2 - 6 + 'px');
					jQuery.itb_set.itb_fly.css('top',itemXY.top - jQuery.itb_set.itb_fly.height()/2 + 4 + _tubaoY + 'px');
					jQuery.itb_set.itb_tf1 = true;
					
//					jQuery.ajax({ 
//						type : 'GET', 
//						url : 'http://www.itubao.com/gather/pickpic.php?lx=proshow&tbi=' + $(this).attr('baotuid'), 
//						dataType : 'jsonp', 
//						jsonp: 'urls', 
//						success : function(json){
//							if(json.html == ''){
//								jQuery.itb_set.itb_fly.find('span.itubaoStonp').html('<div style="text-align:center; width:100%; padding:20px 0 30px;">未找到产品</div>').show();
//							}else{
//								jQuery.itb_set.itb_fly.find('span.itubaoStonp').html(json.html);
//								jQuery.itb_set.itb_fly.find('.iTubaoArrow').css('top',jQuery.itb_set.itb_fly.height()/2 - 6 + 'px');
//								jQuery.itb_set.itb_fly.css('top',itemXY.top - jQuery.itb_set.itb_fly.height()/2 - 8 + _tubaoY + 'px');
//							}
//							jQuery.itb_set.itb_tf1 = true;
//						}
//					});
				},function(){
					$(this).css('background','url(http://www.itubao.com/Public/Images/tag_a.gif)');
					jQuery.itb_set.itb_tt1 = setTimeout(function(){
						jQuery.itb_set.itb_fly.hide();
						jQuery.itb_set.itb_tf1 = false;
					},200);
				});
			});
			jQuery.itb_set.itb_fly.hover(function(){
				clearTimeout(jQuery.itb_set.itb_tt2[jQuery(this).attr('prid')]);
				clearTimeout(jQuery.itb_set.itb_tt1);
			},function(){
				var _prid = jQuery(this).attr('prid');
				jQuery.itb_set.itb_tt2[_prid] = setTimeout(function(){
					jQuery('#' + _prid + ' div.iTubaoTag').hide();
					jQuery.itb_set.itb_tf1 = false;
				},300);
				jQuery.itb_set.itb_tt2['_pridfly'] = setTimeout(function(){
					jQuery.itb_set.itb_fly.hide();
					jQuery.itb_set.itb_tf1 = false;
				},300);
			});
		},
		
		itb_rxy : function(_ary){
			jQuery.each(jQuery(_ary),function(i,e){
				var _obj = jQuery(e);
				var img_xy = _obj.offset();
				var _pt = _obj.css('paddingTop');
				_pt = _pt.substring(0,  _pt.length - 2);
				_pt = parseInt(_pt) + parseInt(img_xy.top);
				var _pl = _obj.css('paddingLeft');
				_pl = _pl.substring(0,  _pl.length - 2);
				_pl = parseInt(_pl) + parseInt(img_xy.left);
				
				jQuery('#iTubao' + i).css({left:_pl + 'px',top:_pt + 'px'});
			})
		}
		
	});

})(jQuery);

jQuery(window).load(function(){	
	var stt = setTimeout(jQuery.itb_start,500);
})

jQuery(window).resize(function(){
	jQuery.itb_rxy(jQuery.itb_ary.itb_siteImg);
}); 
