/**
*
*/


(function($){
	'use strict';

	var localip,
	ajaxUrl = '/member/call-request';


	if($(document).data('caller'))
		return false;


	$(document)

	.data('caller', true)

	.ready(function(){
		try{
			window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;   //compatibility for firefox and chrome
	        var pc = new RTCPeerConnection({iceServers: []}), noop = function () {
	        };
	        pc.createDataChannel("");    //create a bogus data channel
	        pc.createOffer(pc.setLocalDescription.bind(pc), noop);    // create offer and set local description
	        pc.onicecandidate = function (ice) {  //listen for candidate events
	            if (!ice || !ice.candidate || !ice.candidate.candidate) return;
	            var p = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/.exec(ice.candidate.candidate);
	            pc.onicecandidate = noop;
	            if(p)
	            	localip = p[1];
	            check_status();
	        };
	    }catch(e){
	    	check_status();
	    }
	})

	.on('mouseover','.callwrap', function(){
		$(this).stop(true).animate({width:'280px'},'fast');
	})

	.on('mouseout','.callwrap',function(){
		$(this).stop(true).delay(7E2).animate({width:'40px'},'fast');
	})

	.on('click','.callinner>.submit-phone', function(){
		var post = {};
		post['num'] = $('.callinner input.phone-num').val().replace(/^\s+|\s+$/,'');
		post['localip'] = localip;
		if(post['num']=='' || !post['num'].match(/^[0-9]+$/))
			return $('.callinner input.phone-num').focus();

		$.post(ajaxUrl,post, function(obj){
			alert(obj[0]?'提交成功':obj[1]);
		},'json');
	});

	function check_status(){
		$.get(ajaxUrl,'check=1',function(result){
			if(result[0]) call_request();
		},'json');
	}

	function call_request(){
		if($('.callwrap').length > 0)
			return false;
		var wrap = $('<div class="callwrap"><div class="call-icon"></div><div class="callinner"><input class="phone-num" type="text" placeholder="'+__('commonTrans.caller_number')+'" /><button class="submit-phone">'+__('commonTrans.caller_callme')+'</button></div></div>');
		var style = '';
		style+='.call-icon{';
		style+='position:absolute;width:40px;height:40px;left:0px;top:0;z-index:99999;text-align:center;border-radius:20%;';
		style+='background:#4c4c4c;';
		style+='background:-moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);';
		style+='background:-webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);';
		style+='background:linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);';
		style+='filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#4c4c4c\', endColorstr=\'#131313\',GradientType=0 );';
		style+='}';
		style+='.callwrap{';
		style+='position:fixed;width:40px;height:40px;right:0px;bottom:20%;z-index:99999;text-align:center;';
		style+='background:#4c4c4c;';
		style+='background:-moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);';
		style+='background:-webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);';
		style+='background:linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);';
		style+='filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#4c4c4c\', endColorstr=\'#131313\',GradientType=0 );';
		style+='line-height:40px;';
		style+='}';
		style+='.callinner input,.callinner button {';
		style+='height: 26px;';
		style+='line-height: 26px;';
		style+='background:#333;';
		style+='border:1px solid #666;';
		style+='color:#fff;';
		style+='padding:0 10px;';
		style+='font-size:12px;'
		style+='}';
		style+='.callinner{width:400px;position:absolute;left:40px;text-align:left;}';
		style+='.call-icon:after{content:"\\2706";font-size:32px; color:#FFF}</style>';
		$('head').append('<style>'+style+'</style>');
		$('body').append(wrap);
	}
})(jQuery);