// JavaScript Document

$(document).ready(function(){
	$('.accordion').accordion({
		collapsible: true,
		autoHeight: false,
		active: false
	});
	
	$('.jqueryStyled').button();
	
	$(".continue").click(function(event){
		event.preventDefault();
		if($('input:radio[name=organization]:checked').val()){
			prepForm();
			$('#small').click();
			$("#dialog-modal").dialog({
				height: 'auto',
				width: 700,
				modal: true
			});
		}else{
			$("#dialog-modal-error").dialog({
				height: 'auto',
				width: 700,
				modal: true
			});
		}
	});
});

function prepForm(){
	$('.jqueryStyled').button();
	
	$('#small').click(function(){
		$('#customMeasure').slideUp();
		$('#includeText').slideDown();
		rewriteInclude('small');
	});
	$('#medium').click(function(){
		$('#customMeasure').slideUp();	
		$('#includeText').slideDown();
		rewriteInclude('medium');
	});
	$('#large').click(function(){
		$('#customMeasure').slideUp();
		$('#includeText').slideDown();
		rewriteInclude('large');
	});
	
	$('#custom').click(function(){
		$('#customMeasure').slideDown();
		$('#includeText').slideDown();
		rewriteInclude('custom');
		$('#width').change(function(){balanceValues('width');})
		$('#height').change(function(){balanceValues('height');})
	});
}

function balanceValues(measure){
	var width = 0;
	var height = 0;
	
	switch(measure){
		case 'width':
			width = $('#width').val();
			height = width / .656;
			$('#height').val(Math.floor(height))
		break;
		
		case 'height':
			height = $('#height').val();
			width = height * .656;
			$('#width').val(Math.floor(width));
		break;
	}
	
	rewriteInclude('custom');
}

function rewriteInclude(imageSize){
	var currentSelect = $('input:radio[name=organization]:checked').val();
	var linkString = "<a href='http://proliferibbon.com/scripts/linkV2.php?org="+currentSelect+"'>";
	var imageString = "<img src='http://proliferibbon.com/images/ribbon.php?org="+currentSelect+"&type=";
	var imageEndString = "'/>";
	var linkEndString = "</a>";
	switch(imageSize){
		
		case 'small':
			$('#includeText').val(linkString+imageString+'small'+imageEndString+linkEndString);
		break;
		case 'medium':
			$('#includeText').val(linkString+imageString+'medium'+imageEndString+linkEndString);
		break;
		case 'large':
			$('#includeText').val(linkString+imageString+'large'+imageEndString+linkEndString);
		break;
		case 'custom':
			$('#includeText').val(linkString+imageString+'custom&width='+$('#width').val()+imageEndString+linkEndString);
		break;
	}
}