﻿$(document).ready(function(){
	if($('#header .view').css('display') == 'none'){
		sideNavigation();
		backtotop();
	}else
		mobilefunc();
});

function sideNavigation(){
$("#side-nav li .sub").css({display: "none"}); // Opera Fix
$("#side-nav li").hoverIntent({
	over:function(){
		$(this).find('.sub').css({visibility: "visible",display: "none"}).show(80);
		$(this).find('a span').css({'border-color': '#f7941d'});
		$(this).find('a').not('.sub a').css({'background-position': '-275px 0','color': '#f7941d'});
	},
	timeout:260,
	out:function(){
		$(this).find('.sub').css({visibility: "hidden"});
		$(this).find('a span').css({'border-color': '#e1e1e1'});
		$(this).find('a').not('.sub a').css({'background-position': '0 0','color': '#3875A3'});
	}});
}

function mobilefunc(){
	var selector = $('#header .view');
	if($(selector).css('display') == 'block'){
		switchview(selector);
		gotonav();
	}
}

function switchview(selector){
	switch ($.cookie('view-nm')){
		case 'normal':
			var viewtype = 'mobile';
			break;
		case 'mobile':
			var viewtype = 'normal';
			break;
		default:
			var viewtype = 'normal';
	}
	$(selector).append('<a href="#">switch to ' + viewtype + ' view</a>');
	$('#header .view a').click(function(){
		$.cookie('view-nm',viewtype,{expires: 1, path: '/'})
		location.reload();
	});
}

function gotonav(){
	if($.cookie('view-nm')){
		if($.cookie('view-nm') == 'mobile'){
			$('#content').before('<div id="gotonav"><a href="#side-nav">to main navigation</a></div>');
			$('#side-nav').after('<div id="gototop"><a href="#logo">to top</a></div>');
		}
	}else{
		$('#content').before('<div id="gotonav"><a href="#side-nav">to main navigation</a></div>');
		$('#side-nav').after('<div id="gototop"><a href="#logo">to top</a></div>');
		}
}

function backtotop(){
	var scroll_position = $(window).scrollTop();
	if(scroll_position < 120)
		$("#to-top").hide();//hide #to-top first
	
	//fade in #back-top
	$(function(){
		$(window).scroll(function(){
			if($(this).scrollTop() > 120){
				$('#to-top').fadeIn();
			}else{
				$('#to-top').fadeOut();
			}
		});

		//scroll body to 0px on click
		$('#to-top a').click(function(){
			$('body,html').animate({
				scrollTop: 0
			}, 400);
			return false;
		});
	});
}

$(function(){
	$('a[rel*=external]').click( function() {
		window.open(this.href);
		return false;
		});
});

