// browser en os detecteren

var platform = null;

	function Platform() {
		this.browser = "default";
		this.version = 0;
		this.os = "default";
		this.DOM = false;
		
		this.getBrowser = getBrowser;
		this.getOS = getOS;
		this.getVersion = getVersion;
		this.isDOM = isDOM;
	}
	function getBrowser() {
		if(navigator.userAgent.indexOf("Mozilla") != -1)	this.browser = "ns";
		if(navigator.userAgent.indexOf("MSIE") != -1)		this.browser = "ie";
		if (navigator.userAgent.indexOf("Opera") != -1)		this.browser = "Opera";
		if (navigator.userAgent.indexOf("HotJava") != -1)	this.browser = "HotJava";
	}
	function getOS() {
		if(navigator.userAgent.indexOf("Windows") != -1) {
				this.os = "win";
		}else if(navigator.userAgent.indexOf("Macintosh") != -1) {
				this.os = "mac";
		}else if(navigator.userAgent.indexOf("Mac_PowerPC") != -1) {
				this.os = "mac";
		}
	}
	function getVersion() {
		this.version = parseFloat(navigator.appVersion);
	}

	function isDOM() {
		this.DOM = ((platform.browser == "ns") && (platform.version >= 5)) || ((platform.browser == "ie") && (platform.version >= 4));
	}
	
	platform = new Platform();
	platform.getBrowser();
	platform.getVersion();
	platform.getOS();
	platform.isDOM();

function getStyleRef(style){
	var styleLink;
	
	styleLink =  style ;
	switch (platform.browser) {
		case "ns":	if(platform.version < 5) styleLink += "_ns"; else  styleLink += "_ie"; break;
		case "ie":	styleLink += "_ie"; break;
		default:	styleLink += "_ie"; break;
	}
	switch (platform.os) {
		case "win":	styleLink += "_win"; break;
		case "mac":	styleLink += "_mac"; break;
		default:	styleLink += "_win"; break;
	}
	styleLink += ".css" ;
	return  styleLink ;
}