// HP Creative Studio Main Navigation
// this code needs Mootools to work properly



var cs_navstatus = 'open';				// 'open' or 'closed'

var cs_main_page = 0;
var cs_main_page_max = 0;
var cs_width_products = 0;
var cs_visual_products = 0;

var cs_products_virtual_length = 0;

function cs_setup_quickbrowsearea() {
	// initialize divs for IE to allow rollover object passing
	cs_products = $$('*').filterByClass('csquicklinkholder');

	// set initial product table
	$('csquickouterholder').setStyle('left','0px');
	$('csquickouterholder').setStyle('top','0px');
	$('csquickouterholder').setStyle('height','279px');
	$('csquickouterholder').setStyle('opacity','0');
	$('csquickouterholder').setStyle('visibility','visible');

	// display product table
	cs_display_catalog();

	// wait until reveals are done
	setTimeout(cs_products_setup_stage2,2500);
}


function cs_display_catalog() {
	// display product table
	FX_catalogreveal = new Fx.Style('csquickouterholder', 'opacity', {
		duration: 2000,
		fps: 12,
		transition: Fx.Transitions.Cubic.easeOut
	});
	FX_catalogreveal.start(0,1);
}


function cs_set_pagelinks() {
	cslinks = '';
	for (csa=0;csa<=cs_main_page_max;csa++) {
		if (csa != cs_main_page) {
			cslinkstart = '<a href="javascript:cs_main_go('+csa+')">';
			cslinkend = '<\/a>';
		} else {
			cslinkstart = '';
			cslinkend = '';
		}
		cslinks = cslinks + cslinkstart + (csa+1) + cslinkend + ' ';
	}
	$('csmainpagelinksnumbers').setHTML(cslinks);
}


function cs_products_setup_stage2() {
	FX_opencatalog2 = new Fx.Style('csquickouterholder', 'height', {
		duration: 1200,
		fps: 25,
		transition: Fx.Transitions.Cubic.easeOut
	});
	FX_opencatalog2.start(279,510);


	// wait for nav to move out, then reveal nav tab
	setTimeout(cs_products_setup_stage3,1300);
}

function cs_products_setup_stage3() {

	$('csquickouterholder').setStyle('overflow','visible');
//	$('cscontainer').setStyle('overflow','visible');  
}



// called from nav tab, reopen the bottom navigation
function cs_reveal_bottomnav() {
	FX_opencatalog.start(365,279);
	// open catalog area
	FX_opencatalog2 = new Fx.Style('csquickouterholder', 'height', {
		duration: 500,
		fps: 15,
		transition: Fx.Transitions.Cubic.easeOut
	});
	FX_opencatalog2.start(510,279);
	// close catalog area (move keyline down)
	FX_opencatalogkeyline = new Fx.Style('csmainbackkeybottom', 'margin-top', {
		duration: 500,
		fps: 15,
		transition: Fx.Transitions.Cubic.easeOut
	});
	FX_opencatalogkeyline.start(-4,-81);
	setTimeout(cs_reveal_bottomnav2,150);
}

function cs_reveal_bottomnav2() {
	$('csquickouterholder').setStyle('overflow','hidden');
}
//  called from activity tab
function cs_quickbrowse_shrink_container() {
	// close catalog area
	FX_closecatalog2 = new Fx.Style('csquickouterholder', 'height', {
		duration: 450,
		fps: 15,
		transition: Fx.Transitions.Cubic.easeOut
	});
	FX_closecatalog2.start(365,279);
}


// ########################## submenu popup handlers

var cs_mouseinproduct = false;
var cs_mouseininfo = false;
var csquick_main;
var csquick_main_last;
var csquick_sub;

// called from product rollover, pull meta info and display info panel
function csquick_rollover(cs_product_object) {
	if (csquick_main_last != null) {
		csquick_main_last.setStyle('background-image','url(media/images/spacer.gif)');
	}

	cs_mouseinproduct = true;

	csquick_main = cs_product_object.getElement('div.csquicklinkmain');
	csquick_main_last = csquick_main;
	csquick_main.setStyle('background-image','url(media/images/chrome/mainarea/infoback.png)');

	csquick_sub = cs_product_object.getElement('div.csquicklinksub');

	if (csquick_sub != null  &&  csquick_sub.innerHTML.indexOf('href') != -1) {
		$('csquicksubpanel').setHTML(csquick_sub.innerHTML);

		cs_offset = (window.getWidth() - 886) /2;
//		if (cs_product_object.getLeft() > 600) {		// is this the right-most info panel
//			cs_offset2 = -163;
//		} else {
			cs_offset2 = 189;
//		}

		cs_v_offset = 100;
		
		cs_subpanel_height = Math.floor($('csquicksubpanel').getStyle('height').substring(0,$('csquicksubpanel').getStyle('height').length-2));
		
//console.log(cs_product_object.getTop()-95+cs_subpanel_height);
		
		if (cs_product_object.getTop()-95+cs_subpanel_height > 425) {
			cs_v_offset = cs_v_offset + ((cs_product_object.getTop()-95+cs_subpanel_height) - 425) + 12;
		}
	
		$('csquicksubpanel').setStyle('visibility','hidden');
		$('csquicksubpanel').setStyle('display','block');
		$('csquicksubpanel').setStyle('top',cs_product_object.getTop()-cs_v_offset+'px');
		$('csquicksubpanel').setStyle('left',cs_product_object.getLeft()-cs_offset+cs_offset2+'px');
		$('csquicksubpanel').setStyle('visibility','visible');
	} else {
		$('csquicksubpanel').setStyle('visibility','hidden');
	}
}

function csquick_rollout() {
	cs_mouseinproduct = false;
	setTimeout(cs_close_info,500);
}

function cs_close_info() {
	if (!cs_mouseininfo  &&  !cs_mouseinproduct) {
		if (csquick_sub != null) {
			$('csquicksubpanel').setStyle('visibility','hidden');
		}
		csquick_main.setStyle('background-image','url(media/images/spacer.gif)');
		csquick_main_last.setStyle('background-image','url(media/images/spacer.gif)');
	}
}

function cs_info_rollover() {
	cs_mouseininfo = true;
}

function cs_info_rollout() {
	cs_mouseininfo = false;
	setTimeout(cs_close_info,300);
}