$(document).ready(function(){
	var widthDoc = $(document).width();
	if (widthDoc > 920) {
		var topdropwidth = 617 + parseInt((widthDoc - 920) / 2);
	} else {
		topdropwidth = 617;
	} 
	
	$('#topdrop').css({left:"" + topdropwidth + "px"}).children('#topcontent').css({visibility:"visible",display:"none"});
	$('#topdrop').css({display: "block"});
	
	$('#toplinks .login').click(function(e){
		if($(this).hasClass('basic')){
			$(this).removeClass('basic').addClass('active').siblings('.search').removeClass('basic').addClass('inactive');
			$(this).parents('#topdrop').children('#topcontent').slideToggle();
			$(this).parents('#topdrop').children('#topcontent').children('.login').css({visibility:"visible",display:"none"}).fadeIn('slow');
			e.stopPropagation();
		} else if($(this).hasClass('active')){
			$(this).parents('#topdrop').children('#topcontent').slideToggle();
			$(this).parents('#topdrop').children('#topcontent').children('.login').css({visibility:"hidden"});
			$(this).removeClass('active').addClass('basic').siblings('.search').removeClass('inactive').addClass('basic');
			e.stopPropagation();
		} else {
			$(this).parents('#topdrop').children('#topcontent').children('.search').css({visibility:"hidden"}).siblings('.login').css({visibility:"visible",display:"none"}).fadeIn('slow');
			$(this).removeClass('inactive').addClass('active').siblings('.search').removeClass('active').addClass('inactive');
			e.stopPropagation();
		}
	});
	
	$('#toplinks .search').click(function(e){
		if($(this).hasClass('basic')){
			$(this).removeClass('basic').addClass('active').siblings('.login').removeClass('basic').addClass('inactive');
			$(this).parents('#topdrop').children('#topcontent').slideToggle();
			$(this).parents('#topdrop').children('#topcontent').children('.search').css({visibility:"visible",display:"none"}).fadeIn('slow');
			e.stopPropagation();
		} else if($(this).hasClass('active')){
			$(this).parents('#topdrop').children('#topcontent').slideToggle();
			$(this).parents('#topdrop').children('#topcontent').children('.search').css({visibility:"hidden"});
			$(this).removeClass('active').addClass('basic').siblings('.login').removeClass('inactive').addClass('basic');
			e.stopPropagation();
		} else {
			$(this).parents('#topdrop').children('#topcontent').children('.login').css({visibility:"hidden"}).siblings('.search').css({visibility:"visible",display:"none"}).fadeIn('slow');
			$(this).removeClass('inactive').addClass('active').siblings('.login').removeClass('active').addClass('inactive');
			e.stopPropagation();
		}
	})
	
	$('#topcontent').click(function(e) {
		$(this).css({display: "block"});
		e.stopPropagation();
	})
	
    $(document).click(function(e) {
		if($('#toplinks .search').hasClass('active')){
			$('#toplinks .search').parents('#topdrop').children('#topcontent').slideToggle();
			$('#toplinks .search').parents('#topdrop').children('#topcontent').children('.search').css({visibility:"hidden"});
			$('#toplinks .search').removeClass('active').addClass('basic').siblings('.login').removeClass('inactive').addClass('basic');
			e.stopPropagation();
		} else if($('#toplinks .login').hasClass('active')){
			$('#toplinks .login').parents('#topdrop').children('#topcontent').slideToggle();
			$('#toplinks .login').parents('#topdrop').children('#topcontent').children('.login').css({visibility:"hidden"});
			$('#toplinks .login').removeClass('active').addClass('basic').siblings('.search').removeClass('inactive').addClass('basic');
		} else {
		}
	});

});