// JavaScript Document

var $tn = jQuery.noConflict();

$tn(document).ready(tn_READY);

function tn_READY(){
	tn_manip_dom();
	tn_bind_events();
	tn_trigger_events();
}

function tn_trigger_events(){
	$tn('#top_nav .top_nav_tier_4 > li:first-child').trigger('mouseenter');
}

function tn_manip_dom(){
	$tn('#top_nav > .top_nav_tier_1:first > li:first > .top_nav_ul_li_a_corner').remove();
	$tn('#top_nav .top_nav_ul_li_divider:not(:last)').css({visibility: "visible"});
	$tn('#top_nav .top_nav_tier_2_v > li:last-child > a').css({borderBottomWidth: 0});
	$tn('#top_nav .top_nav_tier_4 > li:last-child > a').css({borderStyle: 'none'});
}

function tn_bind_events(){
	$tn('#top_nav .top_nav_tier_1 > li').mouseenter(top_nav_tier_1_li_MOUSE_ENTER);
	$tn('#top_nav .top_nav_tier_1 > li').mouseleave(top_nav_tier_1_li_MOUSE_LEAVE);
	$tn('#top_nav .top_nav_tier_2_v > li').mouseenter(top_nav_tier_2_v_li_MOUSE_ENTER);
	$tn('#top_nav .top_nav_tier_2_v > li').mouseleave(top_nav_tier_2_v_li_MOUSE_LEAVE);
	$tn('#top_nav .top_nav_tier_2_h > li').mouseenter(top_nav_tier_2_h_li_MOUSE_ENTER);
	$tn('#top_nav .top_nav_tier_2_h > li').mouseleave(top_nav_tier_2_h_li_MOUSE_LEAVE);
	
	$tn('#top_nav .top_nav_tier_4 > li').mouseenter(top_nav_tier_4_li_MOUSE_ENTER);
}

function top_nav_tier_4_li_MOUSE_ENTER(event){
	event.stopPropagation();
	
	$tn(this).parent().find('li > img').hide();
	
	var myModel = $tn('> a', this).text();
	var myPrice = $tn('> a', this).attr('price');
	var mySled = $tn('> a', this).attr('sled');
	
	$tn(this).parent().prev().prev().prev().attr('src', mySled);
	$tn(this).parent().prev().prev().find('span').text(myModel);
	$tn(this).parent().prev().find('span').text(myPrice);
	
	$tn('> img', this).show();
}

function top_nav_tier_2_h_li_MOUSE_ENTER(){
	var myIndex = $tn(this).index();
	var myTotal = $tn(this).parent().children().length - 1;
	var mr = 0;
	var ml = 0;
	var pl = 0;
	var pr = 0;
	//what I don't do for pixel perfect cross browser menu stuff :)
	switch(myIndex){
		case 0:
			ml = 0;
			mr = 1;
			pl = 1;
			pr = 0;
			break;
		case myTotal:
			ml = 1;
			mr = 0;
			pl = 0;
			pr = 1;
			break;
		default:
			ml = 1;
			mr = 1;
			pl = 0;
			pr = 0;
			break;
	}
	$tn('> a', this).css({marginLeft: ml, marginRight: mr, paddingLeft: pl, paddingRight: pr});
	$tn('> a', this).addClass('top_nav_tier_2_h_li_MOUSE_ENTER');
	$tn(this).css({backgroundColor: '#000'});
	$tn('> div', this).show();
}

function top_nav_tier_2_h_li_MOUSE_LEAVE(){
	$tn('> a', this).css({marginLeft: 0, marginRight: 0, paddingLeft: 1, paddingRight: 1});
	$tn('> a', this).removeClass('top_nav_tier_2_h_li_MOUSE_ENTER');
	$tn(this).css({backgroundColor: '#dadada'});
	$tn('> div', this).hide();
}

function top_nav_tier_2_v_li_MOUSE_ENTER(){
	$tn('> a', this).addClass('top_nav_tier_2_v_li_MOUSE_ENTER');
}

function top_nav_tier_2_v_li_MOUSE_LEAVE(){
	$tn('> a', this).removeClass('top_nav_tier_2_v_li_MOUSE_ENTER');
}

function top_nav_tier_1_li_MOUSE_ENTER(){
	$tn('> a', this).addClass('top_nav_tier_1_li_MOUSE_ENTER');
	$tn('.top_nav_ul_li_a_corner', this).show();
	$tn('> ul', this).show();
}

function top_nav_tier_1_li_MOUSE_LEAVE(){
	$tn('> a', this).removeClass('top_nav_tier_1_li_MOUSE_ENTER');
	$tn('.top_nav_ul_li_a_corner', this).hide();
	$tn('> ul', this).hide();
}