var sc_1 = null;
var sc_2 = null;
var lineProps = {width: 1, color: '#b0b0b0'};
var testProps = {width: 0.5, color: '#c5c5c5'};




$(window).bind('load', function(){
	var obj_01 = $('#obj_canvas_1');
	var obj_02 = $('#obj_canvas_2');
	var line_1= $('div.caption_03');
	var line_2= $('div.caption_07');
	var line_3= $('div.caption_08');

	
	sc_1 = new SimpleCanvas('obj_canvas_1');
	sc_2 = new SimpleCanvas('obj_canvas_2');
	
	function canva(){	
		var line_1Y = line_1[0].offsetTop + line_1.height()-3;
		var line_2Y = line_2[0].offsetTop + line_2.height()-10;
		var line_3Y = line_3[0].offsetTop + line_3.height()-10;
		
		sc_1.drawLine ({x: 0, y: 175}, {x: '20% + 109', y: line_1Y}, testProps);
		sc_1.drawLine ({x: 147, y: 305}, {x: '20% + 120', y: 277}, testProps);
		sc_1.drawLine ({x: 159, y: 392}, {x: '20% + 109', y: 392}, testProps);
		
		sc_2.drawLine ({x: '76% - 120', y: line_2Y}, {x: '100% - 128', y: 307}, testProps);
		sc_2.drawLine ({x: '76% - 155', y: line_3Y}, {x: '100% - 106', y: 382}, testProps);
		sc_2.drawLine ({x: '100% - 138', y: 804}, {x: '100% - 138', y: 729}, testProps);
		
		if($.browser.msie){
			sc_1.repaint();
			sc_2.repaint();
		}
	
		$(window).resize(function(){
			sc_1.repaint();
			sc_2.repaint();
		});
	}
	
	$('#obj_canvas_1').css('zoom', 1);
	$('#obj_canvas_2').css('zoom', 1);
	
	canva();
	
});









//-------------- AJAX -------------//
function Harvester(){
	var ajax_data = '';

	$('#feedback_form textarea').each(function(i){
		if($(this).attr('name')) {
			ajax_data += $(this).attr('name') + '=' + $(this).val() + '&';
		}
		
	});
		
	$('#feedback_form input').each(function(i){
		if($(this).attr('name')) {
			ajax_data += $(this).attr('name') + '=' + $(this).val() + '&';
		}
	});
	
	return ajax_data;
}

$(function() {
	var feedback = $('#feedback_form');
	var form = feedback.find('form');
	var formContainer = feedback.find('div.form');
	form.submit(function(){
		$.ajax({
		   type: "POST",
		   data: Harvester(),
		   url: $(this).attr('action'),
		   success: function(msg){
		   	var thanks = '<p class="thanks">' + $('p.thanks',msg).text() + '</p>';
		   	var gone = '<p>' + $('p.gone',msg).text() + '</p>';
		   	formContainer.append('<div class="info">' + thanks + gone +'</div>');
		   	formContainer.find('div.intro').css('visibility','hidden');
		   	//formContainer.find('img.form_bg').addClass('hidden');
		   	formContainer.find('img.form_bg_thanks').removeClass('hidden');
		   	form.css('visibility','hidden');
		   	feedback.find('ins.gal_close').click(function(){
		   			feedback.addClass('keep_back');
		   			formContainer.find('div.info').remove();
		   			formContainer.find('div.intro').css('visibility','visible');
		   			formContainer.find("input[name*=email]").attr('value','');
		   			formContainer.find('textarea').attr('value','');
				   	//formContainer.find('img.form_bg').removeClass('hidden');
				   	formContainer.find('img.form_bg_thanks').addClass('hidden');
				   	form.css('visibility','visible');
				   	
		   	});
		   }
		 });
		 
		 return false;
	});
});