function init(whichpage) {
	initDHTMLAPI();
	loadFlag=true;

	preload_images(
		'images/nav/top_about_cx_on.png',
		'images/nav/about_our_story_on.png',
		'images/nav/about_inspiration_on.png',
		'images/nav/about_factory_on.png',
		'images/nav/about_client_list_on.png',
		'images/nav/top_products_on.png',
		'images/nav/products_featured_products_on.png',
		'images/nav/products_collections_on.png',
		'images/nav/products_fixture_types_on.png',
		'images/nav/top_project_gallery_on.png',
		'images/nav/project_gallery_installations_on.png',
		'images/nav/project_gallery_custom_design_on.png',
		'images/nav/project_gallery_press_on.png',
		'images/nav/project_gallery_cx_blog_on.png',
		'images/nav/top_ordering_info_on.png',
		'images/nav/ordering_info_retailers_on.png',
		'images/nav/ordering_info_faq_list_on.png',
		'images/nav/ordering_info_glossary_on.png',
		'images/nav/top_cx_blog_on.png',
		'images/nav/products_featured_products_new_products_on.png',
		'images/nav/products_featured_products_sale_items_on.png',
		'images/nav/products_featured_products_recent_installations_on.png',
		'images/nav/products_collections_Scavo_on.png',
		'images/nav/products_collections_Milk_White_on.png',
		'images/nav/products_collections_Cristallo_on.png',
		'images/nav/products_fixture_types_single_pendants_on.png',
		'images/nav/products_fixture_types_chandeliers_on.png',
		'images/nav/products_fixture_types_wall_fixtures_on.png',
		'images/nav/products_fixture_types_semi_flush_ceiling_on.png',
		'images/nav/products_fixture_types_table_on.png',
		'images/nav/project_gallery_press_in_print_on.png',
		'images/nav/project_gallery_press_online_on.png',
		'images/nav/project_gallery_press_media_download_on.png',
		'images/nav/ordering_info_retailers_domestic_on.png',
		'images/nav/ordering_info_retailers_international_on.png',
		'images/nav/ordering_info_retailers_inquiries_on.png',
		'images/nav/ordering_info_faq_list_general_info_on.png',
		'images/nav/ordering_info_faq_list_mounting_hardware_on.png',
		'images/nav/ordering_info_faq_list_electrical_on.png',
		'images/nav/ordering_info_faq_list_ordering_info_on.png'
	);
		
	switch(whichpage) {
		case "home__page":
			initSlidingBoxes();
			setTimeout('startSlideshow(4000)',3000);
		break;
		case "about_cx_client_list_page":
			beginTestiAnim();
		break;
		case "about_cx_factory_page":
			initFactoryScroller();
		break;
		case "press_media_download_page":
			if (getObject('media') != null) {
				document.media.media_uname.focus();
			}
			if (getObject('mediaCol1') != null) {
				fixMediaCols();
			}
		break;
		case "contact__page":
			initContactForms();
		break;
	}
}

var preloaded = new Array();
function preload_images() {
    for (var i = 0; i < arguments.length; i++){
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',arguments[i]);
    };
};

function changeColor(which) {
	productimg.src = 'images/products/medium/' + which + '.jpg';
}

function prodPane(pane, key, view) {
	if (!loadFlag) { return; }
	if (getObject('pane') == null) {
		createOverlay();
		var newdiv = document.createElement('div');
		newdiv.setAttribute('id','pane');
		document.body.appendChild(newdiv);
		getObject('pane').top = f_scrollTop() + 'px';
	}
	theURL = 'includes/product_pane.php?key=' + key + '&pane=' + pane + '&view=' + view;
	makeHttpRequest(theURL, 'fillPane', false);
}

function hidePane() {
	document.body.removeChild(getRawObject('jb_overlay'));
	document.body.removeChild(getRawObject('pane'));
}

function createOverlay() {
	var arrayPageSize = getPageSize();
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id','jb_overlay');
	newdiv.setAttribute('onclick','hidePane()');
	document.body.appendChild(newdiv);
	getObject("jb_overlay").position = 'absolute';
	getObject("jb_overlay").top = '0px';
	getObject("jb_overlay").left = '0px';
	getObject("jb_overlay").height = (arrayPageSize[1] + 'px');
	getObject("jb_overlay").width = '100%';
	getObject("jb_overlay").backgroundColor = '#000';
	setOpacity(getRawObject('jb_overlay'), 50);
	getObject("jb_overlay").zIndex = 122;
}

function fillPane(theHTML) {
	getRawObject('pane').innerHTML = theHTML;
}

function pressPane(key) {
	if (!loadFlag) { return; }
	if (getObject('pane') == null) {
		createOverlay();
		var newdiv = document.createElement('div');
		newdiv.setAttribute('id','pane');
		document.body.appendChild(newdiv);
		getObject('pane').top = (f_scrollTop() + 54) + 'px';
	}
	theURL = 'includes/press_pane.php?key=' + key;
	makeHttpRequest(theURL, 'fillPane', false);
}

function fixMediaCols() {//jesus. I wish I could figure out the CSS for this, but no.
	colH = getRawObject('col2').offsetHeight - (getRawObject('breadcrumb').offsetHeight + getRawObject('mdIntro').offsetHeight + 22) + 'px';
	getObject("mediaCol2").height = colH;
}

function fixHomeCols() {
	colMax = 0;
	for (i=1;i<=5;i++) {
		colMax = Math.max(colMax,getRawObject('homebox_content' + i).offsetHeight);
	}
	for (i=1;i<=5;i++) {
		getObject("homebox_content" + i).height = colMax + 'px';
	}
}

function productDropdown(which, path) {
	if (which.value == 0) {
		location.href = path;
	} else {
		location.href = path + '/cat' + which.value;
	}
}

function inspirePane(key) {
	if (!loadFlag) { return; }
	if (getObject('pane') == null) {
		createOverlay();
		var newdiv = document.createElement('div');
		newdiv.setAttribute('id','pane');
		document.body.appendChild(newdiv);
		getObject('pane').top = (f_scrollTop() + 54) + 'px';
	}
	theURL = 'includes/inspire_pane.php?key=' + key;
	makeHttpRequest(theURL, 'fillPane', false);
}

function inspireImgs() {
	if (!inspireImgs.arguments.length || !loadFlag) {
		return;
	}
	var c=0;
	for (i=1;i<=allImgs;i++) {
		if (i == inspireImgs.arguments[c]) {
			c++;
		} else {
			setOpacity(getRawObject('image' + i), 50);
		}
	}
}

function inspireImgs_off() {
	if (!loadFlag) { return; }
	for (i=1;i<=allImgs;i++) {
		setOpacity(getRawObject('image' + i), 100);
	}
}

function inspireTags() {
	if (!inspireTags.arguments.length || !loadFlag) {
		return;
	}
	var c=0;
	for (i=1;i<=allTags;i++) {
		if (i == inspireTags.arguments[c]) {
			c++;
		} else {
			setOpacity(getRawObject('tag' + i), 50);
		}
	}
}

function inspireTags_off() {
	if (!loadFlag) { return; }
	for (i=1;i<=allTags;i++) {
		setOpacity(getRawObject('tag' + i), 100);
	}
}

function addToMailingList() {
	email = document.mailinglistform.mailinglist.value;
	if (!email || !emailCheck(email)) {
		return false;
	}
	var url = 'includes/mailingListAdd.php?email=' + encodeURIComponent(email);
	new Ajax.Request(url, {
		method: 'get',
		onFailure: function() {
			alert('there was a problem');
		}
	});
}

function showMountLength(min, max, iid) {
	if (typeof iid == "undefined") {//from product detail page
		mountselect = document.cartform.mounting;
		lengthdiv = getRawObject('orderlength');
		selectname = "plength";
		nullval = '<option value="">overall length</option>';
		deselect = '';
	} else { //from cart
		mountselect = document.cartform["mounting[" + iid + "]"];
		lengthdiv = getRawObject('length' + iid);
		selectname = "length[" + iid + "]";
		nullval = '';
		deselect = 'N/A<input type="hidden" name="length[' + iid + ']" value="" />';
	}
	if (mountselect.options[mountselect.selectedIndex].innerHTML == 'stem') {
		theHTML = '<select name="' + selectname + '">';
		theHTML += nullval;
		for (i=min;i<=max;i++) {
			theHTML += '<option value="' + i + '">' + i + '"</option>';
		}
		theHTML += '</select>';
		lengthdiv.innerHTML = theHTML;	
	} else {
		lengthdiv.innerHTML = deselect;
	}
}

function productDetailOrder(which) {
	if (parseInt(which.quant.value) != which.quant.value) {
		alert("The quantity must be a number.");
		which.quant.focus();
		return false;
	}
	if (which.quant.value <= 0) {
		alert("The quantity must be  greater than zero.");
		which.quant.focus();
		return false;
	}
	if (which.color.type != 'hidden' && !which.color.value) {
		alert("You must choose a color.");
		which.color.focus();
		return false;
	}
	if (which.finish.type != 'hidden' && !which.finish.value) {
		alert("You must choose a hardware option.");
		which.finish.focus();
		return false;
	}
	if (which.mounting.type != 'hidden' && !which.mounting.value) {
		alert("You must choose a mounting option.");
		which.mounting.focus();
		return false;
	}
	if (which.mounting.value == 3 && !which.plength.value) {
		alert("You must choose a length.");
		which.plength.focus();
		return false;
	}
	return true;
}

function editDiffusers(which, width) {
	if (!loadFlag) { return; }
	document.cartform['diffclean[' + which + ']'].value = 'n';
	theURL = 'includes/cart_diffuser_chooser.php?ch=' + which;
	CSSclass = 'diffuserpane' + width;
	cx_popdiffPane(theURL, CSSclass);
}

function cx_popdiffPane(theURL, CSSclass, callback) {
	if (!loadFlag) { return; }
	if (typeof(callback) == 'undefined') {
		callback = 'ad_fillPane';
	}
	if (getObject('pane') == null) {
		cx_createDiffOverlay(theURL);
		var newdiv = document.createElement('div');
		newdiv.setAttribute('id','pane');
		document.body.appendChild(newdiv);
		getObject('pane').top = (f_scrollTop() + 54) + 'px';
		changeClass("pane",CSSclass);
	}
	makeHttpRequest(theURL, callback, false);
}

function cx_createDiffOverlay() {
	var arrayPageSize = getPageSize();
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id','jb_overlay');
	document.body.appendChild(newdiv);
	getObject("jb_overlay").position = 'absolute';
	getObject("jb_overlay").top = '0px';
	getObject("jb_overlay").left = '0px';
	getObject("jb_overlay").height = (arrayPageSize[1] + 'px');
	getObject("jb_overlay").width = '100%';
	getObject("jb_overlay").backgroundColor = '#000';
	setOpacity(getRawObject('jb_overlay'), 50);
	if (navigator.userAgent.indexOf('MSIE') != -1) {//MSIE needs its dropdowns hidden, because it's retarded as usual.
		hideDropdowns();
	}
}

function hideDropdowns() {
	obj = document.getElementById('cartform');
	for (i=0; i<obj.elements.length; i++) {
		if (obj.elements[i].name && obj.elements[i].type == 'select-one') {
			unsetDisplay(obj.elements[i]);
		}
	}
}

function showDropdowns() {
	obj = document.getElementById('cartform');
	for (i=0; i<obj.elements.length; i++) {
		if (obj.elements[i].name && obj.elements[i].type == 'select-one') {
			setDisplay(obj.elements[i]);
		}
	}
}


function selectDiff(diffnum,iid,diffinc) {
	var my_diff = diffstyle[iid][diffnum];
	var my_col = diffcol[iid][diffnum];
	my_diff += diffinc;
	if (my_diff == diffs[iid].length) {
		my_diff = 0;
	}
	if (my_diff < 0) {
		my_diff = diffs[iid].length - 1;
	}
	diffstyle[iid][diffnum] = my_diff;
	newImg = alldiff[iid][diffs[iid][my_diff]][colors[iid][my_col]];
	changeImages('diffimg' + diffnum,'images/products/chandelier_diffusers/' + newImg + '.jpg');
	diffName = diffnames[iid][my_diff];
	getRawObject('diffname' + diffnum).innerHTML = diffName;
}

function selectDiffcol(diffnum,iid,my_col) {
	var my_diff = diffstyle[iid][diffnum];
	diffcol[iid][diffnum] = my_col;
	newImg = alldiff[iid][diffs[iid][my_diff]][colors[iid][my_col]];
	changeImages('diffimg' + diffnum,'images/products/chandelier_diffusers/' + newImg + '.jpg');
	
	getRawObject('diffcolorname' + diffnum).innerHTML = diffcolnames[iid][my_col];
}

function updateDiffs(iid) {
	colstr = '';
	diffstr = '';
	for (i=0;i<diffcol[iid].length;i++) {
		colstr = colstr + colors[iid][diffcol[iid][i]] + ',';
		diffstr = diffstr + diffs[iid][diffstyle[iid][i]] + ',';
	}
	theURL = 'includes/diff_update.php?iid=' + iid + '&col=' + colstr + '&diff=' + diffstr;
	makeHttpRequest(theURL, 'void', false);
	document.cartform["color[" + iid + "]"].value = colstr.substr(0,colstr.length-1);
	hideDiffPane();
}

function hideDiffPane() {
	hidePane();
	if (navigator.userAgent.indexOf('MSIE') != -1) {//MSIE needs its dropdowns hidden, because it's retarded as usual.
		showDropdowns();
	}
}

function colorNameOn(which,leftpos) {
	margin = 38 * leftpos - 77;
	getRawObject('colorname').innerHTML = which;
	getObject('colorname').marginLeft = margin + 'px';
}

function colorNameOff() {
	getRawObject('colorname').innerHTML = '';
}

function diffusersChosen() {
	re = /diffclean/;
	obj = document.getElementById('cartform');
	for (i=0; i<obj.elements.length; i++) {
		if (re.exec(obj.elements[i].name) && obj.elements[i].type == 'hidden') {
			if (obj.elements[i].value == 'y') {
				alert("Please choose the diffusers for your chandelier before checking out.");
				return false;
			}
		}
	}
return true;
}

function changeFlag() {
	changeImages('bt_updatecart','images/buttons/updatecart_on.gif');
}

//Factory scroll

function initFactoryScroller() {
	if (getRawObject('thumbSCContainer') != null) {
		getObject('thumbSCContainer').visibility='visible';
		initLeft = 0;
		lPos = 0;
		scrollImgWidth = 162;
		scrollContainerWidth = 648;
		thumbScroll = new jb_scroller('thumb', scrollContainerWidth, 176, 460, initLeft, 0); // id, width, height, speed, initLeft, initTop
		thumbScroll.load();
		
	}
}

function scrollFactoryImg(dir) {
	lPos += scrollImgWidth * dir;
	thumbScroll.smoothScrollTo(lPos,0,.4);
	holderW = parseInt((getObject("thumbSCContent").width).slice(0,-2));
	if (lPos <= 0) {
		unsetDisplay('img_arrow_left');
		setDisplay('img_arrow_right');
	} else if (lPos >= holderW - (scrollImgWidth * 4)) {
		unsetDisplay('img_arrow_right');
		setDisplay('img_arrow_left');
	} else {
		setDisplay('img_arrow_left');
		setDisplay('img_arrow_right');
	}
}


function startSlideshow(delay) {
	end_frame = 1;
	while ($('slide' + end_frame) != undefined) {
		end_frame++;
	}
	end_frame--;
	setTimeout(switchSlides(1, end_frame, delay), 1);
}
						
function switchSlides(frame, end_frame, delay) {
	return (function() {
		if (frame < end_frame) {
			Effect.Fade('slide' + frame);
			frame++;
		} else {
			frame = 1;
			Effect.Appear('slide' + frame, {
				afterFinish: function() {
					for (i=2;i<=end_frame;i++) {
						$('slide' + i).setStyle({
							display:'block',
							opacity:1.0
						});
					}
				}
			});
		}
		setTimeout(switchSlides(frame, end_frame, delay), delay);
	})
}


function appointmentFormValid(){
	//return true;
	var f=document.appointmentform;
	
	var Name1=f.first_name.value;
	
	if (Name1.length==0){
		alert("Please enter your first name.");
		f.first_name.focus();
		return false;
	}

	var Name2=f.last_name.value;
	
	if (Name2.length==0){
		alert("Please enter your last name.");
		f.last_name.focus();
		return false;
	}
	
	var phone=f.phone.value;
	
	if (phone.length==0){
		alert("Please enter your phone number.");
		f.phone.focus();
		return false;
	}
			
	var email=f.email_address.value;
	
	if (email.length==0){
		alert("Please enter your email address.");
		f.email_address.focus();
		return false;
	}
	
	if (!emailCheck(f.email_address.value)) {
		return false;
	}

	if (f.date.value == 0) {
		alert("Please select a date.");
		f.date.focus();
		return false;
	}
	
	if (f.time.value == 0) {
		alert("Please select a time.");
		f.time.focus();
		return false;
	}
	
	return true;
}

function questionFormValid(){
	//return true;
	var f=document.ask_questionform;
	
	var Name1=f.question_name.value;
	
	if (Name1.length==0){
		alert("Please enter your name.");
		f.question_name.focus();
		return false;
	}

	var email=f.question_email.value;
	
	if (email.length==0){
		alert("Please enter your email address.");
		f.question_email.focus();
		return false;
	}
	
	if (!emailCheck(f.question_email.value)) {
		return false;
	}


	var q=f.question.value;
	
	if (q.length==0){
		alert("Please ask a question.");
		f.question.focus();
		return false;
	}
	
	return true;
}


//for animated shipping promotional box on home page. Made more complex by the fact that we've got multiple hit areas.
var overHead = false, overContent = false, boxIsDown = false, isSliding = false, questionSlider;
function initSlidingBoxes() {
	$('homebox_head4').observe('mouseover', function(){
		overHead = true;
		setTimeout(promoBox, 100);
		return false;
	});
	$('homebox_content4').observe('mouseover', function(){
		overContent = true;
		setTimeout(promoBox, 100);
		return false;
	});
	$('promobox').observe('mouseover', function(){
		overHead = true;
		setTimeout(promoBox, 100);
		return false;
	});
	$('homebox_head4').observe('mouseout', function(){
		overHead = false;
		setTimeout(promoBox, 100);
		return false;
	});
	$('homebox_content4').observe('mouseout', function(){
		overContent = false;
		setTimeout(promoBox, 100);
		return false;
	});
	$('promobox').observe('mouseout', function(){
		overHead = false;
		setTimeout(promoBox, 100);
		return false;
	});
	$('homequestions').observe('mouseover', function() {
		questionBox('show');
	} );
	$('homequestions').observe('mouseout', function() {
		questionBox('hide');
	} );
}

function questionBox(which) {
	if (questionSlider != undefined) {
		questionSlider.cancel();
	}
	if (which == 'show') {
		questionSlider = new Effect.Move("questionbox", { x: 545, y: 260, mode: 'absolute' });
	} else {
		questionSlider = new Effect.Move("questionbox", { x: 545, y: 378, mode: 'absolute' });
	}
}
 
 function promoBox() {
	if (isSliding) { return; }
 	if (overHead || overContent) {
 		if (!boxIsDown) {
			isSliding = true;
 			Effect.SlideDown("promobox", {afterFinish: function(){
 				isSliding = false;
 			}
 			});
 			boxIsDown = true;
 		}
 	} else {
 		if (boxIsDown) {
			isSliding = true;
 			Effect.SlideUp("promobox", {afterFinish: function(){
 				isSliding = false;
 			}
 			});
 			boxIsDown = false;
 		}
 	}
//	Effect.SlideDown('promobox');
 }

//dropdown menus
//originally from http://www.makesites.cc/programming/by-makis/simple-drop-down-menu-with-prototype/
var DropDownMenu = Class.create();
var nodes = new Hash();

DropDownMenu.prototype = {

 initialize: function(menuElement) {
	menuElement.childElements().each(function(node){
		var submenu = $A(node.getElementsByTagName("ul")).first();
		var bkg = $A(node.getElementsByTagName("a")).first();
		var topnavbkg = node.select('[class="topnavbkg"]').first();
		nodes.set(node.id, {
			nodeclass:node.className,
			submenu:submenu,
			bkg:bkg,
			topnavbkg:topnavbkg,
			mouseOverA:false,
			mouseOverUL:false
		});
		Event.observe(bkg, 'mouseover', anchorOver);
		Event.observe(bkg, 'mouseout', anchorOut);
	});
}

};

function anchorOver() {
	theNode = nodes.get(this.up().id);
	if (theNode.mouseOverA) {
		return;
	}
	theNode.mouseOverA = true;
	slideDown(this);
	if (theNode.submenu != null) {
		Event.observe(theNode.submenu, 'mouseover', listOver);
		Event.observe(theNode.submenu, 'mouseout', listOut);
	}
}

function anchorOut() {
	theNode = nodes.get(this.up().id);
	theNode.mouseOverA = false;
	slideUp(this);
}

function listOver() {
	theNode = nodes.get(this.up().id);
	if (theNode.mouseOverUL) {
		return;
	}
	theNode.mouseOverUL = true;
}

function listOut() {
	theNode = nodes.get(this.up().id);
	theNode.mouseOverUL = false;
	slideUp(this);
}

function slideDown(which) {
	theNode = nodes.get(which.up().id);
	if (theNode.submenu != null) {
		new Effect.Morph(theNode.submenu.id, {
			style: {
				top:'21px'
			},
			duration:0.5
		});
	}
	theNode.topnavbkg.setStyle({
		backgroundColor:'#FAFAFA'
	});
}

function slideUp(which) {
	setTimeout(function() {
	theNode = nodes.get(which.up().id);
	if (theNode.mouseOverA || theNode.mouseOverUL) {
		return;
	}
	if (theNode.submenu != null) {
		new Effect.Morph(theNode.submenu.id, {
			style: {
				top:'-150px'
			},
			duration:0.5
		});
	}
	if (theNode.nodeclass == 'topnavmenu') {//don't revert the "you are here" links
		theNode.topnavbkg.setStyle({
			backgroundColor:'#F2F2F2'
		});
	}
	}, 100);
}


/*
if (mouseover a) {
	register overA
	if (menuisdown) {
		return
	} else {
		slidedown
		activate mouseover ul
	}
}
if (mouseover ul) {
	register overUL
}
if (mouseout a) {
	deregister overA
	slideup
}
slidedown {
	animate
}
slideup {
	if (!overA && !overUL) {
		deactivate mouseover ul
		animate
	}
}

*/

//var contactFormPos = $H({appointmentform:-1, mailinglistform:-1, ask_questionform:-1});//-1 hidden, 0 sliding, 1 shown

var contactFormPos = new Hash();

function initContactForms() {
	$$('.formtoggle').each(function(s) {
		theForm = s.id.slice(0,-6);
		if ($(theForm + 'holder').getStyle('display') == 'none') {
			contactFormPos.set(theForm,-1);
		} else {
			contactFormPos.set(theForm,1);
		}
		Event.observe(s, 'click', function(event) {
			theForm = s.id.slice(0,-6);
			if (contactFormPos.get(theForm) == 0) { return; }
			contactFormPos.each(function(pair) {
				if (pair.key == theForm || pair.value == 1) {
					toggleContactForm(pair.key);
				}
			});
		})
	});
}

function toggleContactForm(theForm) {
	if (contactFormPos.get(theForm) == -1) {
		contactFormPos.set(theForm, 0);
		new Effect.BlindDown(theForm + 'holder', {
			afterFinish:function() {
				contactFormPos.set(theForm, 1);
			}
		});
	} else if (contactFormPos.get(theForm) == 1) {
		contactFormPos.set(theForm, 0);
		new Effect.BlindUp(theForm + 'holder', {
		afterFinish:function() {
			contactFormPos.set(theForm, -1);
		}
		});
	}
}