$(document).ready(function(){
  
var style;
var i = 0;
var showOnlyTop = true;	

	var el = $('.text');
	var def = 'Моё имя';
    if(el.val() == ""){
    	el.val(def);
    	el.addClass("def-value");						
    }
    
    el.focus(function() {
    	if(el.val() == def) {
    		el.val("");
    		el.removeClass("def-value");
    	}
    	el.blur(function() {
    		if(el.val() == "") {
    			el.val(def);
    			el.addClass("def-value");
    		}
    	});
    });


	$('input[type=submit]').click(function(){
		if($('input[name=blog]').attr("value") == undefined){
			return false;
		}
		$('input[name=blog]').attr({disabled:'disabled'});
		$('.sendButtonBlock').hide();
		$('#messages').show();
			loadBlogData();
			$('#messages').html('Обработка запроса');
	});

	var loadBlogData = function(){
		$('#ajax-loader').show();
		$.ajax({
		   type: "GET",
		   url: "/blogs.cgi",
		   data: "blog="+$('input[name=blog]').attr("value"),
		   dataType: "xml",
		   cache: false,
		   success: function(xml){
			$('#messages').html($('message',xml).text());
			$('#ajax-loader').hide();
				if($('status',xml).text() == 'ok'){
					loadBlogData();
				}
				if($('status',xml).text() == 'results'){
					parseResultData(xml);
				}
				
				if($('status',xml).text() == 'results' || $('status',xml).text() == 'error'){
									$('#messages').hide();
					$('input[name=blog]').attr({disabled:''});
					$('.sendButtonBlock').show();
				}
		   },
		   error: function(){
			alert('Упс! Что-то пошло не так. В любом случае, все полученные данны сохранены, так что попробуйте зайти позже и посмотреть что получилось.');
					$('#messages').hide();
					$('input[name=blog]').attr({disabled:''});
					$('.sendButtonBlock').show();
		   }
		});
	}
	
	$('.close').click(function(){
		$('#window').animate({"left": "-=650px"}, "slow");
		$('#copyBlock').hide();		
	});
	
	$('.show-all').click(function(){
		$('.hidden').show();
		showOnlyTop = false;		
	});
	$('.show-only-top').click(function(){
		$('.hidden').hide();
		showOnlyTop = true;	
	});		
	
	$('.copy').click(function(){
		$('#copyBlock textarea').text('-');
		$('#copyBlock').toggle();
		if(showOnlyTop == true){$('.hidden').remove()}
		var html = '<style>#results{width:80%;margin:0 auto;text-align:center;border-collapse:collapse;background:#ffffff;}#results th{background:#eeeeee;}#results td,#results th{border:1px solid #e3e3e3;padding:4px;}#results .odd{background:#F1F6FE;}#results .self{font-weight:bold;}</style>';
		html +='<table id="results">'+$('#results').html()+'<tr><td colspan="4"><a href="http://ljservice.ru">Определить рейтинг жж-друзей</a></td><td><a href="http://akop38.livejournal.com">Страница разработчика</a></td></tr></table>';
		$('#copyBlock textarea').text(html);	
	});	
	var parseResultData = function(dataxml){
		$('#results .row').remove();
		$('#window').animate({"left": "+=650px"}, "slow");
		
		$("row",dataxml).each(function(xml){		
			if(style == 'odd'){
				style = 'even';
			}else{
				style = 'odd'; 
			}

			if(i > 9){ var is_hidden_class = 'hidden'}
			
				var row  = '<tr class="'+style+' '+$("self",this).text()+' row '+is_hidden_class+'">';
					row += '<td>'+(i+1)+'</td>';
					row += '<td>'+$("position",this).text()+'</td>';
					row += '<td>'+$("name",this).text()+'</td>';
					row += '<td>'+$("authority",this).text()+'</td>';
					row += '<td>'+$("readers",this).text()+'</td>';
					row += '</tr>';
				
				++i;
			$('#results tr:last').after(row);
			
		});	
	}
	
});