/*
* Requires is.js
*/

/******************************************************************
* Implements ideas from 
* http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1805.entry
* Allows one to create browser specific css rules inside of CSS of this form:
*
*   html.opera div.className {
*	// CSS that only opera will read
*   }
* 
*   html.gecko.minor1.1 {
*	CSS that only mozilla based browser that use gecko 1.1 
*   }
********************************************************************/

var ConditionalCSS = new function () {
	
	var me = this;
	
	function init () {	
		var sb = new StringBuffer();
		var html = document.getElementsByTagName('html')[0];
		
		//Logger.info(domShowProps(navigator));
		sb.append(StringHelpers.sprintf("%s_%s_%s ",
			BrowserDetect.browser, BrowserDetect.version, BrowserDetect.OS)); 

		sb.append(StringHelpers.sprintf("%s_%s ",
			BrowserDetect.browser, BrowserDetect.version));
			
		sb.append(StringHelpers.sprintf("%s_%s ",
			BrowserDetect.browser, BrowserDetect.OS));

		sb.append(StringHelpers.sprintf("%s ",
			BrowserDetect.OS));

		sb.append(" js ");
	
		var splitURL = location.href.split('?')[0].split('/');
		var uri = new StringBuffer();
		uri.append('uri_')
		for (var i=4; i<splitURL.length; i++) {
			uri.append(splitURL[i].replace('.', '_'));
			if (i != splitURL.length-1) {
				uri.append('_')
			}
		}
		
		sb.append(uri.toString())
		
	
		html.className = sb.toString().replace(/\./g, '_');
	}
	
	init();
}