var uri = location.pathname;
var section = uri == '/' || uri.indexOf('/', 1) < 0 ? uri : uri.substr(0, uri.indexOf('/', 1));

var pan;
var menu;
var timer;

$(function(){
	if (request['brand']) {
		pan = $('div[rel=div-brand/' + request['brand'] + ']').show();
		menu = $('a[rel=link-brand][href=/'+request['brand']+']').addClass('selected').get(0);
	}
	else {
		pan = $('div[rel^=div-brand]').eq(0).show();
		menu = $('a[rel=link-brand]').eq(0).addClass('selected').get(0);
	}
	
	$('ul.models a[href=' + uri + ']').addClass('selected');
	$('div.nav a[href=' + section + ']').addClass('selected');
	
	$('a[rel=link-brand]').mouseover(function(e){
		if (menu == this) return false;
		self = this;
		
		timer = setTimeout(function(){
			menu = self;
			if (pan) pan.stop(true, true).hide();
			$('a[rel=link-brand]').removeClass('selected');
			$(self).addClass('selected');
			
			pan = $('div[rel=div-brand' + self.href.substr(self.href.lastIndexOf('/')) + ']');
			pan.fadeIn('slow');
		}, 500);
		return false;
	});
	
	$('a[rel=link-brand]').mouseout(function(e){
		clearTimeout(timer);
	});
	
	
	
	$('a[rel=link-model]').mouseover(function(e){
		var path = '/data/' + this.href.substr(this.href.indexOf('/', 7) + 1) + '/icon.png';
		$('div.image img').stop(true, true).attr('src', path).show();
	});
	$('a[rel=link-model]').mouseout(function(e){
		$('div.image img').fadeOut('slow');
	});
});