var i_art;
var i_flag;
var i_bar; 
var art_timeID=0;
function i_art_(){
	i_art = $('#i_art_');
	i_flag = $('#i_art_image');
	i_bar = $('#i_art_red_line');
}

//При клике начинается анимация
var i_art_visible=0;
function i_art_show(){
	i_art_visible = 1;
	i_art = $('#i_art_');
	i_flag = $('#i_art_image');
	i_bar = $('#i_art_red_line');
	var pos = i_flag.offset();
	i_flag.css('position', 'absolute');
	i_flag.css('z-index', 1006);	
	i_flag.css({'left':pos.left+pos.scrollLeft,'top':pos.top+pos.scrollTop});
	var pos = i_flag.offset();
	var new_y = (pos.top + pos.scrollTop) - 230;
	i_flag.animate({top:new_y},'slow',i_art_animate);
}

function i_art_animate(){
	var pos = i_flag.offset();
	var new_x = (pos.left - pos.scrollLeft) - 254;
	i_flag.animate({left: new_x},'slow');
	i_bar.animate({width: 247},'slow', i_art_form);
}

function i_art_form(){
	x = parseInt(i_flag.css('left'))-1;
	y = parseInt(i_flag.css('top'))-1;
	$('#i_art_line').css({'display':'block'});
	i_art.css({'left':x,'top':y,'display':'block'});
	document.getElementById('i_art_hendler').onclick = function(){window.open("http://artdesign.in.ua");}
}

function i_art_close(){
	clearTimeout(art_timeID);
	i_art_visible = 0;
	i_art.css({'display':'none'});
	$('#i_art_line').css({'display':'none'});
	var pos = i_flag.offset();
	var new_x = (pos.left - pos.scrollLeft) + 254;
	i_flag.animate({left: new_x}, 'slow');
	i_bar.animate({width: 0}, 'slow', i_art_return_down);
	document.getElementById('i_art_hendler').onclick = i_art_show;
}

function i_art_return_down(){
	var pos = i_flag.offset();
	var new_y = (pos.top + pos.scrollTop) + 230;
	i_flag.animate({top: new_y}, 'slow', i_art_fix);
}

function i_art_fix(){
	i_flag.css('position', 'relative');
	i_flag.css({top:0,left:0});
}

function i_art_focus(){
	if($('.art_input_error').length==1){
		var msg = $('#i_art_msg');
		msg.removeClass().html('');
	}
	$(this).removeClass('art_input_error').addClass('input');
}

function i_art_send(){
	var site = $('#i_art_site').val();
	var opinion = $('#i_art_opinion');
	var user = $('#i_art_user');
	var email = $('#i_art_email');
	var msg = $('#i_art_msg');
	
	opinion.focus(i_art_focus);
	user.focus(i_art_focus);
	email.focus(i_art_focus);

	if(user.val()=='' || email.val()=='' || opinion.val()==''){
		msg.addClass('i_art_error').html('Заполните, пожалуйста, все поля!');
		if(user.val()=='')	user.removeClass('input').addClass('art_input_error');
		if(email.val()=='')	email.removeClass('input').addClass('art_input_error');
		if(opinion.val()=='')opinion.removeClass('input').addClass('art_input_error');
		return;
	}
	
	if(email.val().search(/[^@]+@[^@]+/)==-1){
		msg.addClass('i_art_error').html('Email указан неверно!');
		email.removeClass('input').addClass('art_input_error');
		return;
	}
	
	var url = location.protocol+'//'+document.domain+'/?'+'ajax=yes&name=MID&method=Send&opinion='+opinion.val()+'&user='+user.val()+'&email='+email.val();
	$.post(url, '', function(e){
		onMIDResponse(e);
	});
}

function onMIDResponse(e){
	if(e=='200'){
		var msg = $('#i_art_msg');
		msg.addClass('i_art_msg').html('Спасибо, Ваше сообщение отправлено!');
		art_timeID = setTimeout(function(){i_art_close()},5000);
	}else{
		msg.addClass('i_art_error').html('Сообщение не может быть отправлено!');
	}
}