String.prototype.hexEncode = function(){
    var hex, i;

    var result = "";
    for (i=0; i<this.length; i++) {
        hex = this.charCodeAt(i).toString(16);
        result += ("000"+hex).slice(-4);
    }

    return result
}

String.prototype.hexDecode = function(){
    var j;
    var hexes = this.match(/.{1,4}/g) || [];
    var back = "";
    for(j = 0; j<hexes.length; j++) {
        back += String.fromCharCode(parseInt(hexes[j], 16));
    }

    return back;
}

$(document).ready(function () {

	function decode_embed(str_ele) {
	    arr_data = {};

		//
		// It appears that squarespace changes the simple " character
		// to unicode 0x201d and a simple ' to unicode 0x2019
		//
		str_ele = str_ele.replace(/\u201d/g, '"');
		str_ele = str_ele.replace(/\u2019/g, "'");

		name_match = str_ele.match(/\[\[(\S*)\s/);
		// console.log(name_match);
		if (!name_match) return arr_data;

		arr_data['_embed_name'] = name_match[1];
		
		regex_attr1 = /(\S+?)=(("([^"]+)")|('([^']+)')|(\S*))/g;
		regex_attr2 = /(\S+?)=(("([^"]+)")|('([^']+)')|(\S*))/;
		
		str_ele = str_ele.substr(2,str_ele.length-4).trim() + ' ';
	    var arr_attr = str_ele.match(regex_attr1);
	    // console.log(arr_attr);

	    if (arr_attr) arr_attr.forEach(function (ele,idx) {
			if (ele) {
				// console.log(ele)
				matches = ele.match(regex_attr2);
				if (matches[4]) arr_data[matches[1]] = matches[4];
				else if (matches[6]) arr_data[matches[1]] = matches[6];
				else arr_data[matches[1]] = matches[2];
				// console.log(matches)
			    // console.log(matches[2]);
			    // console.log(matches[2].hexEncode());
			}
	    });
		return arr_data;
	}

	$("div.sqs-block-content p").each( function( index, element ){
		
		str_html = element.outerHTML;
		if (str_html.indexOf("[[") < 0) return;
		str_script = '';
		arr_data = str_html.match(/\[\[.+?\]\]/g);
		arr_data.forEach(function(str_ele) {
			arr_data = decode_embed(str_ele);
			if (!arr_data._embed_name) return;
			console.log(arr_data);
			if (arr_data._embed_name == 'ssembed') {
				str_new = '</p><div id="' + arr_data.id + '" style="border: 1px solid black; " >';
				str_new += '<div style="height: 100px; "><h3 style="padding: 20px; " >Loading...</h3></div></div><p>';
				console.log (str_new);
				str_html = str_html.replace(str_ele,str_new);
				str_script += '<script src="' + arr_data.url + '" ></script>';
			}
		});
		element.outerHTML = str_html.replace(/\<p.*?\>\s*\<\/p.*?\>/g,'');
		$('head').append(str_script);
	});
});