//var root = '/'
var imgPath;
var currentKey;
var linkPages;
var buttonPages;

$(document).ready(function() {
	//imgPath = root + 'sites/default/whimsical/images/nav/';
	imgPath = '/sites/default/whimsical/images/nav/';
	setBackgroundImage();
	pageInit();	

	if(window.location.href.substr(window.location.href.length - 4) == 'cart') {
		$('#lnkShippingNoticePopup').fancybox({
	    'hideOnContentClick'    : false,
	    'height'           			: 234,
	    'width'            			: 360,
	    'padding'								: 0,
	    'autoScale'							: false,
	    'autoDimensions'				: false,
	    'zoomOpacity'						: true,
	    'overlayShow'						: true,
	    'zoomSpeedIn'						: 500,
	    'zoomSpeedOut'					: 500
		});
	}
	
	$('#imgPreCheckout').click(function() {
		$('#lnkShippingNoticePopup').click();
	});
	
	$('#btnOK').click(function() {
		$('#uc-cart-view-form #edit-checkout').click();
	});
	
	$('#btnCancel').click(function() {
		$.fancybox.close();
	});

 });

function setBackgroundImage() {
	//var bgImgPath = root + 'sites/default/whimsical/images/bg/';
	var bgImgPath = '/sites/default/whimsical/images/bg/';
	var images = new Array();
	images[0] = bgImgPath + 'diagonal.png';
	images[1] = bgImgPath + 'diamonds.png';
	images[2] = bgImgPath + 'dots.png';
	images[3] = bgImgPath + 'squares.png';

	var i=Math.floor(Math.random()*images.length);
	var src = 'url(' + images[i] + ')';
	document.body.style.backgroundImage = src;
}

function pageInit() {
	//preLoadImages();
	
	var url = document.location.href.toString();
	
	linkPages = new Array();
	linkPages[0] = 'WhimsicalNews';
	linkPages[1] = 'Contact';
	linkPages[2] = 'FAQs';
	linkPages[3] = 'Join';
	linkPages[4] = 'Register';
	linkPages[5] = 'Password';
	linkPages[6] = 'Home';
	linkPages[7] = 'About';
	linkPages[8] = 'Privacy';
	linkPages[9] = 'Legal';
	linkPages[10] = 'Contact';
	linkPages[11] = 'Credits';
	
	buttonPages = new Array();
	buttonPages[0] = 'Company';
	buttonPages[1] = 'Products';
	buttonPages[2] = 'Find';
	buttonPages[3] = 'Events';
	buttonPages[4] = 'Reviews';
	buttonPages[5] = 'Merchandise';

	
	//if(url.substr(url.length - root.length) == root || url.indexOf(root + 'index.php') > -1) {
	if(url.substr(url.length - 1) == '/' || url.indexOf('/index.php') > -1) {
		currentKey = 'Home';
		setSelected(currentKey,'lnk');
	}
	else if(url.indexOf('company') > -1) {
		currentKey = 'Company';
		setSelected(currentKey, 'img');
		setSelected('About', 'lnk');
	}
	else {
		var pageFound = false;

		for (var i=0; i<linkPages.length;i++) {
			if(url.indexOf(linkPages[i].toLowerCase()) > -1) {
				if(linkPages[i] == 'Contact') {
					var l = '';
					l += url.split("?")[1].split("=")[1];
					currentKey = 'Contact' + l;
				}
				else if(url.indexOf('contact-confirmation') == -1) {
					currentKey = linkPages[i];
				}
				setSelected(currentKey ,'lnk');
				pageFound = true;
				break;
			}
		}
		
		if(!pageFound) {
			for(var i=0; i<buttonPages.length; i++) {
				if(url.indexOf(buttonPages[i].toLowerCase()) > -1) {
					currentKey = buttonPages[i];
					setSelected(currentKey , 'img');
					break;
				}
			}
		}
	}
	
	if(url.indexOf('/user') > -1) {
		var userName = document.getElementById('edit-name');
		if(userName) {
			userName.value = '';
		}
		
		var pwd = document.getElementById('edit-pass');
		if(pwd) {
			pwd.value = '';
		}
	}
}

function preLoadImages() {
	preLoadTwoStateImages();
	preLoadFourStateImages();
}

function preLoadTwoStateImages() {
	var keys = new Array();
	
	keys[0] = 'Submit';
	keys[1] = 'Reset';
	keys[2] = 'UpdateSuitcase';
	keys[3] = 'Checkout';
	keys[4] = 'ImNotFinished';
	keys[5] = 'Cancel';
	keys[6] = 'ReviewOrder';
	keys[7] = 'GoBack';
	keys[8] = 'SubmitOrder';
	keys[9] = 'imageGallery';
	keys[10] = 'AddToBag';
	keys[11] = 'SendToAFriend';
	
	
	var imgStates = new Array();
	imgStates[0] = 'Off';
	imgStates[1] = 'Over';
	
	var images = new Array();

	var rpt = '';	
	var idx = 0;
	for(var i=0;i<keys.length;i++) {
		for(var j=0;j<imgStates.length;j++) {
			idx = i + j;
			var imgSrc = imgPath + keys[i] + imgStates[j] + '.jpg';
			images[idx] = new Image();
			images[idx].src = imgSrc;
		}
	}
}

function preLoadFourStateImages() {
	var keys = new Array();
	
	keys[0] = 'Company';
	keys[1] = 'Products';
	keys[2] = 'FindUs';
	keys[3] = 'EventWhimsy';
	keys[4] = 'Saying';
	keys[5] = 'Merchandise';
	keys[6] = 'Login';
	keys[7] = 'Logout';
	keys[8] = 'Go';
	
	var imgStates = new Array();
	imgStates[0] = 'Off';
	imgStates[1] = 'Over';
	imgStates[2] = 'Down';
	imgStates[3] = 'On';
	
	var images = new Array();

	var rpt = '';	
	var idx = 0;
	for(var i=0;i<keys.length;i++) {
		for(var j=0;j<imgStates.length;j++) {
			idx = i + j;
			var imgSrc = imgPath + keys[i] + imgStates[j] + '.jpg';
			images[idx] = new Image();
			images[idx].src = imgSrc;
		}
	}
}

		
function setSelected(key,type) {
	switch(type.toLowerCase()) {
		case 'img':
		var srcOn = imgPath  + key + 'On.jpg';
		document.images[type + key].src = srcOn;				
		break;
		
		case 'lnk':
		document.getElementById(type + key).style.color = '#ff0000';
		break;
		
		default:
		break;
	}	
}

function deselectCurrent() {
	var pageFound = false;
	
	for (var i=0; i<linkPages.length;i++) {
		if(currentKey == linkPages[i]) {
			document.getElementById('lnk' + currentKey ).style.color =  '#603813';
			pageFound = true;
			break;
		}
	}
	
	if(!pageFound) {
		for(var i=0; i<buttonPages.length; i++) {
			if(currentKey == buttonPages[i]) {
				var srcOff = imgPath  + currentKey + 'Off.jpg';
				document.images['img' + currentKey ].src = srcOff;
				break;
			}
		}
	}
	
}

function onMouseOver(key,type) {
	if((currentKey != key && type == 'img') || type == 'btn' || type == 'lnk') {
		switch(type.toLowerCase()) {
			case 'img': case 'btn':
			var srcOn = imgPath  + key + 'Over.jpg';
			document.images[type + key].src = srcOn;				
			break;
			
			case 'lnk':
			document.getElementById(type + key).style.textDecoration = 'underline';
			break;
			
			case 'btn':
			
			
			default:
			break;
		}
	}
}

function onMouseOut(key,type) {
	if((currentKey != key && type == 'img') || type == 'btn' || type == 'lnk') {
		switch(type.toLowerCase()) {
			case 'img': case 'btn':
			var srcOff = imgPath  + key + 'Off.jpg';
			document.images[type + key].src = srcOff;
			break;
			
			case 'lnk':
			document.getElementById(type + key).style.textDecoration = 'none';		
			break;
			
			default:
			break;
		}
	}
}

function onMouseDown(key,type) {
	if((currentKey != key && type == 'img') || type == 'lnk') {
		var srcDown = imgPath  + key + 'Down.jpg';
		document.images['img' + key].src = srcDown;
	}
}

function onMouseUp(key,type) {
	if((currentKey != key && type == 'img') || type == 'lnk') {
		currentKey = key;
		var srcUp = imgPath  + key + 'On.jpg';
		document.images['img' + key].src = srcUp;			
	}

}

function selectPage(key,type) {
	deselectCurrent();
	currentKey = key;
	setSelected(key,type);
	var qs = '';
	if(key.toLowerCase() == 'home') {
		key = '';
	}
	else if(key.toLowerCase() == 'about') {
		key = 'company';
		currentKey = key;
	}
	else if(key.toLowerCase().indexOf('top') > -1) {
		qs = '?l=Top';
		key = key.substr(0, key.length - 3);
	}
	else if(key.toLowerCase().indexOf('bottom') > -1) {
		qs  = '?l=Bottom';
		key = key.substr(0, key.length - 6);
	}
	
	document.location = '/' + key.toLowerCase() + qs;
}

function userNameOnFocus() {
	document.getElementById('edit-name').value = '';
}

function mockpassOnFocus() {
	document.getElementById('edit-mockpass').style.display = 'none';
	document.getElementById('edit-pass').style.display = 'inline';
	document.getElementById('edit-pass').focus();
}

function resetForm(formId) {
	var formElems = document.forms[formId].elements;
	for(i=0;i<formElems.length;i++) {
		type = formElems[i].type.toLowerCase();
		
		switch(type) {
			case 'text':
			formElems[i].value = '';
			break;
			
			default:
			break;	
		}
	}
}
function txtOnFocus(id,defaultMsg) {
	var txt = document.getElementById(id);
	if(txt) {
		if(txt.value == defaultMsg) {
			txt.value = '';
		}
	}
}