jQuery.cookie = function (key, value, options) {

    // key and value given, set cookie...
    if (arguments.length > 1 && (value === null || typeof value !== "object")) {
        options = jQuery.extend({}, options);

        if (value === null) {
            options.expires = -1;
        }

        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }

        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? String(value) : encodeURIComponent(String(value)),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }

    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};


var ROOT_NS_BAR = 'http://www.navigaresigura.ro/';
var icons  = new Array();
icons[0] = 'ff';
icons[1] = 'saf';
icons[2] = 'c';
icons[3] = 'o';
icons[4] = 'ie';
 
var icons_name = new Array();

icons_name[0] = 'Firefox';
icons_name[1] = 'Safari';
icons_name[2] = 'Chrome';
icons_name[3] = 'Opera';
icons_name[4] = 'Internet Explorer 7+';


var browser_url = new Array();

browser_url[0] = 'Firefox';
browser_url[1] = 'Safari';
browser_url[2] = 'Chrome';
browser_url[3] = 'Opera';
browser_url[4] = 'Internet Explorer 7+';


$(document).ready(
	function (){
		if ( $.browser.msie &&  $.browser.version.substring( 0, 1 ) <= '6' ) {
			if ($.cookie('__navigare_sigura')!=1)
			show_ns_bar();
		}
	}
);

function show_ns_bar(){
	$('#ns_ro_bar').css({
		'background-color': '#f9f600',
		'width': '100%',
		'position' : 'absolute',
		'height': '40px',
		'z-index': '3012',
		'font-family' : 'Arial',
		'font-size' : '12px',
		'color' : '#000',
		'top': '0px'
	});
	var stats = '<img style="position:absolute;left:-1000px" src="'+ROOT_NS_BAR+'/stats.gif" alt="stat_ns_bar" />';
	$('body').css('padding-top','40px');
	html = '<div style="padding:5px"><div style="float:left;width:80%"><span style="color:red;font-weight:bold">ATENTIE:</span> Folositi Internet Explorer 6 sau o versiune mai veche. Pentru o protectie  a calculatorului si o compatibilitate mai buna cu actualele standarde web va recomandam sa instalati un browser mai nou.</div>';
	html+='<div style="float:left;width:20%">';
	for (i=0;i<5;i++){
		html+='<img style="margin-left:5px" src="'+ROOT_NS_BAR+'/img/browsers/'+icons[i]+'_small.gif" alt="Download '+icons_name[i]+'" title="Download '+icons_name[i]+'" >';
	}
	html+='</div></div>';
	html+= stats;
	$('#ns_ro_bar span').html(html);
	$('#ns_ro_bar').fadeIn('slow');
	$('#ns_ro_bar').css('cursor','pointer');
	$('#ns_ro_bar').click(
		function(){
			$('body').prepend('<div id="ns_ro_overlayer_bg">&nbsp;</div>');
			$('body').prepend('<div id="ns_ro_overlayer_content">&nbsp;</div>');
			$('#ns_ro_overlayer_bg').css({
				'width' : $(window).width(),
				'height' : $(document).height(),
				'position' : 'absolute',
				'background-color' : '#fff',
				'z-index' : '3014',
				'top' : '0px',
				'display' : 'none',
				'opacity': '0.4'
			});
			$('#ns_ro_overlayer_content').css({
				'width' : '700px',
				'height' : '400px',
				'position' : 'absolute',
				'background-color' : '#fff',
				'z-index' : '3016',
				'top' : '100px',
				'left' : '50%',
				'margin-left': '-350px',
				'display' : 'none',
				'border' : '7px solid #ccc'
				
				
			});
			$('#ns_ro_overlayer_content').html('<iframe  frameborder="0" src ="'+ROOT_NS_BAR+'iframe_browsers.html" width="100%" height="300px"></iframe><div style="text-align:center;"><a style="font-size:12px;font-weight:bold;margin-right:10px; border: 3px solid #ccc;padding:4px;color:#000;text-decoration:none;background-color:#eee" onclick="close_ns_box()" href="#" >Inchide</a> <br /><br /> <a href="#" style="font-size:11px;color:#000;" onclick="return close_ns_box();">Nu ma intereseaza</a></div>');
			//<a style="font-size:12px;font-weight:bold;margin-right:10px; border: 3px solid #ccc;padding:4px;color:#000;text-decoration:none;background-color:#eee" onclick="close_ns_box()" href="http://www.navigaresigura.ro/" target="_blank">Vreau mai multe detalii</a> <br /><br />
			$('#ns_ro_overlayer_bg').fadeIn('slow',function(){$('#ns_ro_overlayer_content').fadeIn('slow')});
		}
	);
}
function close_ns_box(type){
	$('#ns_ro_overlayer_content').remove();
	$('#ns_ro_overlayer_bg').remove();
	$('#ns_ro_bar').remove();
	$('body').css('padding-top','0px');
	$.cookie('__navigare_sigura',1,{ expires: 7,path:'/'});
	
	return false;
}