jQuery(document).ready(function($) {
	   function load(num) {
		   if(num==1){ 
		   	$("#face").addClass('spot'); 
			$("#face").removeClass('nospot'); 
		   } else { 
		   	$("#face").removeClass('spot');
			$("#face").addClass('nospot'); 
		    }
           $('#content').load("content/"+num +".html");
        }

		$.history.init(function(url) {
				resetNav();
				$('#main-nav a').each(function(index) {
					var link = $(this).attr('ref');
					if(link==url){
					  	var icon = $(this).attr('ref');
						$("div.i_"+icon).addClass('active');
						$(this).parent().parent().parent().addClass('active');
						$(this).parent().parent().addClass('active');
						$(this).addClass('active');
					}
					
				});
                load(url == "" ? "1" : url);
            });

        $('#main-nav a').live('click', function(e) {
                var url = $(this).attr('href');
                url = url.replace(/^.*#/, '');
                $.history.load(url);
				resetNav();
			  	var icon = $(this).attr('ref');
				$("div.i_"+icon).addClass('active');
				$(this).parent().parent().parent().addClass('active');
				$(this).parent().parent().addClass('active');
				$(this).addClass('active');
                return false;
        });
		
		$('#main-nav a').each(function(index) {
	   			$(this).mouseover(function() {
						  	var icon = $(this).attr('ref');
							$("div.i_"+icon).addClass('hover');
				 			$(this).parent().parent().parent().addClass('hover');
							$(this).parent().parent().addClass('hover');
							$(this).addClass('hover');
				});
				
				$(this).mouseout(function() {
  						   	var icon = $(this).attr('ref');
							$("div.i_"+icon).removeClass('hover');
				 			$(this).parent().parent().parent().removeClass('hover');
							$(this).parent().parent().removeClass('hover');
							$(this).removeClass('hover');
				});
				
	   	});
		
		function resetNav(){
			$('#main-nav a').each(function(index) {
			   	var icon = $(this).attr('ref');
				$("div.i_"+icon).removeClass('active');
    			$(this).parent().parent().parent().removeClass('active');
				$(this).parent().parent().removeClass('active');
				$(this).removeClass('active')
  			});
		}
		
		
});
function showLegal(url){
	var src = url;
	$.modal('<iframe src="' + src + '" height="450" width="550" style="border:0">', {
		closeHTML:"<a href='#'></a>",
		containerCss:{
			backgroundColor:"#F8F3ED",
			borderColor:"#8c3992",
			height:450,
			padding:0,
			width:550
		},
		overlayClose:true
	});
}