//load backgrounds
var images = new Array();
for (var i=0;i<10;i++){
	images[i] = new Image();
}

images[0].src = base+com+'menu_grad_hover.png';//main menu items bg
images[1].src = base+com+'menu_grad.png';//main menu items hover state
images[2].src = base+com+'item.png';//sub menu items bg
images[3].src = base+com+'item_active.png';//sub menu items hover state
images[4].src = base+com+'search.png';//search button submit icon
images[5].src = base+com+'search-box.png';//search box
images[6].src = base+com+'bg_nav_left.png';//menu side left
images[7].src = base+com+'bg_nav_right.png';//menu side right
images[8].src = base+com+'bg_nav_repeat.png';//main menu bg
images[9].src = base+com+'search-box-focus.png';//focused search box state
//misc properties
var o={
	sub_max:'200',//sub menu max width
	max_width:'100%',//max width of main menu ul
	effect_spd:'160',//speed of effect
	//0==fadeIn, 1==slideDown
	effect:1
}
//main menu item properties
var m={
	font_size:'13px',
	font_weight:'normal',
	font_color:'#CCC',
	max_height:'26px',
	background_color:'transparent',
	background_image:'url('+images[0].src+')',
	background_repeat:'repeat-x',
	border_width:'0',
	border_style:'solid',
	border_color:'#CCC',
	padding_top:'5',
	padding_bottom:'5',
	padding_left:'10',
	padding_right:'10',
	margin_right:'2',
	margin_left:'0',
	margin_top:'0',
	margin_bottom:'0',
	float:'left'
}
//sub menu item properties
var s={
	font_size:'11px',
	font_weight:'normal',
	font_color:'#091E51',
	background_color:'#6C91B4',
	background_image:'url('+images[2].src+')',
	background_repeat:'repeat',
	border_width:'1',
	border_style:'solid',
	border_color:'#CCC',
	padding_top:'2',
	padding_bottom:'2',
	padding_left:'10',
	padding_right:'30'
}
//hover properties for main and sub menu items
var h={
	m_font_color:'#FDBD37',
	m_background_color:'transparent',
	m_background_image:'url('+images[1].src+')',
	m_border_color:'#FDBD37',
	m_border_width:1,//this should be a number, not a string
	
	s_font_color:'#fff',
	s_background_color:'#6C91B4',
	s_background_image:'url('+images[3].src+')'
}
function Menu(a,b){
	$('#main-nav-ul').css({
		'background-image':'url('+images[8].src+')',
		'background-repeat':'repeat-x',
		'position':'relative',
		'z-index':'1000',
		'height':a.max_height,
		'display':'inline-block',
		'margin':'0px',
		'padding':'0px',
		'text-align':'left',
		'max-width':o.max_width
	});
	$('.main-nav-li').css({
		'position':'relative',
		'float':'left',
		'display':'inline-block',
		'margin-top':a.margin_top+'px',
		'margin-bottom':a.margin_bottom+'px',
		'margin-left':a.margin_left+'px',
		'margin-right':a.margin_right+'px',
		'padding':'0px',
		'height':a.max_height,
		'background-color':a.background_color,
		'background-image':a.background_image,
		'background-repeat':a.background_repeat,
		'border-right-width':a.border_width+'px',
		'border-right-style':a.border_style,
		'border-right-color':a.border_color
	});
	$('#main-nav-search-li').css({
		'position':'relative',
		'display':'inline-block',
		'margin':'0px',
		'padding':'0px',
		'height':a.max_height,
		'background-color':a.background_color,
		'background-repeat':a.background_repeat,
		'border-right-width':a.border_width+'px',
		'border-right-style':a.border_style,
		'border-right-color':a.border_color
	});
	$('.main-nav-li:first-child').css({
		'border-left-width':a.border_width+'px',
		'border-left-style':a.border_style,
		'border-left-color':a.border_color
	});
	$('.main-nav-a').css({
		'width':'100%',
		'margin':'0px',
		'display':'inline-block',
		'padding-top':a.padding_top+'px',
		'padding-bottom':a.padding_bottom+'px',
		'padding-right':a.padding_right+'px',
		'padding-left':a.padding_left+'px',
		'border-bottom-width':a.border_width+'px',
		'border-bottom-style':a.border_style,
		'border-bottom-color':a.border_color,
		'border-top-width':a.border_width+'px',
		'border-top-style':a.border_style,
		'border-top-color':a.border_color,
		'text-decoration':'none',
		'color':a.font_color,
		'transition':'color .3s',
		'-moz-transition':'color .3s',
		'-webkit-transition':'color .3s',
		'-o-transition':'color .3s'
	});
	$('.sub-nav-ul').css({
		'position':'absolute',
		'z-index':'9999',
		'left':'-'+a.border_width+'px',
		'display':'none',
		'top':'0px',
		'margin':'0px',
		'padding':'0px',
		'min-width':o.sub_max+'px'
	});
	$('.sub-nav-li').css({
		'list-style-type':'none',
		'list-style-position':'outside',
		'margin':'0px',
		'padding':'0px',
		'background-color':b.background_color,
		'background-image':b.background_image,
		'background-repeat':b.background_repeat,
		'border-left-width':b.border_width+'px',
		'border-left-style':b.border_style,
		'border-left-color':b.border_color,
		'border-right-width':b.border_width+'px',
		'border-right-style':b.border_style,
		'border-right-color':b.border_color
	});
	$('.sub-nav-li:first-child').children('a').css({
		'border-top-width':b.border_width+'px',
		'border-top-style':b.border_style,
		'border-top-color':b.border_color
	});
	$('.sub-nav-a').css({
		'display':'block',
		'max-width':'100%',
		'margin':'0px',
		'padding-top':b.padding_top+'px',
		'padding-bottom':b.padding_bottom+'px',
		'padding-right':b.padding_right+'px',
		'padding-left':b.padding_left+'px',
		'text-decoration':'none',
		'border-bottom-width':b.border_width+'px',
		'border-bottom-style':b.border_style,
		'border-bottom-color':b.border_color,
		'color':b.font_color,
		'transition':'color .3s',
		'-moz-transition':'color .3s',
		'-webkit-transition':'color .3s',
		'-o-transition':'color .3s'
	});
	//search bar adjustments
	if(ua.msie&&ua.version<9){
		$('.main-nav-a').css('padding-bottom',m.padding_bottom+2+'px');
		//$('.sub-nav-ul').css('top','1px');
	}
}

$(function(){
	Menu(m,s);
	$('.sub-nav-ul').css('top',Number($('#main-nav-ul').css('height').replace('px','')))+'px';
	var x = $('.main-nav-a').toArray();
	for (var i=0;i<x.length;i++){
		var b = Number($(x[i]).css('width').replace('px',''))-m.padding_left-m.padding_right;
		$(x[i]).css('width',b+1);
	}
	/////////
	$('.main-nav-a').bind('mousedown',function(){
		if($(this).attr('href')=='#')return false;
	});
	$('#tb').focusin(function(){
		$(this).css('background-image','url('+base+'assets/components/search-box-focus.png)');
	}).blur(function(){
		$(this).css('background-image','url('+base+'assets/components/search-box.png)');
	});
	$('.main-nav-li').bind('mouseenter',function(){
		$(this).css({
			'background-color':h.m_background_color,
			'background-image':h.m_background_image
		}).children('.main-nav-a').css({
			'color':h.m_font_color,
			'padding-bottom':(Number(m.padding_bottom)-h.m_border_width)+'px',
			'border-bottom-color':h.m_border_color,
			'border-bottom-width':h.m_border_width+'px'
		});
		(o.effect == 0) ?
		$(this).find('.sub-nav-ul').fadeIn(o.effect_spd) : 
		$(this).find('.sub-nav-ul').slideDown(o.effect_spd);
	}).bind('mouseleave',function(){
		$(this).css({
			'background-color':m.background_color,
			'background-image':m.background_image
		}).children('.main-nav-a').css({
			'color':m.font_color,
			'padding-bottom':m.padding_bottom+'px',
			'border-bottom-color':m.border_color,
			'border-bottom-width':m.border_width+'px'
			}).siblings('.sub-nav-ul').hide();
	})
	$('.sub-nav-a').bind('mouseenter',function(){
		$(this).css('color',h.s_font_color);
	}).bind('mouseleave',function(){
		$(this).css('color',s.font_color);
	});
	$('.sub-nav-li').bind('mouseenter',function(){
		$(this).css({
			'background-color':h.s_background_color,
			'background-image':h.s_background_image
		});
	}).bind('mouseleave',function(){
		$(this).css({
			'background-color':s.background_color,
			'background-image':s.background_image
		});
	});
})