var divWidth = 500;
var nameFeed = 12;
var creditFont = 12;
var titles = 14;
var dates = 12;
var fontSize = 12;
var divPad = 0;
var borderWidth = 0;
var borderWidthImg = 0;
var imgW = 100;
var imgH = 68;
var openLinks = "_top";

var styleText = "<style type='text/css'>\n#iinews20 {width:500px;font-size:12px;font-family:arial}\n#iinews20 p {padding:0;margin:0}\n#iinews20 a {color:#0000FF;text-decoration:underline}\n#iinews20 a:hover {color:#CC0000;text-decoration:underline}\n#iinews20 img {margin:3px 10px 0 0;width:100px;height:68px;border:0}\n#iinews20 .feedTitle {font-size:12px;}\n#iinews20 ul {padding:0;margin:0;}\n#iinews20 li {list-style-type:none;display:block;clear:both;padding-top:8px;}\n#iinews20 .headline {font-size:14px;color:#0000FF}\n#iinews20 div {font-size:12px;}\n#iinews20 .date {padding:0;margin:0;font-size:12px;}\n#creditfooter {clear:both;display:block;padding-top:8px !important;text-align:right}\n</style>\n";

$(document).ready(function(){
	setDef();
	showItems();

	$(".zebra tr:nth-child(odd)").addClass("odd");
	$("#iinews20 img").attr("hspace", "0");
    $("#borderColor").colorPicker();
	$("#borderColorImg").colorPicker();
	$("#bgrndColor").colorPicker();
	$("#fontColor").colorPicker();
	$("#nameColor").colorPicker();
	$("#titlesColor").colorPicker();
	$("#datesColor").colorPicker();
	$("#linkColor").colorPicker();
	$("#linkHoverColor").colorPicker();

	$(".viewDiv").change(function(){
		setDivView();
	})

	$("#iinews20").css("display", "block");

	$("#informer").attr("rel", "vertical");

	var nItems = $("#numItems").val();
	var displayTitle = ( $("#showName").val() == "block" ) ? "1" : "0";
    var sImg = ( $("#showImg").val() == "none" ) ? "0" : "1";
	var sTxt = ( $("#showText").val() == "none" ) ? "0" : "1";
	var sCredit = ( $("#showCredit").val() == "block" ) ? "1" : "0";
	var openLinks = $("#openLinks").val();
	var linksInScript = ($("#openLinks").val() == '_blank') ? "1" : "0"

	codeText = '<sc'+'ript type="text/javascript">var nItems = "'+nItems+'";var showImg = '+sImg+';var showTxt = '+sTxt+';var fName = '+displayTitle+';var credit = '+sCredit+';var links = '+linksInScript+';</scri'+'pt>\n<sc'+'ript src="http://trainclub.ru/inf.js" type="text/javascript" ></scri'+'pt>';

	$("#code").val(styleText+codeText);
});
function setDef(){
	$("#divWidth").val(divWidth);
	$("#font").val(fontSize);
	$("#nameFeed").val(nameFeed);
	$("#creditFont").val(creditFont);
	$("#titles").val(titles);
	$("#dates").val(dates);
	$("#divPad").val(divPad);
	$("#imgW").val(imgW);
	$("#imgH").val(imgH);
    $("#borderWidth").val(borderWidth);
	$("#borderWidthImg").val(borderWidthImg);
	$("#openLinks").val("_top");
	$("#iinews20 a").attr("target", $("#openLinks").val() );
}
function setDivView() {

	if ($("#informView").val() == 'horisontal') {

		if ($("#informer").attr("rel") == "vertical") $("#divWidth").val("990");
		var itemWidth = parseInt($("#divWidth").val() / $("#numItems").val() - 20);

		$("#iinews20 li").css("clear", "none" );
		$("#iinews20 li").css("float", "left" );
		$("#iinews20 li").css("width", itemWidth + "px" );
		$("#iinews20 li").css("padding-right", "20px" );
		$("#iinews20").css({width: "900px"});
		$("#informer").attr("rel", "horisontal");
		$("#informer").css({float:"left"});
		$("#controlView").css({clear:"both",padding:"20px 0 0 0"});
		$("#controlView").css({float:"none"});

		var styleLi = "#iinews20 li {list-style-type:none;clear:none;float:left;width:"+itemWidth+"px;padding-right:20px}";

	} else {

		if ($("#informer").attr("rel") == "horisontal") $("#divWidth").val("500");
		$("#iinews20").css({width: "500px"});
		$("#iinews20 li").css("clear", "both" );
		$("#iinews20 li").css("float", "none" );
		$("#iinews20 li").css("width", "" );
		$("#iinews20 li").css("padding-right", "0" );
		$("#informer").attr("rel", "vertical");
		$("#informer").css({float:"left"});

		$("#controlView").css({clear:"none",padding:"0 0 0 20px"});
		$("#controlView").css({float:"right"});

		var styleLi = "#iinews20 li {list-style-type:none;clear:both;float:none;padding-top:8px}";

	}

	showItems();

	$("#iinews20").css("font-family", $("#fontFamily").val());
	$("#iinews20").css({border: $("#borderWidth").val()+"px " + $("#borderColor").val() + " " + $("#borderType").val() });
	$("#iinews20").css({width: $("#divWidth").val()+"px"});
	$("#iinews20").css({padding: $("#divPad").val()+"px"});
	$("#iinews20").css({background: $("#bgrndColor").val()});
	$("#iinews20 div").css( "font-size", $("#font").val()+"px" );
	$("#iinews20 div").css({color: $("#fontColor").val() });

	$("#iinews20 img").css({display: $("#showImg").val() });
    $("#iinews20 img").css({width: $("#imgW").val()+"px", height: $("#imgH").val()+"px" });
	$("#iinews20 img").css({border: ""+$("#borderWidthImg").val()+"px "+$("#borderColorImg").val()+" "+$("#borderTypeImg").val()+"" });

	$("#iinews20 .headline").css("font-size", $("#titles").val()+"px" );
	$("#iinews20 .headline").css("font-weight", $("#titleWeight").val() );
	$("#iinews20 .date").css("font-size", $("#dates").val()+"px" );
	$("#iinews20 .date").css("color", $("#datesColor").val() );

	if ($("#dateWeight").val() == 'bold') {
		$("#iinews20 .date").css("font-weight", "bold" );
		$("#iinews20 .date").css("font-style", "normal" );
	} else if ($("#dateWeight").val() == 'italic') {
		$("#iinews20 .date").css("font-style", "italic" );
		$("#iinews20 .date").css("font-weight", "normal" );
	} else {
		$("#iinews20 .date").css("font-style", "normal" );
		$("#iinews20 .date").css("font-weight", "normal" );
	}

	$("#iinews20 .feedTitle").css("display", $("#showName").val() );
	$("#iinews20 .feedTitle").css("font-size", $("#nameFeed").val()+"px" );

	$("#iinews20 #creditfooter").css("display", $("#showCredit").val() );
	$("#iinews20 #creditfooter").css("font-size", $("#creditFont").val()+"px" );

	$("#iinews20 a").attr("target", $("#openLinks").val() );
	$("#iinews20 a").css("color", $("#linkColor").val() );
	$("#iinews20 a").css("text-decoration", $("#linkType").val() );
	$("#iinews20 a").hover(function(){
			$(this).css("color", $("#linkHoverColor").val());
			$(this).css("text-decoration", $("#linkHoverType").val() );
		}, function() {
			$(this).css("color", $("#linkColor").val());
			$(this).css("text-decoration", $("#linkType").val());
		}
	);

    $(".announce").css("display", $("#showText").val() );
	$(".date").css("display", $("#showText").val() );

	$("#datesControlView").css("display", $("#showDates").val() );
	$("#nameControlView").css("display", $("#showName").val() );
	$("#creditControlView").css("display", $("#showCredit").val() );
	$("#textControlView").css("display", $("#showText").val() );
    $("#imgSizeControlView").css("display", $("#showImg").val() );
	$("#imgBorderControlView").css("display", $("#showImg").val() );

	styleText = "<style type='text/css'>";
	styleText += "\n#iinews20 {width:"+$("#divWidth").val()+"px;font-family:"+$("#fontFamily").val()+";border:"+$("#borderWidth").val()+"px "+$("#borderColor").val()+" "+$("#borderType").val()+";padding:"+$("#divPad").val()+"px"+";background:"+$("#bgrndColor").val()+"}";
	styleText += "\n#iinews20 p {padding:0;margin:0}\n#iinews20 a {color:"+$("#linkColor").val()+";text-decoration:"+$("#linkType").val()+"}";
	styleText += "\n#iinews20 a:hover {color:"+$("#linkHoverColor").val()+";text-decoration:"+$("#linkHoverType").val()+"}";
	styleText += "\n#iinews20 img {margin:3px 10px 0 0;display:"+$("#showImg").val()+";width:"+$("#imgW").val()+"px;height:"+$("#imgH").val()+"px;border:"+$("#borderWidthImg").val()+"px "+$("#borderColorImg").val()+" "+$("#borderTypeImg").val()+"}";
	styleText += "\n#iinews20 .feedTitle {font-size:"+$("#nameFeed").val()+"px;display:"+$("#showName").val()+"}";
	styleText += "\n#iinews20 ul {padding:0;margin:0;}";
	styleText += "\n"+styleLi;
	styleText += "\n#iinews20 .headline {font-size:"+$("#titles").val()+"px;font-weight:"+$("#titleWeight").val()+"}";
	styleText += "\n#iinews20 div {font-size:"+$("#font").val()+"px;color:"+$("#fontColor").val()+";}";
	styleText += "\n#iinews20 .date {padding:0;margin:0;color:"+$("#datesColor").val()+";font-size:"+$("#dates").val()+"px;}";
	styleText += "\n#creditfooter {clear:both;display:"+$("#showCredit").val()+";padding-top:8px !important;font-size:"+$("#creditFont").val()+"px;text-align:right}\n</style>\n";


	var nItems = $("#numItems").val();
	var displayTitle = ( $("#showName").val() == "block" ) ? "1" : "0";
	var sImg = ( $("#showImg").val() == "none" ) ? "0" : "1";
    var sTxt = ( $("#showText").val() == "none" ) ? "0" : "1";
	var sCredit = ( $("#showCredit").val() == "block" ) ? "1" : "0";
	var openLinks = $("#openLinks").val();
	var linksInScript = ($("#openLinks").val() == '_blank') ? "1" : "0"

	codeText = '<sc'+'ript type="text/javascript">var nItems = "'+nItems+'";var showImg = '+sImg+';var showTxt = '+sTxt+';var fName = '+displayTitle+';var credit = '+sCredit+';var links = '+linksInScript+';</scri'+'pt>\n<sc'+'ript src="http://trainclub.ru/inf.js" type="text/javascript" ></scri'+'pt>';

	$("#code").val(styleText+codeText);
}

function showItems() {
	var curItem = 0;
	$("#iinews20 li").css("display", "");
	$("#iinews20 li").each( function(){
		if (curItem >= $("#numItems").val()) $(this).css("display", "none");
		curItem ++;
	});
}