/* This Javascript document contains necessary code for displaying a name on the various personalized products  */
jQuery.noConflict();

jQuery(document).ready(function() {
								
	jQuery('#homeBanners').cycle({ 
		fx:    'fade', 
		timeout:  5000,
		pager:  '#bannerNav',
		slideExpr: '.homeBanner'
	});
	
	jQuery("select:contains('Comic Sans')").change(function(){
		updatePacifierName();
		//alert('Welcome');
	});
	
	var productSku = jQuery('#sku-holder').text();
	
	switch(productSku){
		case '3P-13-0-S-0-000': //Roller Girl
			jQuery('#band_duplicate_one').css('color','#f745bd'); //Hot Pink
			jQuery('#band_duplicate_two').css('color','#ff8d2c'); //Orange
		break;
		case '3P-11-0-S-0-000': //Princess Pack
			jQuery('#band_duplicate_one').css('color','#f745bd'); //Hot Pink
			jQuery('#band_duplicate_two').css('color','#f69fcc'); //Pink
		break;
		case '3P-14-0-S-0-000': //Valentines Pack
			jQuery('#band_duplicate_one').css('color','#f69fcc'); //Pink
		break;
		case '3P-05-0-S-0-000': //Hot Pink on White
			jQuery('#band_duplicate_one').css('color','#f745bd'); //Hot Pink
			jQuery('#band_duplicate_two').css('color','#f745bd'); //Hot Pink
			jQuery('#band_display_one').css('color','#f745bd');//Hot Pink
		break;
		case '3P-15-0-S-0-000': //Orange on White
			jQuery('#band_duplicate_one').css('color','#ff8d2c'); //Orange
			jQuery('#band_duplicate_two').css('color','#ff8d2c'); //Orange
			jQuery('#band_display_one').css('color','#ff8d2c');//Orange
		break;
		case '3P-16-0-S-0-000':
			jQuery('#band_duplicate_one').css('color','#a1c0ee'); //Powder Blue
			jQuery('#band_display_one').css('color','#f69fcc'); //Pink
			jQuery('#band_duplicate_two').css('color','#a1c0ee'); //Powder Blue
		break;
		case '3P-17-0-S-0-000': //Kite Pack
			jQuery('#band_duplicate_one').css('color','#ff8d2c'); //Orange
			jQuery('#band_display_one').css('color','#cde549'); //Green
			jQuery('#band_duplicate_two').css('color','#a1c0ee'); //Powder Blue
		break;
		case '3P-18-0-S-0-000': //Green Pack
			jQuery('#band_duplicate_one').css('color','#cde549'); //Green
			jQuery('#band_display_one').css('color','#cde549'); //Green
			jQuery('#band_duplicate_two').css('color','#cde549'); //Green
		break;
		case '3P-19-0-S-0-000': //Powder Pink Pack
			jQuery('#band_duplicate_one').css('color','#f69fcc'); //Pink
			jQuery('#band_display_one').css('color','#f69fcc'); //Pink
			jQuery('#band_duplicate_two').css('color','#f69fcc'); //Pink
		break;
		case '3P-12-0-S-0-000': //Shooting Star Pack
			//jQuery('#band_duplicate_one').css('color','#f69fcc'); //Pink
			jQuery('#band_display_one').css('color','#f69fcc'); //Pink
			//jQuery('#band_duplicate_two').css('color','#f69fcc'); //Pink
		break;
		case '3P-21-0-S-0-000': //Circus Pack
			jQuery('#band_duplicate_one').css('color','#f745bd'); //Pink
			jQuery('#band_display_one').css('color','#f745bd'); //Pink
			jQuery('#band_duplicate_two').css('color','#f69fcc'); //Pink
		break;
		case '3P-22-0-S-0-000': //Circus Pack
			jQuery('#band_duplicate_one').css('color','#cde549'); //Green
			jQuery('#band_display_one').css('color','#cde549'); //Green
			jQuery('#band_duplicate_two').css('color','#a1c0ee'); //Powder Blue
		break;
	}
	
	//$('#product-name').after('<span style="display:none;">' . myStuff . '</span>');
	
});

Cufon.replace('.band_line1', {fontFamily: 'Schoolhouse'});
Cufon.replace('.band_line2', {fontFamily: 'Schoolhouse'});

var name1 = "";
var name2 = "";
var fullName = new Array();

function updateBandName1(inputObj){
	name1 = inputObj.value;
	updateBandName();
}
function updateBandName2(inputObjer){
	name2 = inputObjer.value;
	updateBandName();
}

function changeSize(input){
	var sizeRatio = 50 - (input * 3);

	if(fullName[1] == ""){
		if ((input > 0) && (input <= 3)) {
			jQuery('.cufon-active #band_display_one').css({fontSize: '60px'});
			jQuery('.cufon-active #band_display_one').css({marginTop: '-190px'});
			jQuery('.cufon-active #band_duplicate_one').css({fontSize: '60px'});
			jQuery('.cufon-active #band_duplicate_one').css({marginTop: '-280px'});
			jQuery('.cufon-active #band_duplicate_two').css({fontSize: '60px'});
			jQuery('.cufon-active #band_duplicate_two').css({marginTop: '-95px'});
		}
		else if (input > 3 && input <= 10){
			jQuery('.cufon-active #band_display_one').css({fontSize: sizeRatio});
			jQuery('.cufon-active #band_display_one').css({marginTop: '-187px'});
			jQuery('.cufon-active #band_duplicate_one').css({fontSize: sizeRatio});
			jQuery('.cufon-active #band_duplicate_one').css({marginTop: '-280px'});
			jQuery('.cufon-active #band_duplicate_two').css({fontSize: sizeRatio});
			jQuery('.cufon-active #band_duplicate_two').css({marginTop: '-95px'});
		}
	} else {
		jQuery('.cufon-active #band_display_one').css({fontSize: '26px'});
		jQuery('.cufon-active #band_duplicate_one').css({fontSize: '26px'});
		jQuery('.cufon-active #band_duplicate_two').css({fontSize: '26px'});
	}
	
	Cufon.replace('.band_line1', {fontFamily: 'Schoolhouse'});
	Cufon.replace('.band_line2', {fontFamily: 'Schoolhouse'});
}
	
function updateBandName(){
	if(name1 != ""){
		fullName[0] = name1;
	}
	else{
		fullName[0] = "Name";
	}
	if(name2 != ""){
		fullName[1] = name2;
	}
	else{
		fullName[1] = "";	
	}
	
	if(fullName[0] != "Name" && fullName[0] != "" && fullName[1] != ""){		
		jQuery('.band_line1').html(fullName[0]);
		jQuery('.band_line2').html(fullName[1]);
	}
	else if(fullName[0] == "" && fullName[1] != ""){
		jQuery('.band_line1').html("");
		jQuery('.band_line2').html("");
	}
	else{
		jQuery('.band_line1').html(fullName[0]);
		jQuery('.band_line2').html("");
	}
	
	var theSize = fullName[0].length + fullName[1].length;

	changeSize(theSize);	
}

//Pacifier//////////////////////////////////////////////////////////////////////////////////////////

Cufon.replace('#pacifier_name_display', {fontFamily: 'Comic Sans'});

var paciName1 = "";
var paciName2 = "";
var paciName3 = "";

var fullPaciName = new Array();

var selectedPacifierFont = "";

function setupPacifierName(){
	jQuery('.image-zoom').hide();
}

function updatePacifierName1(input){
	paciName1 = input.value;
	updatePacifierName();
}
function updatePacifierName2(input){
	paciName2 = input.value;
	updatePacifierName();
}
function updatePacifierName3(input){
	paciName3 = input.value;
	updatePacifierName();
}

function updatePacifierName(){
	if(paciName1 == ""){
		paciName1 = "Name";
		paciName2 = "";
		paciName3 = "";
	}
	if(paciName2 ==""){
		paciName2 = "";
	}
	if(paciName3 ==""){
		paciName3 = "";
	}
	
	fullPaciName[0] = paciName1;
	fullPaciName[1] = paciName2;
	fullPaciName[2] = paciName3;
	
	selectedPacifierFont = jQuery("select:contains('Comic Sans') :selected").text();
	
	if(selectedPacifierFont == "Space Toaster +$1.00"){
		Cufon.replace('#pacifier_name_display', {fontFamily: 'Space Toaster'});
		jQuery('#pacifier_name_display').css({fontSize: 48});
	} else {
		Cufon.replace('#pacifier_name_display', {fontFamily: 'Comic Sans'});
	}

	jQuery('.paciLine1').html(fullPaciName[0]);
	jQuery('.paciLine2').html(fullPaciName[1]);
	jQuery('.paciLine3').html(fullPaciName[2]);
	
	var theSize = fullPaciName[0].length + fullPaciName[1].length + fullPaciName[2].length;
	
	changePacifierNameSize(theSize);
}

function isUpperCase( string ) {
	return string == string.toUpperCase();
}


function changePacifierNameSize(input){
	var sizeRatio;
	var maxSize;
	var lowSize;
	var margin;
	var oneLetterSize;
	
	var nameAsString = fullPaciName.join(" ");
	
	if(selectedPacifierFont == "Space Toaster +$1.00"){
		oneLetterSize = 70;
		maxSize = 62;
		lowSize = 28;
		margin = -197;
		if(isUpperCase(nameAsString)){
			sizeRatio = 50 - (input * 3);
			sizeRatio2 = 56 - (input * 2);
		} else{
			sizeRatio = 60 - (input * 3);
			sizeRatio2 = 67 - (input * 2);
		}
	} else {
		oneLetterSize = 70;
		maxSize = 50;
		margin = -197;
		
		if(isUpperCase(nameAsString)){
			lowSize = 15;
			sizeRatio = 50 - (input * 4);
			sizeRatio2 = 42 - (input * 2);
		} else{
			lowSize = 18;
			sizeRatio = 50 - (input * 3.5);
			sizeRatio2 = 45 - (input * 2);
		}
		
	}
	
	if (fullPaciName[0] == ""){
		jQuery('#pacifier_name_display').css({fontSize: maxSize});
	} else if(fullPaciName[1] == "" && fullPaciName[2] == ""){
		if (input <= 2) {
			jQuery('#pacifier_name_display').css({fontSize: oneLetterSize});
			jQuery('#pacifier_name_display').css({marginTop: '-197px'});
		}
		else if ((input > 2) && (input <= 3)) {
			jQuery('#pacifier_name_display').css({fontSize: maxSize});
			jQuery('#pacifier_name_display').css({marginTop: '-199px'});
		}
		else if (input > 3 && input <= 8){
			jQuery('#pacifier_name_display').css({fontSize: sizeRatio});
			jQuery('#pacifier_name_display').css({marginTop: margin});
		} else {
			jQuery('#pacifier_name_display').css({fontSize: lowSize});
		}
	} else if(fullPaciName[1] != "" && fullPaciName[2] == ""){
		if ((input > 0) && (input <= 12)) {
			jQuery('#pacifier_name_display').css({fontSize: sizeRatio2});
			jQuery('#pacifier_name_display').css({marginTop: margin});
		} else {
			jQuery('#pacifier_name_display').css({fontSize: lowSize});
		}
	} else {
		jQuery('#pacifier_name_display').css({fontSize: lowSize});
	}
	
	Cufon.refresh('#pacifier_name_display');
}
