var bubble_base_code = '<script src="http://bubble.websnapr.com/%KEY%/%SIZE%/%DETAIL%" type="text/javascript"></script>';

function check(int_step) {
	switch(int_step) {
		case 1:
			
			str_key = $('websnapr_key').value;
			
			if(!$('websnapr_terms').checked) {
				$('termsnotaccepted').removeClass('hidden');
			} else {
				
				$('termsnotaccepted').addClass('hidden');
				
				$('websnapr_terms').disabled = true;
				
				if(wb_is_valid_key(str_key)) {
					wb_show_form(int_step + 1);
					$('keywrong').addClass('hidden');
				} else {
					$('keywrong').removeClass('hidden');
				}
			}
			
			break;
			
		case 2:
			wb_show_form(int_step + 1);
			break;

		case 3:
		
			var str_div_id = $('input_container_id').value;
			
			if(!$('include_method_id').checked || str_div_id.match('^.{1,50}$')) {
				wb_show_form(int_step + 1);				
				$('msg_invalid_id').addClass('hidden');					
			} else {
				$('msg_invalid_id').removeClass('hidden');	
			}
		

			break;
			
		case 4:
			wb_show_form(int_step + 1);
			break;			
			
	}
	
	refresh_bubble_code();
	
}

function wb_is_valid_key(str_key) {
	return(str_key.match(/^[0-9|a-z|A-Z]{12}$/));	
}

function wb_show_form(int_step) {
	$("step" + int_step).removeClass('hidden');	
}

function refresh_bubble_code() {
	
	var str_key = $('websnapr_key').value;
	var str_detail = $('include_method_id').checked ? encodeURIComponent($('input_container_id').value) + '/' : '';
	var str_detail = $('include_method_parentclass').checked ? encodeURIComponent($('input_container_class').value) + '/' : str_detail;

	id_method_change();
	
	switch($('select_cmstype').value) {
		case 'wordpress_standard':
			$('input_container_class').value='entry';
			$('include_method_parentclass').checked = true;
			$('what_links_should_get').addClass('hidden');
			break;
		
		default:
			$('what_links_should_get').removeClass('hidden');		
			//$('input_container_id').value='';			
			//$('include_method_class').checked = true;
			break;
	}
	
	var str_method = 'a'; // default
	
	if($('include_method_class').checked) {
		$('instruction_class').removeClass('hidden');
		$('instruction_general').addClass('hidden');
		str_method = 'w';
	} else {
		$('instruction_class').addClass('hidden');
		$('instruction_general').removeClass('hidden');			
		
		if($('include_method_id').checked) {
			str_method = 'i';							
		}
		
		if($('include_method_parentclass').checked) {
			str_method = 'c';
		}
	}

	if($('bubble_method_icon').checked) {
		var str_bubble_method = 'i';
	} else {
		var str_bubble_method = 'h';		
	}

	$('bubble_code').innerHTML	= bubble_base_code.replace('%SIZE%', 's' + str_method + str_bubble_method).replace('%KEY%', str_key).replace('%DETAIL%', str_detail);
	$('bubble_code_detail').innerHTML = $('bubble_code').innerHTML;
}
function id_method_change() {

	if($('include_method_id').checked) {
		$('container_id').removeClass('hidden');		
	} else {
		$('container_id').addClass('hidden');		
	}
	
	if($('include_method_parentclass').checked) {
		$('container_class').removeClass('hidden');
	} else {
		$('container_class').addClass('hidden');		
	}
	
}

function show_detailed_code() {
	$('detailed_code').removeClass('hidden');	
}

function sample() {
	WS.init();	
	
}