jakerb/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="jazz/css" href="style.jazz">
	<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
	<script src="jazz.js"></script>

	<!-- Jazz.js Demo -->

		<div class="box"></div>

	<!-- Jazz.js Demo -->


	<script>
		jazz.scope.numb = 1;
		jazz.scope.border = 1;
		jazz.scope.background = '#eee';
		jazz.scope.isChrome = navigator.vendor == "Google Inc." ? '#eee' : 'white';
		jazz.scope.boxColor = '#aaa';
		jazz.scope.bodyHeight = '100%';
		jazz.scope.pos = '';


		jazz.ready(function() {
			//Do something..
		});

	</script>

</head>
<body>

</body>
</html>

## jazz.js
var jazz = {

	init:function() {
		var that = this;
		that.loadResources();
	},

	prop:function(k,v) {
		var that = this;
		jazz.scope[k] = v;
		that.loadResources();
	},

	loadResources:function() {
		var that = this;

		$(that.styleLink).each(function() {
			$(this).remove();
		});

		$(that.headLink).each(function() {
			if($(this).attr('rel') == that.linkType) {
				var path = $(this).attr('href');
				jazz.resources.push(path);
				$.get(path, function(e) {
					jazz.modResources($.trim(e));
				});
			}
		});

	},

	modResources:function(e) {
		var that = this;
		var params = {};
		e = e.split(that.splitter);

		for (var i = e.length - 1; i >= 0; i--) {
			if(e[i].length > 1) {
				var style = $.trim(e[i].replace(/\n|\r/g, '')) + that.splitter;
				var point = style.split(that.openSplitter);
					point_ = point[1].replace(that.splitter, '');
					point_ = point_.split(';');

				params[$.trim(point[0])] = [];

				for (var x = point_.length - 1; x >= 0; x--) {
					if(point_[x].length > 1) {
						var tmp = point_[x].split(':');
						tmp[1] = $.trim(tmp[1]);

						var _ = this.scope;

						if(tmp[1].substring(0,1) == this.variable && this.scope[tmp[1].substr(1, tmp[1].length)]) {
							tmp[1] = this.scope[tmp[1].substr(1, tmp[1].length)];
						}

						if(tmp[1].indexOf('[') != -1 && tmp[1].indexOf(']')) {
							var ev = tmp[1].substr(tmp[1].indexOf('['), tmp[1].indexOf(']')+1);
							var eva = ev.replace('[', '');
								eva = eva.replace(']', '');
							tmp[1] = tmp[1].replace(ev, eval(eva));
							console.log(eval(eva));
						}


						params[$.trim(point[0])][$.trim(tmp[0])] = tmp[1];
					}
				};
			}
		};

		jazz.params = params;
		var css = '';

		$.each(params, function(kv, obj) {
			css += kv + '{';
			for(property in obj) {
				css += property + ':' + obj[property] + ';';
			}
			css += '}';
		});

		$('head').append('<style data-type="jazz">'+css+'</style>');

		jazz.isReady = true;


	},

	ready:function(func) {
		var that = this;
		var check = setInterval(function() {
			if(jazz.isReady) {
				clearInterval(check);
				func();
			}
		}, 200);
	},

	get:function(sc, k) {
		if(jazz.params[sc][k]) {
			return jazz.params[sc][k];
		}
	}

};

jazz.headLink = 'head link';
jazz.styleLink = 'style[data-type="jazz"]';
jazz.linkType = 'jazz/css';
jazz.splitter = '}';
jazz.openSplitter = '{';
jazz.variable = '_';
jazz.resources = [];
jazz.isReady = false;
jazz.params = [];
jazz.scope = {};
jazz.init();

## style.jazz
body {
	background: _isChrome;
}

html,
body {
	padding: 10px;
	margin: 0px;
	border: [_.number * 2]px solid;
	height: _bodyHeight;
}

.box {
	width: 20px;
	height: 20px;
	border: 1px solid [_.boxColor];
	position: [_.pos];
}


/* Set Jazz Variables */
jazz {
	if: [if(_.statement == true) _.pos = 'relative' ];
	if: [if(_.statement != true) _.pos = 'absolute' ];
	set: [_.number = 1];
	set: [_.statement = true];
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="jazz/css" href="style.jazz">
	<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
	<script src="jazz.js"></script>

	<!-- Jazz.js Demo -->

	<div class="box"></div>

	<!-- Jazz.js Demo -->


	<script>
	jazz.scope.numb = 1;
	jazz.scope.border = 1;
	jazz.scope.background = '#eee';
	jazz.scope.isChrome = navigator.vendor == "Google Inc." ? '#eee' : 'white';
	jazz.scope.boxColor = '#aaa';
	jazz.scope.bodyHeight = '100%';
	jazz.scope.pos = '';



	jazz.ready(function() {
	//Do something..
	});

	</script>

	</head>
	<body>

	</body>
	</html>
	var jazz = {

	init:function() {
	var that = this;
	that.loadResources();
	},

	prop:function(k,v) {
	var that = this;
	jazz.scope[k] = v;
	that.loadResources();
	},

	loadResources:function() {
	var that = this;

	$(that.styleLink).each(function() {
	$(this).remove();
	});

	$(that.headLink).each(function() {
	if($(this).attr('rel') == that.linkType) {
	var path = $(this).attr('href');
	jazz.resources.push(path);
	$.get(path, function(e) {
	jazz.modResources($.trim(e));
	});
	}
	});

	},

	modResources:function(e) {
	var that = this;
	var params = {};
	e = e.split(that.splitter);

	for (var i = e.length - 1; i >= 0; i--) {
	if(e[i].length > 1) {
	var style = $.trim(e[i].replace(/\n\|\r/g, '')) + that.splitter;
	var point = style.split(that.openSplitter);
	point_ = point[1].replace(that.splitter, '');
	point_ = point_.split(';');

	params[$.trim(point[0])] = [];

	for (var x = point_.length - 1; x >= 0; x--) {
	if(point_[x].length > 1) {
	var tmp = point_[x].split(':');
	tmp[1] = $.trim(tmp[1]);

	var _ = this.scope;

	if(tmp[1].substring(0,1) == this.variable && this.scope[tmp[1].substr(1, tmp[1].length)]) {
	tmp[1] = this.scope[tmp[1].substr(1, tmp[1].length)];
	}

	if(tmp[1].indexOf('[') != -1 && tmp[1].indexOf(']')) {
	var ev = tmp[1].substr(tmp[1].indexOf('['), tmp[1].indexOf(']')+1);
	var eva = ev.replace('[', '');
	eva = eva.replace(']', '');
	tmp[1] = tmp[1].replace(ev, eval(eva));
	console.log(eval(eva));
	}


	params[$.trim(point[0])][$.trim(tmp[0])] = tmp[1];
	}
	};
	}
	};

	jazz.params = params;
	var css = '';

	$.each(params, function(kv, obj) {
	css += kv + '{';
	for(property in obj) {
	css += property + ':' + obj[property] + ';';
	}
	css += '}';
	});

	$('head').append('<style data-type="jazz">'+css+'</style>');

	jazz.isReady = true;



	},

	ready:function(func) {
	var that = this;
	var check = setInterval(function() {
	if(jazz.isReady) {
	clearInterval(check);
	func();
	}
	}, 200);
	},

	get:function(sc, k) {
	if(jazz.params[sc][k]) {
	return jazz.params[sc][k];
	}
	}

	};

	jazz.headLink = 'head link';
	jazz.styleLink = 'style[data-type="jazz"]';
	jazz.linkType = 'jazz/css';
	jazz.splitter = '}';
	jazz.openSplitter = '{';
	jazz.variable = '_';
	jazz.resources = [];
	jazz.isReady = false;
	jazz.params = [];
	jazz.scope = {};
	jazz.init();
	body {
	background: _isChrome;
	}

	html,
	body {
	padding: 10px;
	margin: 0px;
	border: [_.number * 2]px solid;
	height: _bodyHeight;
	}

	.box {
	width: 20px;
	height: 20px;
	border: 1px solid [_.boxColor];
	position: [_.pos];
	}


	/* Set Jazz Variables */
	jazz {
	if: [if(_.statement == true) _.pos = 'relative' ];
	if: [if(_.statement != true) _.pos = 'absolute' ];
	set: [_.number = 1];
	set: [_.statement = true];
	}