/*
* Mytuya II ajax loading div creator
*/
(function($){
	var loadingImgPaths = ['','/res/img/widget/ajax_loading_1.gif', '/res/img/widget/ajax_loading_2.gif'];
	$.mytuyaloading = {
		show:function(message) {
		
		var str ='<div id="mytuya_popup" class="mytuya_popup"> \
		<div class="mytuya_popup_bg"> \
		<div class="mytuya_popup_img"><img src="/res/img/common/mytuya_loading2.gif" width="47" height="30" /></div> \
		<div class="mytuya_popup_text"></div> \
		<div class="clear"></div>\
		</div> \
		</div>';
		if(document.getElementById('mytuya_popup')!=null) return false;
		$(str).appendTo("body").center();
		$('.mytuya_popup_text').html(message);
		
		},
		setMessage:function(message) {
			$('.mytuya_popup_img').hide();
			$('.mytuya_popup_text').html(message);
		},
		hide:function() {
			window.setTimeout(function(){$('#mytuya_popup').fadeOut("slow", function(){$(this).remove();});}, 2000);
		}
	}
	$.ajaxloading = {
		showLoading1:function(message) {
			var loadingImgPath = '/res/img/widget/ajax_loading_1.gif';
			var style={
				width:'203px',
				height:'134px',
				display:'block'
				};
			var msgStyle = {
				'font-size':'12px',
				'color':'white',
				position:'absolute',
				top:'80px',
				left:'50px'
			};
			if(document.getElementById('ajax_loaing_1') != null) {
				$('#ajax_loading_1').css('display', 'block').center();
				$('#msg_tip').html(msgStyle);
				return;
			}
			
			$('<div id="ajax_loading_1"><img src="' + loadingImgPath + '"/></div>').appendTo('body').css(style).center();
			$('<div id="msg_tip">'+message + '</div>').appendTo('#ajax_loading_1').css(msgStyle);
		},
		hideLoading1:function() {
			//if(document.getElementById('ajax_loading_1') != null) {
			//	$('#ajax_loading_1').css('display', 'none');
			//}
			$('#ajax_loading_1').remove();
			
		}
	}
	$.ajaxloadings= {
		setLoading:function(index, message, containerid, suffix) {
			var loadingImgPath = loadingImgPaths[index];
			var loadingDivID = 'ajax_loaing_' + index;
			if(suffix != null)
				loadingDivID = loadingDivID + "_" + suffix
			$('#' + containerid).html('');
			$('<div id="' + loadingDivID + '"><img src="' + loadingImgPath + '"/></div>').appendTo('#' + containerid);
			$('<div id="msg_tip">'+message + '</div>').prependTo('#' + loadingDivID).css({color:"gray"});
		},
		hideLoading:function(index, suffix, effect) {
			if(effect == 'undefined' || effect == null) {
			}
		},
		appendLoading:function(index, containerid, message, suffix) {
			var loadingImgPath = loadingImgPaths[index];
			var loadingDivID = 'ajax_loaing_' + index;
			if(suffix != null)
				loadingDivID = loadingDivID + "_" + suffix;
			$('<div id="' + loadingDivID + '"><img src="' + loadingImgPath + '"/></div>').appendTo('#' + containerid);
			$('<div id="msg_tip">'+message + '</div>').appendTo('#' + loadingDivID).css({color:"gray"});
		},
		posLoading:function(index, offset, message, suffix) {
			var loadingImgPath = loadingImgPaths[index];
			var loadingDivID = 'ajax_loaing_' + index;
			if(suffix != null)
				loadingDivID = loadingDivID + "_" + suffix;
			$('<div id="' + loadingDivID + '"><img src="' + loadingImgPath + '"/></div>').appendTo('body').css(offset).css("position", "absolute");
			$('<div id="msg_tip">'+message + '</div>').appendTo('#' + loadingDivID).css({color:"gray"});
		},
		removeLoading:function(index, suffix) {
			var loadingImgPath = loadingImgPaths[index];
			var loadingDivID = 'ajax_loaing_' + index;
			if(suffix != null)
				loadingDivID = loadingDivID + "_" + suffix;
			$('#' + loadingDivID).remove();
		}
	}
})(jQuery);