document.write("<div id=\"1\"><button class=\"icobutton icobutton--fa-heart\"><span class=\"fa fa-heart\"></span><span class=\"icobutton__text icobutton__text--side\" id=\"p1\"></span></button></div>");

;(function(window) {

	'use strict';

	function isIOSSafari() {

		var userAgent;

		userAgent = window.navigator.userAgent;

		return userAgent.match(/iPad/i) || userAgent.match(/iPhone/i);

	};



	function isTouch() {

		var isIETouch;

		isIETouch = navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;

		return [].indexOf.call(window, 'onclick') >= 0 || isIETouch;

	};

	

	var isIOS = isIOSSafari(),

		clickHandler = isIOS || isTouch() ? 'click' : 'click';



	function extend( a, b ) {

		for( var key in b ) { 

			if( b.hasOwnProperty( key ) ) {

				a[key] = b[key];

			}

		}

		return a;

	}



	function Animocon(el, options) {

		this.el = el;

		this.options = extend( {}, this.options );

		extend( this.options, options );



		this.checked = false;



		this.timeline = new mojs.Timeline();

		

		for(var i = 0, len = this.options.tweens.length; i < len; ++i) {

			this.timeline.add(this.options.tweens[i]);

		}



		var self = this;

		this.el.addEventListener(clickHandler, function() {

			if( self.checked ) {

				self.options.onUnCheck();

			}

			else {

				self.options.onCheck();

				self.timeline.replay();

			}

			self.checked = !self.checked;

		});

	}



	Animocon.prototype.options = {

		tweens : [

			new mojs.Burst({})

		],

		onCheck : function() { return false; },

		onUnCheck : function() { return false; }

	};

 	function init() {

		var pong=document.getElementById("1");

		var el2 = pong.querySelector('button.icobutton'), el2span = el2.querySelector('span'),el2counter = el2.querySelector('span.icobutton__text');

		loadXMLDoc('1');

		


/*appear animation*/

		var opacityCurve11 = mojs.easing.path('M0,0 C0,87 27,100 40,100 L40,0 L100,0');

		var scaleCurve11 = mojs.easing.path('M0,0c0,80,39.2,100,39.2,100L40-100c0,0-0.7,106,60,106');

		new Animocon(el2, {

			tweens : [

				// ring animation

				new mojs.Shape({

					parent: 		el2,

					radius: 		{0: 95},

					fill: 			'transparent',

					stroke: 		'#C0C1C3',

					strokeWidth: {50:0},

					opacity: 		0.4,

					duration: 	1000,

					delay: 			100,

					easing: 		mojs.easing.bezier(0, 1, 0.5, 1)

				}),

				// ring animation

				new mojs.Shape({

					parent: 	el2,

					radius: 	{0: 80},

					fill: 		'transparent',

					stroke: 	'#C0C1C3',

					strokeWidth: {40:0},

					opacity: 	0.2,

					duration: 1800,

					delay: 		300,

					easing: 	mojs.easing.bezier(0, 1, 0.5, 1)

				}),

				// icon scale animation

				new mojs.Tween({

					duration : 1300,

					easing: mojs.easing.ease.out,

					onUpdate: function(progress) {

						var opacityProgress = opacityCurve11(progress);

						el2span.style.opacity = opacityProgress;



						var scaleProgress = scaleCurve11(progress);

						el2span.style.WebkitTransform = el2span.style.transform = 'scale3d(' + scaleProgress + ',' + scaleProgress + ',1)';



						var colorProgress = opacityCurve11(progress);

						el2.style.color = colorProgress >= 1 ? '#FF0033' : '#C0C1C3';

					}

				})

			],

			onCheck : function() {

				el2.style.color = '#FF0033';

				if(Number(el2counter.innerHTML)<1000){

				el2counter.innerHTML = Number(el2counter.innerHTML) + 1;

				}

				fetch('1','0');

			},

			onUnCheck : function() {

				el2.style.color = '#C0C1C3';

				var current = Number(el2counter.innerHTML);

				if(Number(el2counter.innerHTML)<1000){

				el2counter.innerHTML = current > 1 ? Number(el2counter.innerHTML) - 1 : '';

				}

				fetch('1','1');





			}		});

		/* Icon 11 */







/*end appear animation*/




 	}

	

	init();



})(window);






function fetch(per,serk){

var xmlHttpReq = false;

var self = this;

var WriteURI = 'http://demo.scriptsez.net/rating/script.php?action=vote&vid='+per+'&sub='+serk;

if (window.XMLHttpRequest) {

self.xmlHttpReq = new XMLHttpRequest();

}

else if (window.ActiveXObject) {

self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");

}

self.xmlHttpReq.open('POST', WriteURI, true);

self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

self.xmlHttpReq.send('');

self.xmlHttpReq.onreadystatechange = handleResponse;

return false;

}



function loadXMLDoc(per){

            var xmlhttp;

			var WriteURI = 'http://demo.scriptsez.net/rating/script.php?vid='+per;

            if (window.XMLHttpRequest)  {

                xmlhttp=new XMLHttpRequest();

            }

            else {

                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

            }



            xmlhttp.onreadystatechange=function(){

                if (xmlhttp.readyState==4 && xmlhttp.status==200){

                    document.getElementById("p"+per).innerHTML=xmlhttp.responseText;

                }

            }       

            xmlhttp.open("POST",WriteURI,true);

            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

            xmlhttp.send("");

    }







function handleResponse() {

if(xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200){

var response = xmlHttpReq.responseText;

if(response) {

}

}

}