var preload = new Image();
preload.src = "/images/topnav_bg.png";

$(document).ready(function(){
	tab();
	resizeDev();
	sfHover();
	navBg();

	$(window).resize(function() {
		resizeDev();
	});
 });
 
 function resizeDev(){
 		var temp = $(window).width();
		if(temp > 1024){
			var divWidth = 231+(temp - 960)/2;
			$("#right-navigation").width(divWidth);
			$("#right-navigation").removeClass("posfix");
		}else{
			$("#right-navigation").addClass("posfix");
			$("#right-navigation").width(231);
		}
 }

function tab(){
	//if($('#main-content.tab').length){
		$('#main-content-tab #tab li.title').click(
			function() {
			if(!$(this).siblings('.result').is(':visible')){
				$(this).children('a').blur();
				$(this).children('a').addClass('tab-open');
				$(this).siblings('.result').slideDown('fast');
				return false;
			}
			if($(this).siblings('.result').is(':visible')){
				$(this).siblings('.result').slideUp('fast', function(){$(this).siblings('.title').children('a').removeClass('tab-open');});
				$(this).children('a').blur();
				return false;
			}
		}
		);
	//}
}

function navBg(){
	$("#header ul#nav li.sub-main").hover(
		function(){$("#header ul#nav").addClass("topnav-bg");}, 
		function(){$("#header ul#nav").removeClass("topnav-bg");} 
	);
}

function sfHover() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}