var currenttext = 0;


function hreload(){
	var fontname = "";
	var fontstyle = "";
	var cs = "204"
	fontname = $('#header_font-style > div > ul > li > span.on').removeClass('link').attr('class');
	if (fontname == undefined)
		fontname = "";
	//fontname = fontname.substring(5);
	fontname = fontname.replace(" on", "");
	fontname = fontname.replace(" hover", "");
	
	fontstyle = fontname.substring(fontname.length - 1);
	fontname = fontname.substring(0, fontname.length - 2);
	fontname = fontname.replace(/\s{1,}/gi, "+");
	
	if (fontname.indexOf('Script') > -1)
		cs = '1';
	
	fontsize = $('#current_header_font-size').text();
	
	if (fontstyle < 0) fontstyle = 0;
	
	$('#im_headerform1').attr('src', 'http://www.fonts.ru/scripts/usamplea.exe?font='+fontname+'&fg=0&bg=ffffff&align=center&text='+ texts[currenttext]['header'] +'&cs='+cs+'&bi='+fontstyle+'&th='+fontsize+'&enc=1&lang=en&re=1');
}

function mreload(){
	var fontname = "";
	var fontstyle = "";
	var cs = "204";
	fontname = $('#main_font-style > div > ul > li > span.on').removeClass('link').attr('class');
	if (fontname == undefined)
		fontname = "";
	//fontname = fontname.substring(5);
	fontname = fontname.replace(" on", "");
	fontname = fontname.replace(" hover", "");
	
	fontstyle = fontname.substring(fontname.length - 1);
	fontname = fontname.substring(0, fontname.length - 2);
	fontname = fontname.replace(/\s{1,}/gi, "+");
	
	if (fontname.indexOf('Script') > -1)
		cs = "1";
	
	fontsize = $('#current_main_font-size').text();
	
	if (fontstyle < 0) fontstyle = 0
	
	for(i=0; i < texts[currenttext]['main'].length; i++)
		$('#im_secondform' +(i+1)).attr('src', 'http://www.fonts.ru/scripts/usamplea.exe?font='+fontname+'&fg=0&bg=ffffff&align=center&text='+ texts[currenttext]['main'][i] +'&cs='+cs+'&bi='+fontstyle+'&th='+fontsize+'&enc=1&lang=en&re=1');
}

function creload()
{
    var fontname = "";
    var fontstyle = "";
	var cs = "204";
	fontname = $('#comment_font-style > div > ul > li > span.on').removeClass('link').attr('class');
	if (fontname == undefined)
	    fontname = "";
    //fontname = fontname.substring(5);
    fontname = fontname.replace(" on", "");
    fontname = fontname.replace(" hover", "");

    fontstyle = fontname.substring(fontname.length - 1);
    fontname = fontname.substring(0, fontname.length - 2);
    fontname = fontname.replace(/\s{1,}/gi, "+");
	
	if (fontname.indexOf('Script') > -1)
		cs = "1";

    fontsize = $('#current_comment_font-size').text();

    if (fontstyle < 0) fontstyle = 0
    for(i=0; i < texts[currenttext]['comment'].length; i++)
      $('#im_thirdform' +(i+1)).attr('src', 'http://www.fonts.ru/scripts/usamplea.exe?font='+fontname+'&fg=0&bg=ffffff&align=center&text='+ texts[currenttext]['comment'][i] +'&cs='+cs+'&bi='+fontstyle+'&th='+fontsize+'&enc=1&lang=en&re=1');
  
}

function savecombo() 
{
    var url = "http://www.paratype.com/store/typo/savecombo.aspx";
    url += "?f1=" + $('#current_header_font-family').html();
    url += "&st1=" + $('#current_header_font-style').html();
    url += "&c1=" + $('#header_font-family > div > ul > li > span.on').attr('value');
	url += "&sz1=" + $('#current_header_font-size').text();
    url += "&f2=" + $('#current_main_font-family').html();
    url += "&st2=" + $('#current_main_font-style').html();
    url += "&c2=" + $('#main_font-family > div > ul > li > span.on').attr('value');
    url += "&sz2=" + $('#current_main_font-size').text();
	url += "&f3=" + $('#current_comment_font-family').html();
    url += "&st3=" + $('#current_comment_font-style').html();
    url += "&c3=" + $('#comment_font-family > div > ul > li > span.on').attr('value');
	url += "&sz3=" + $('#current_comment_font-size').text();
	url += "&au=" + $("#authors > ul > li > span.on").text();
	
	window.open( url , '_blank');
}

function loadcombo() {
	var style1 = $('#current_header_font-style').html();
	//$('#header_font-family > div > ul > li > span.on').removeClass('on');
	//$("#header_font-family > div > ul > li > span:contains('" + $('#current_header_font-family').html() + "'):first").addClass('on').removeClass('link');
	
	$('#header_font-family > div > ul > li > span.on').removeClass('on');
	$("#header_font-family > div > ul > li > span:contains('" + $('#current_header_font-family').html() + "'):first").addClass('on');
	$('#header_font-family > div > ul > li > span.on').removeClass('link');
	
	$("#header_font-style > div > ul").load("getstyles_header.aspx?c=" + $('#header_font-family > div > ul > li > span.on').attr('value'),
		function(responseText, textStatus, XMLHttpRequest) {
			if (textStatus == "success") {
				$('#current_header_font-family').attr('value', $(this).attr('value'));
				$('#current_header_font-style').html(style1);
				$("#header_font-style > div > ul > li > span").filter(function() {
					return $(this).text() == style1;
				}).addClass("on");
				hreload();
			}
			if (textStatus == "error") {
				// oh noes!
			}
		}
	);
	
	var style2 = $('#current_main_font-style').html();
	//$('#main_font-family > div > ul > li > span.on').removeClass('on');
	//$("#main_font-family > div > ul > li > span:contains('" + $('#current_main_font-family').html() + "'):first").addClass('on').removeClass('link');
	
	$('#main_font-family > div > ul > li > span.on').removeClass('on');
	$("#main_font-family > div > ul > li > span:contains('" + $('#current_main_font-family').html() + "'):first").addClass('on');
	$('#main_font-family > div > ul > li > span.on').removeClass('link');
	
	$("#main_font-style > div > ul").load("getstyles_main.aspx?c=" + $('#main_font-family > div > ul > li > span.on').attr('value'),
		function(responseText, textStatus, XMLHttpRequest) {
			if (textStatus == "success") {
				$('#current_main_font-family').attr('value', $(this).attr('value'));
				$('#current_main_font-style').html(style2);
				$("#main_font-style > div > ul > li > span").filter(function() {
					return $(this).text() == style2;
				}).addClass("on");
				mreload();
			}
			if (textStatus == "error") {
				// oh noes!
			}
		}
	);
	
	var style3 = $('#current_comment_font-style').html();
	//$('#comment_font-family > div > ul > li > span.on').removeClass('on');
	$//("#comment_font-family > div > ul > li > span:contains('" + $('#current_comment_font-family').html() + "'):first").addClass('on').removeClass('link');
	
	$('#comment_font-family > div > ul > li > span.on').removeClass('on');
	$("#comment_font-family > div > ul > li > span:contains('" + $('#current_comment_font-family').html() + "'):first").addClass('on');
	$('#comment_font-family > div > ul > li > span.on').removeClass('link');
	
	$("#comment_font-style > div > ul").load("getstyles_comment.aspx?c=" + $('#comment_font-family > div > ul > li > span.on').attr('value'),
		function(responseText, textStatus, XMLHttpRequest) {
			if (textStatus == "success") {
				$('#current_comment_font-family').attr('value', $(this).attr('value'));
				$('#current_comment_font-style').html(style3);
				$("#comment_font-style > div > ul > li > span").filter(function() {
					return $(this).text() == style3;
				}).addClass("on");
				creload();
			}
			if (textStatus == "error") {
				// oh noes!
			}
		}
	);
}

function loaddefaults(index){
	index = typeof(index) != 'undefined' ? index : 0;

	var data = defaults.items[index]; 
	
	$('#current_header_font-family').html(data.Font1);
	$('#current_header_font-family_store_link a').attr( 'href', 'http://fonts.ru/pstore/default.asp?fcode=' + data.Code1);
	$('#current_header_font-style').html(data.Style1);
	$('#current_header_font-size').text(data.Size1);
	$('#header_slider').slider('value', parseInt(data.Size1)/1.33);
	
	$('#current_main_font-family').html(data.Font2);
	$('#current_main_font-family_store_link a').attr( 'href', 'http://fonts.ru/pstore/default.asp?fcode=' + data.Code2);
	$('#current_main_font-style').html(data.Style2);
	$('#current_main_font-size').text(data.Size2);
	$('#main_slider').slider('value', data.Size2 /1.33);
	
	$('#current_comment_font-family').html(data.Font3);
	$('#current_comment_font-family_store_link a').attr( 'href', 'http://fonts.ru/pstore/default.asp?fcode=' + data.Code3);
	$('#current_comment_font-style').html(data.Style3);
	$('#current_comment_font-size').text(data.Size3);
	$('#comment_slider').slider('value', data.Size3 /1.33);
	
	loadcombo();
	$("#authors > ul > li > span.on").removeClass('on');
	$("#authors > ul > li > span:contains('" + data.Author + "'):first").addClass('on').click();
}

function changetext(){
	do{
		newtext = Math.floor(texts.length * Math.random());
	}
	while(newtext == currenttext);
	
	currenttext = newtext;
	
	//$('#authors').text(texts[currenttext]['author']);
	if (texts[currenttext]['fulltext'] != undefined)
		$('#full_text_link').attr('value', texts[currenttext]['fulltext'] + '_value');
	hreload();
	mreload();
	creload();
}

$(document).ready(function() {
	$('#header_font-family > div > ul > li > span').click(function() {
		var code1 = $(this).attr('value');
		var letter1 = code1.substr(code1.indexOf('_') + 1, 1);
		$('#current_header_font-family').text($(this).text());
		$('#current_header_font-family_store_link a').attr('href', 'http://fonts.ru/pstore/default.asp?fcode=' + $(this).attr('value') + '&letter=' + letter1);
		$("#header_font-style > div > ul").load("getstyles_header.aspx?c=" + $(this).attr('value'), function(responseText, textStatus, XMLHttpRequest) {
			if (textStatus == "success") {
				$('#current_header_font-family').attr('value', $(this).attr('value'));
				$('#current_header_font-style').html(
					$('#header_font-style > div > ul > li > span:first').removeClass('link').addClass('on').html()
				);
				hreload();
			}
			if (textStatus == "error") {
				// oh noes!
			}
		});
	});
	
	$('#main_font-family > div > ul > li > span').click(function() {
		var code2 = $(this).attr('value');
		var letter2 = code2.substr(code2.indexOf('_') + 1, 1);
		$('#current_main_font-family').text($(this).text());
		$('#current_main_font-family_store_link a').attr('href', 'http://fonts.ru/pstore/default.asp?fcode=' + $(this).attr('value') + '&letter=' + letter2);
		$("#main_font-style > div > ul").load("getstyles_main.aspx?c=" + $(this).attr('value'), function(responseText, textStatus, XMLHttpRequest) {
			if (textStatus == "success") {
				$('#current_main_font-family').attr('value', $(this).attr('value'));
				$('#current_main_font-style').html(
					$('#main_font-style > div  > ul > li > span:first').removeClass('link').addClass('on').html()
				);
				mreload();
			}
			if (textStatus == "error") {
				// oh noes!
			}
		});
	});
	
	$('#comment_font-family > div > ul > li > span').click(function() {
		var code3 = $(this).attr('value');
		var letter3 = code3.substr(code3.indexOf('_') + 1, 1);
		$('#current_comment_font-family').text($(this).text());
		$('#current_comment_font-family_store_link a').attr('href', 'http://fonts.ru/pstore/default.asp?fcode=' + $(this).attr('value') + '&letter=' + letter3);
		$("#comment_font-style > div > ul").load("getstyles_comment.aspx?c=" + $(this).attr('value'), function(responseText, textStatus, XMLHttpRequest) {
			if (textStatus == "success") {
				$('#current_comment_font-family').attr('value', $(this).attr('value'));
				$('#current_comment_font-style').html(
					$('#comment_font-style > div  > ul > li > span:first').removeClass('link').addClass('on').html()
                          );
                          creload();
                      }
                      if (textStatus == "error") {
                          // oh noes!
                      }
                  }
            );
    }
      );

    var fupload = new AjaxUpload('#upload', {
        action: 'loadcombo.aspx',
        name: 'fontfile',
        autoSubmit: true,
        onComplete: function(file, response) {
            var data = eval('(' + response + ')');
            $('#current_header_font-family').html(data.Font1);
            $('#current_header_font-family_store_link a').attr('href',
                        'http://fonts.ru/pstore/default.asp?fcode=' + data.Code1
                        );
            $('#current_header_font-style').html(data.Style1);
            $('#current_header_font-size').text(data.Size1);
            $('#header_slider').slider('value', data.Size1 / 1.33);

            $('#current_main_font-family').html(data.Font2);
            $('#current_main_font-family_store_link a').attr('href',
                        'http://fonts.ru/pstore/default.asp?fcode=' + data.Code2
                        );
            $('#current_main_font-style').html(data.Style2);
            $('#current_main_font-size').text(data.Size2);
            $('#main_slider').slider('value', data.Size2 / 1.33);

            $('#current_comment_font-family').html(data.Font3);
            $('#current_comment_font-family_store_link a').attr('href',
                        'http://fonts.ru/pstore/default.asp?fcode=' + data.Code3
                        );
            $('#current_comment_font-style').html(data.Style3);
            $('#current_comment_font-size').text(data.Size3);
            $('#comment_slider').slider('value', data.Size3 / 1.33);

            loadcombo();
            $("#authors > ul > li > span.on").removeClass('on');
            $("#authors > ul > li > span:contains('" + data.Author + "'):first").addClass('on').click();
        }


    });

    $('#authors > ul > li > span').click(function() {
        $i = 0;
        while ((texts[$i]['author'] != $(this).text()) && $i < texts.length)
            $i++;

        if ($i != texts.length) {
            currenttext = $i;

            $('#author').text(texts[currenttext]['author']);
            if (texts[currenttext]['fulltext'] != undefined)
                $('#full_text_link').attr('value', texts[currenttext]['fulltext'] + '_value');
            hreload();
            mreload();
            creload();
        }
    });

    loadcombo();
    changetext();
    $("#authors > ul > li > span:contains('" + texts[currenttext]['author'] + "'):first").addClass("on");

});