var timeout    = 200;
var closetimer = 0;
var subnav = 0;
var subcatnav = 0;

function subnav_open()
{
	subnav_canceltimer();
	subnav_close();
	subnav = $('#productSubNav').css('display', 'block');
}

function subnav_close()
{  
	if(subnav) subnav.css('display', 'none');
}

function subnav_timer()
{  
	closetimer = window.setTimeout(subnav_close, timeout);
}

function subnav_canceltimer()
{  
	if(closetimer)
	{  window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function headsetnav_open()
{
	subcatnav = $('#prodHeadsetsCats').css('display', 'block');
}

function chargenav_open()
{
	subcatnav = $('#prodChargeCats').css('display', 'block');
}

function storagenav_open()
{
	subcatnav = $('#prodStorageCats').css('display', 'block');
}

function accessoriesnav_open()
{
	subcatnav = $('#prodAccessoriesCats').css('display', 'block');
}

function pspaccessoriesnav_open()
{
	subcatnav = $('#prodPspAccessoriesCats').css('display', 'block');
}

function psvita_open()
{
	subcatnav = $('#prodPsVitaCats').css('display', 'block');
}

function catnav_close()
{  
	if(subcatnav) subcatnav.css('display', 'none');
}

$(document).ready(function(){
	$('#products').bind('mouseover', subnav_open);
	$('#products').bind('mouseout', subnav_timer);
	$('#productSubNav').bind('mouseover', subnav_open);
	$('#productSubNav').bind('mouseout', subnav_timer);
	
	$('#prodHeadsets').bind('mouseover', headsetnav_open);
	$('#prodHeadsets').bind('mouseout', catnav_close);
	$('#prodCharge').bind('mouseover', chargenav_open);
	$('#prodCharge').bind('mouseout', catnav_close);
	$('#prodStorage').bind('mouseover', storagenav_open);
	$('#prodStorage').bind('mouseout', catnav_close);
	$('#prodAccessories').bind('mouseover', accessoriesnav_open);
	$('#prodAccessories').bind('mouseout', catnav_close);
	$('#prodPspAccessories').bind('mouseover', pspaccessoriesnav_open);
	$('#prodPspAccessories').bind('mouseout', catnav_close);
	$('#prodPsVita').bind('mouseover', psvita_open);
	$('#prodPsVita').bind('mouseout', catnav_close);
	
	$("#modelBox").fancybox({
			'modal' 				: true,
			'overlayColor'	: '#000',
			'overlayOpacity': 0.9,
			'onStart'				: display_modal,
			'onClosed'			: hide_modal
	});
	
	$("#modelBox2").fancybox({
			'modal' 				: true,
			'overlayColor'	: '#000',
			'overlayOpacity': 0.9,
			'onStart'				: display_modal,
			'onClosed'			: hide_modal
	});
	
	$("#modelBox3").fancybox({
			'modal' 				: true,
			'overlayColor'	: '#000',
			'overlayOpacity': 0.9,
			'onStart'				: display_modal,
			'onClosed'			: hide_modal
	});
	
}
);

document.onclick = subnav_close;

function display_modal()
{
	$('#whereToBuy').css('display', 'block');
}

function hide_modal()
{
	$('#whereToBuy').css('display', 'none');
}