$(function(){

	var myContent = $("div#content");
	var myDeclBlock = $("div.declare-block");
	var myParent = $("div#container");

	if ($.browser.mozilla) {
		myContent.css("-moz-border-radius", "10px");
		myDeclBlock.css("-moz-border-radius", "10px");
	} else {


		var xTop = "";
		var xBottom = "";
		myContent.before("<div class='xc10top'></div>")
			.after("<div class='xc10bottom'></div>");
		for (i = 0; i < 10; i++) {
			xTop += "<div class='xc" + i + "'></div>"
			xBottom += "<div class='xc" + (9-i) + "'></div>"
		}
		$("div.xc10top").html(xTop).css("margin-top","15px");
		$("div.xc10bottom").html(xBottom);
		myContent.css("border-top-width","0px").css("border-bottom-width","0px").css("margin-top", "0px");
		myParent.find(".xc0").css("margin","0 10px").css("background","#FFF").css("border","none");
		myParent.find(".xc1").css("margin","0 7px").css("background","#FFF").css("border","none");
		myParent.find(".xc2").css("margin","0 5px").css("border-right-width","4px").css("border-left-width","4px");
		myParent.find(".xc3").css("margin","0 4px").css("border-right-width","3px").css("border-left-width","3px");
		myParent.find(".xc4").css("margin","0 3px").css("border-right-width","3px").css("border-left-width","3px");
		myParent.find(".xc5").css("margin","0 2px").css("border-right-width","3px").css("border-left-width","3px");
		myParent.find(".xc6").css("margin","0 2px");
		myParent.find(".xc7").css("margin","0 2px");
		myParent.find(".xc8").css("margin","0 1px");
		myParent.find(".xc9").css("margin","0 1px");

		var xdTop = "";
		var xdBottom = "";
		myContent.find("div.declare-block").before("<div class='xd10top'></div>")
			.after("<div class='xd10bottom'></div>");
		$("div#content-title").find(".block").before("<div class='xd10top'></div>")
			.after("<div class='xd10bottom'></div>");
		for (i = 0; i < 10; i++) {
			xdTop += "<div class='xd" + i + "'></div>"
			xdBottom += "<div class='xd" + (9-i) + "'></div>"
		}
		$("div.xd10top").html(xdTop);
		$("div.xd10bottom").html(xdBottom);
		myParent.find("div.declare-block").css("border-top-width","0px").css("border-bottom-width","0px").css("margin-top", "0px");
		$("div#content-title").find(".block").css("border-top-width","0px").css("border-bottom-width","0px").css("margin-top", "0px")
		myParent.find(".xd0").css("margin","0px 7px").css("background","#76C6D6").css("border","none");
		myParent.find(".xd1").css("margin","0px 5px").css("border-right-width","2px").css("border-left-width","2px");
		myParent.find(".xd2").css("margin","0px 3px").css("border-right-width","2px").css("border-left-width","2px");
		myParent.find(".xd3").css("margin","0px 2px").css("border-right-width","2px").css("border-left-width","2px");
		myParent.find(".xd4").css("margin","0px 1px").css("border-right-width","2px").css("border-left-width","2px");
		myParent.find(".xd5").css("margin","0px 1px");
		myParent.find(".xd6").css("margin","0px 1px");
		myParent.find(".xd7").css("margin","0px 0px");
		myParent.find(".xd8").css("margin","0px 0px");
		myParent.find(".xd9").css("margin","0px 0px");

	}


});
function limitChars(textid, limit, infodiv){
	var text = $('#'+textid).val();
	var textlength = text.length;
	if(textlength > limit){
		$('#' + infodiv).html('Вам нельзя написать более чем '+limit+' символов!');
		$('#'+textid).val(text.substr(0,limit));
		return false;
	}else{
		$('#' + infodiv).html('У Вас осталось '+ (limit - textlength) +' символов.');
		return true;
    }
}
$(function(){
	$('#message').keyup(function(){
		limitChars('message', 1000, 'message_len');
	})
});