jQuery(document).ready(function() {
	
	//only run code on select product pages
	var exists = false;
	if (!jQuery('.product-options').length) return;
	
	var select_id = jQuery("select[id^=select_]").attr("id");
	var option1_id = jQuery("input[id^=options_]").attr("id");
	var option2_id = jQuery("input[id^=options_]:eq(1)").attr("id");
	
	var select_list = '#'+select_id;
	var line1_list = '#'+option1_id;
	var line2_list = '#'+option2_id;

	// build up html for preview
	var container = "<div id='fonts-preview-text'></div>";
	var title = "<h2>Preview</h2>";
	var content = "<p id='line1'></p><p id='line2'></p>";
	jQuery('#product-options-wrapper').append(container);
	jQuery('#fonts-preview-text').append(title+content);
	jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('text-align', 'center');
	jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('padding', '5px 0px');
	
	//setup defaults
	jQuery(select_list).val('0');
	
	jQuery('#fonts-preview-text #line1').text(jQuery(line1_list).val());
	jQuery('#fonts-preview-text #line2').text(jQuery(line2_list).val());
	
	jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '26px');
	Cufon.set('fontFamily', 'Times').replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
	
	
	// fn called onchange of textbox line 1
	jQuery(line1_list).bind('keyup', function() { 	
			//alert(this.value);
			
			jQuery('#fonts-preview-text #line1').text(this.value);
			Cufon.replace('#fonts-preview-text #line1');
		} 
	);

	// fn called onchange of textbox line 2
	jQuery(line2_list).bind('keyup', function() { 	
			//alert(this.value);
			
			jQuery('#fonts-preview-text #line2').text(this.value);
			Cufon.replace('#fonts-preview-text #line2');
		} 
	);
	

	
	
	function selectChange() {
		
	var i = jQuery('select option:selected').text();
		var selected = '';
		
		if ((/\bAmaze/g).test(i)) {
		   selected = 'Amaze';
		} else if ((/\bBeautiful/g).test(i)) {
		   selected = 'Beautiful';
		} else if ((/\bCentury/g).test(i)) {
		   selected = 'Century';
		} else if ((/\bCloister/g).test(i)) {
		   selected = 'Cloister';
		} else if ((/\bCurlz/g).test(i)) {
		   selected = 'Curlz';
		} else if ((/\bDisney/g).test(i)) {
		   selected = 'Disney';
		} else if ((/\bDouble/g).test(i)) {
		   selected = 'Double';
		} else if ((/\bEdwardian/g).test(i)) {
		   selected = 'Edwardian';
		} else if ((/\bFancy/g).test(i)) {
		   selected = 'Fancy';
		} else if ((/\bFraktur/g).test(i)) {
		   selected = 'Fraktur';
		} else if ((/\bSchwaben/g).test(i)) {
		   selected = 'Schwaben';
		} else if ((/\bRound/g).test(i)) {
		   selected = 'Round';
		} else if ((/\bEnglish/g).test(i)) {
		   selected = 'English';
		} else if ((/\bAcademic/g).test(i)) {
		   selected = 'Academic';
		} else if ((/\bRoman/g).test(i)) {
		   selected = 'Roman';
		} else if ((/\bVine/g).test(i)) {
		   selected = 'Vine';
		} else if ((/\bHelvetica/g).test(i)) {
		   selected = 'Helvetica';
		} else if ((/\bEngraver/g).test(i)) {
		   selected = 'Engraver';
		} else if ((/\bWedding/g).test(i)) {
                   selected = 'Wedding';
		} else if ((/\bGreek/g).test(i)) {
		   selected = 'Greek';
		} 
		
		   
		//alert('The current index is... ' + i);
		switch(selected) {
			case 'Amaze': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'Amaze').refresh(); Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Beautiful': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '36px');
					Cufon.set('fontFamily', 'beautiful').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Century': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'centuryb').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Cloister': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'cloisteropen').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Curlz': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'curlz').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Disney': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'disney').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Double': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'double').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Edwardian': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '38px');
					Cufon.set('fontFamily', 'edwardians').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Fancy': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'fancy').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Fraktur': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'fraktur').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Schwaben': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'schwaben').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Round': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'round').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'English': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'english').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Academic': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'academic').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Roman': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'timesbd').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Vine': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'vinems').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Helvetica': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'helvetica').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Engraver': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'engravers').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			case 'Wedding': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
                                        Cufon.set('fontFamily', 'wedding').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
                                break;
			case 'Greek': jQuery('#fonts-preview-text #line1, #fonts-preview-text #line2').css('font-size', '31px');
					Cufon.set('fontFamily', 'Greek_Symbols').refresh();Cufon.replace('#fonts-preview-text #line1, #fonts-preview-text #line2');
				break;
			default: //do nothing
		}
				
		
	}
	
	jQuery(select_list).change(selectChange);
	jQuery(select_list).keyup(selectChange);
	
});