/*
 * Browser Detection
 * © 2010 DevSlide Labs 
 * 
 * Visit us at: www.devslide.com/labs
 */

var notSupportedBrowsers = [];
var displayPoweredBy = true;
var noticeLang = 'professional';
var noticeLangCustom = null;
var supportedBrowsers = [];
var max_version=7;//max version NOT supported 7

var BrowserDetection = {
	init: function(){
		if(notSupportedBrowsers == null || notSupportedBrowsers.length < 1){
			notSupportedBrowsers = this.defaultNotSupportedBrowsers;
		}
		
		this.detectBrowser();
		this.detectOS();
		
		if(this.browser == '' || this.browser == 'Unknown' || this.os == '' || 
		   this.os == 'Unknown' || this.browserVersion == '' || this.browserVersion == 0)
		{
			return;
		}
		// Check if this is old browser
		var oldBrowser = false;
		for(var i = 0; i < notSupportedBrowsers.length; i++){

			if(notSupportedBrowsers[i].os == 'Any' || notSupportedBrowsers[i].os == this.os){
				if(notSupportedBrowsers[i].browser == 'Any' || notSupportedBrowsers[i].browser == this.browser){
					if(notSupportedBrowsers[i].version == "Any" || this.browserVersion <= parseFloat(notSupportedBrowsers[i].version)){
						oldBrowser = true;
						break;
					}
				} 
			}
		}
		
		if(oldBrowser){
			this.displayNotice();
		}
	},
	
	getEl: function(id){ return window.document.getElementById(id); },
	getElSize: function(id){ 
		var el = this.getEl(id); 
		if(el == null){ return null; } 
		return { 'width': parseInt(el.offsetWidth), 'height': parseInt(el.offsetHeight) }; 
	},
	getWindowSize: function(){
		if(typeof window.innerWidth != 'undefined'){
			return {'width': parseInt(window.innerWidth), 'height': parseInt(window.innerHeight)};
		} else {
			if(window.document.documentElement.clientWidth != 0){
				return {'width': parseInt(window.document.documentElement.clientWidth), 'height': parseInt(window.document.documentElement.clientHeight)};
			} else {
				return {'width': parseInt(window.document.body.clientWidth), 'height': parseInt(window.document.body.clientHeight)};
			}
		}
	},
	positionNotice: function(){
		var noticeSize = this.getElSize('browser-detection');
		var windowSize = this.getWindowSize();
		var noticeEl = this.getEl('browser-detection');
		
		if(noticeEl == null || noticeSize == null || windowSize == null || !windowSize.width || !windowSize.height){ return; }
		noticeEl.style.left = (windowSize.width - noticeSize.width) / 2 + "px";

		var offset = (this.browser == "MSIE" && this.browserVersion < max_version) ? (window.document.documentElement.scrollTop != 0 ? window.document.documentElement.scrollTop : window.document.body.scrollTop) : 0;
		noticeEl.style.top = (windowSize.height - noticeSize.height - 20 + offset) + "px";
		this.noticeHeight = noticeSize.height;
	},
	
	displayNotice: function(){

		if(this.readCookie('bdnotice') == 1){
			return;
		}
		
		this.writeNoticeCode();
		this.positionNotice();
		
		var el = this;
		window.onresize = function(){ el.positionNotice(); };
		if(this.browser == "MSIE" && this.browserVersion < max_version){
			window.onscroll = function(){ el.positionNotice(); };
		}
		
		this.getEl('browser-detection-close').onclick = function(){ el.remindMe(false); };
		this.getEl('browser-detection-remind-later').onclick = function(){ el.remindMe(false); };
		this.getEl('browser-detection-never-remind').onclick = function(){ el.remindMe(true); };
	},
	
	remindMe: function(never){
		this.writeCookie('bdnotice', 1, never == true ? 365 : max_version);
		this.getEl('browser-detection').style.display = 'none';
	},
	
	writeCookie: function(name, value, days){
		var expiration = ""; 
		if(parseInt(days) > 0){
			var date = new Date();
			date.setTime(date.getTime() + parseInt(days) * 24 * 60 * 60 * 1000);
			expiration = '; expires=' + date.toGMTString();
		}
		
		document.cookie = name + '=' + value + expiration + '; path=/';
	},
	
	readCookie: function(name){
		if(!document.cookie){ return ''; }
		
		var searchName = name + '='; 
		var data = document.cookie.split(';');
		
		for(var i = 0; i < data.length; i++){
			while(data[i].charAt(0) == ' '){
				data[i] = data[i].substring(1, data[i].length);
			}
			
			if(data[i].indexOf(searchName) == 0){ 
				return data[i].substring(searchName.length, data[i].length);
			}
		}
		
		return '';
	},
	
	writeNoticeCode: function(){
		var title = '';
		var notice = '';
		var selectBrowser = '';
		var remindMeLater = '';
		var neverRemindMeAgain = '';
		
		var browsersList = null;		
		var code = '<div id="browser-detection"><a href="javascript:;" id="browser-detection-close">Close</a>';
		
		if(noticeLang == 'custom' && noticeLangCustom != null){
			title = noticeLangCustom.title;
			notice = noticeLangCustom.notice;
			selectBrowser = noticeLangCustom.selectBrowser;
			remindMeLater = noticeLangCustom.remindMeLater;
			neverRemindMeAgain = noticeLangCustom.neverRemindMeAgain;
		} else {
			var noticeTextObj = null;
			eval('noticeTextObj = this.noticeText.' + noticeLang + ';');
			
			if(!noticeTextObj){
				noticeTextObj = this.noticeText.professional;
			}
			
			title = noticeTextObj.title;
			notice = noticeTextObj.notice;
			selectBrowser = noticeTextObj.selectBrowser;
			remindMeLater = noticeTextObj.remindMeLater;
			neverRemindMeAgain = noticeTextObj.neverRemindAgain;
		}
		
		notice = notice.replace("\n", '</p><p class="bd-notice">');
		notice = notice.replace("{browser_name}", (this.browser + " " + this.browserVersion));
		
		code += '<p class="bd-title">' + title + '</p><p class="bd-notice">' + notice + '</p><p class="bd-notice"><b>' + selectBrowser + '</b></p>';
		
		if(supportedBrowsers.length > 0){
			browsersList = supportedBrowsers;
		} else {
			browsersList = this.supportedBrowsers;
		}
		
		code += '<ul class="bd-browsers-list">';
		for(var i = 0; i < browsersList.length; i++){
			code += '<li class="' + browsersList[i].cssClass + '"><a href="' + browsersList[i].downloadUrl + '" target="_blank">' + browsersList[i].name + '</a></li>';
		}		
		code += '</ul>';
		
		if(displayPoweredBy){
			code += '<div class="bd-poweredby">Powered by <a href="http://www.devslide.com/labs/browser-detection" target="_blank">DevSlide Labs</a></div>';
		}
		
		code += '<ul class="bd-skip-buttons">';
		code += '<li><button id="browser-detection-remind-later" type="button">' + remindMeLater + '</button></li>';
		code += '<li><button id="browser-detection-never-remind" type="button">' + neverRemindMeAgain + '</button></li>';
		code += '</ul>';
		code += '</div>';
		window.document.body.innerHTML += code;
	},

	detectBrowser: function(){
		this.browser = '';
		this.browserVersion = 0;
		
		if(/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
			this.browser = 'Opera';
		} else if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
			this.browser = 'MSIE';
		} else if(/Navigator[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
			this.browser = 'Netscape';
		} else if(/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
			this.browser = 'Chrome';
		} else if(/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
			this.browser = 'Safari';
			/Version[\/\s](\d+\.\d+)/.test(navigator.userAgent);
			this.browserVersion = new Number(RegExp.$1);
		} else if(/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
			this.browser = 'Firefox';
		}
		
		if(this.browser == ''){
			this.browser = 'Unknown';
		} else if(this.browserVersion == 0) {
			this.browserVersion = parseFloat(new Number(RegExp.$1));
		}		
	},
	
	// Detect operation system
	detectOS: function(){
		for(var i = 0; i < this.operatingSystems.length; i++){
			if(this.operatingSystems[i].searchString.indexOf(this.operatingSystems[i].subStr) != -1){
				this.os = this.operatingSystems[i].name;
				return;
			}
		}
		
		this.os = "Unknown";
	},
	
	//	Variables
	noticeHeight: 0,
	browser: '',
	os: '',
	browserVersion: '',
	supportedBrowsers: [
             { 'cssClass': 'chrome', 'name': 'Google Chrome', 'downloadUrl': 'http://www.google.com/chrome/' },
	       { 'cssClass': 'firefox', 'name': 'Mozilla Firefox', 'downloadUrl': 'http://www.getfirefox.com/' },
	      
	       { 'cssClass': 'msie', 'name': 'Internet Explorer', 'downloadUrl': 'http://www.getie.com/' },
	       { 'cssClass': 'opera', 'name': 'Opera', 'downloadUrl': 'http://www.opera.com/' },
	       { 'cssClass': 'safari', 'name': 'Apple Safari', 'downloadUrl': 'http://www.apple.com/safari/' }
	],
	operatingSystems: [
           { 'searchString': navigator.platform, 'name': 'Windows', 'subStr': 'Win' },
           { 'searchString': navigator.platform, 'name': 'Mac', 'subStr': 'Mac' },
           { 'searchString': navigator.platform, 'name': 'Linux', 'subStr': 'Linux' },
           { 'searchString': navigator.userAgent, 'name': 'iPhone', 'subStr': 'iPhone/iPod' }
	],
	defaultNotSupportedBrowsers: [{'os': 'Any', 'browser': 'MSIE', 'version': (max_version-1)}],
	noticeText: {
           'professional': { "title": "Wykryto starą wersję przeglądarki", "notice": "Nasza strona internetowa wykryła, że używasz przestarzałej przeglądarki. Korzystanie z bieżącej przeglądarki uniemożliwi dostęp do funkcji na naszej stronie internetowej. Aktualizacja przeglądarki nie jest wymagane, ale zdecydowanie zalecamy w celu poprawy działania większości stron internetowych oraz bezpieczeństwa Twojego komputera.", "selectBrowser": "Skorzystaj z poniższych łączy, aby pobrać nową przeglądarkę lub zaktualizować istniejącą przeglądarę.", "remindMeLater": "Przypomnij mi później", "neverRemindAgain": "Nie, nie przypominaj mi więcej" },
           'informal': { "title": "Wooowwww!", "notice": "Wydaje się, że używasz przestarzałej przeglądarki, co uniemożliwia dostęp do niektórych funkcji na naszej stronie internetowej.Choć nie jest to wymagane, to naprawdę powinieneś <b> uaktualnić lub zainstalować nową przeglądarkę </ b>! ...dodatkowo poprawi to <b>bezpieczeństwo Twojego komputera</b> w internecie!", "selectBrowser": "Odwiedź oficjalne strony popularnych przeglądarek (lista poniżej) i zainstaluj jedną z nich:", "remindMeLater": "Nie teraz, przypomnij za jakiś czas", "neverRemindAgain": "Nie, nie przypominaj mi więcej" },
           'technical': { "title": "ALARM - STARA WERSJA PRZEGLĄDARKI! <span class='bd-highlight'>DEFCON 5</span>", "notice": "Daj spokój! Nasza strona jest wykonana z zastosowaniem najnowszych technologi. Starsze wersje przeglądarek cześci z nich nie obsługują.Więc dlaczego nie zainstalować nowej wersji przeglądarki? Zyskasz na tym, że większość stron będzie poprawnie się wyświetlać. Zyskasz na bezpieczeństwie Twojego komputera.Wystarczy aktualizacja! \ Tak wiem, wiem. Nie lubisz jak Tobie mówi się co masz robić. ...Ale zwracamy się tylko z prośba o uaktualnienie, dzięki czemu można uzyskać dostęp do wszystkich najnowszych, najlepszych funkcji na naszej stronie oraz innych stronach internetowych.Aktualizacja jest szybka i łatwa - nie musisz \"znać się na komputerach\". Jeśli nadal chcesz pozostać przy starej wersji swojej przeglądarki to nie pozostaje nam nic innego jak zaprosić Ciebie na naszą stronę wraz z Twoja starą przeglądarką :P", "selectBrowser": "Odwiedź oficjalne strony popularnych przeglądarek (lista poniżej):", "remindMeLater": "Przypomnij mi później", "neverRemindAgain": "Nie, nie przypominaj mi więcej. Lubie stare przeglądarki!" },
           'goofy': { "title": "To tak na poważnie?", "notice": "Czy naprawdę używasz <b> {browser_name} </ b> jako swojej przeglądarki \ nSufujesz w internecie na \"dinozaurze\" (jest to bardzo niebezpieczne dla Twojego komputera jak Tyrannosaurus lub Pterodactyl lub coś jeszce straszniejszego). <b> Pobierz nowszą wersję przeglądarki lub uaktualnienij ją teraz! </ b> Jeśli to zrobisz, to na pewno będziesz zadowolony z korzystania z naszej strony oraz innych, nowoczesnych stron w internecie. :)", "selectBrowser": "Odwiedź oficjalne strony popularnych przeglądarek (lista poniżej):", "remindMeLater": "Przypomnij za jakiś czas", "neverRemindAgain": "Nie, nie przypominaj mi więcej" },
           'mean': { "title": "Umm, Twoja przeglądarka jest zabytkowa!", "notice": "Pobierz nową przeglądarkę tutaj.", "selectBrowser": "Oficjalne strony popularnych przeglądarek:", "remindMeLater": "Przypomnij mi później", "neverRemindAgain": "F' Moja sprawa! Moja przeglądarka jest najlepsza!" }


	}
};

window.onload = function(){
	BrowserDetection.init();
};