<!--

_______ad88888888888888888888888a, 
________a88888"8888888888888888888888, 
______,8888"__"P88888888888888888888b, 
______d88_________`""P88888888888888888, 
_____,8888b_______________""88888888888888, 
_____d8P'''__,aa,______________""888888888b 
_____888bbdd888888ba,__,I_________"88888888, 
_____8888888888888888ba8"_________,88888888b 
____,888888888888888888b,________,8888888888 
____(88888888888888888888,______,88888888888, 
____d888888888888888888888,____,8___"8888888b 
____88888888888888888888888__.;8'"""__(888888 
____8888888888888I"8888888P_,8"_,aaa,__888888 
____888888888888I:8888888"_,8"__`b8d'__(88888 
____(8888888888I'888888P'_,8)__________88888 
_____88888888I"__8888P'__,8")__________88888 
_____8888888I'___888"___,8"_(._.)_______88888 
_____(8888I"_____"88,__,8"_____________,8888P 
______888I'_______"P8_,8"_____________,88888) 
_____(88I'__________",8"__M""""""M___,888888' 
____,8I"____________,8(____"aaaa"___,8888888 
___,8I'____________,888a___________,8888888) 
__,8I'____________,888888,_______,888888888 
_,8I'____________,8888888'`-===-'888888888' 
,8I'____________,8888888"________88888888" 
8I'____________,8"____88_________"888888P 
8I____________,8'_____88__________`P888" 
8I___________,8I______88____________"8ba,. 
(8,_________,8P'______88______________88""8bma,. 
_8I________,8P'_______88,______________"8b___""P8ma, 
_(8,______,8d"________`88,_______________"8b_____`"8a 
__8I_____,8dP_________,8X8,________________"8b.____:8b 
__(8____,8dP'__,I____,8XXX8,________________`88,____8) 
___8,___8dP'__,I____,8XxxxX8,_____I,_________8X8,__,8 
___8I___8P'__,I____,8XxxxxxX8,_____I,________`8X88,I8 
___I8,__"___,I____,8XxxxxxxxX8b,____I,________8XXX88I, 
___`8I______I'__,8XxxxxxxxxxxxXX8____I________8XXxxXX8, 
____8I_____(8__,8XxxxxxxxxxxxxxxX8___I________8XxxxxxXX8, 
___,8I_____I[_,8XxxxxxxxxxxxxxxxxX8__8________8XxxxxxxxX8, 
___d8I,____I[_8XxxxxxxxxxxxxxxxxxX8b_8_______(8XxxxxxxxxX8, 
___888I____`8,8XxxxxxxxxxxxxxxxxxxX8_8,_____,8XxxxxxxxxxxX8 
___8888,____"88XxxxxxxxxxxxxxxxxxxX8)8I____.8XxxxxxxxxxxxX8 
__,8888I_____88XxxxxxxxxxxxxxxxxxxX8_`8,__,8XxxxxxxxxxxxX8" 
__d88888_____`8XXxxxxxxxxxxxxxxxxX8'__`8,,8XxxxxxxxxxxxX8" 
__888888I_____`8XXxxxxxxxxxxxxxxX8'____"88XxxxxxxxxxxxX8" 
__88888888bbaaaa88XXxxxxxxxxxxXX8)______)8XXxxxxxxxxXX8" 
__8888888I,_``""""""8888888888888888aaaaa8888XxxxxXX8" 
__(8888888I,______________________.__```"""""88888P" 
___88888888I,___________________,8I___8,_______I8" 
____"""88888I,________________,8I'____"I8,____;8" 
___________`8I,_____________,8I'_______`I8,___8) 
____________`8I,___________,8I'__________I8__:8' 
_____________`8I,_________,8I'___________I8__:8 
______________`8I_______,8I'_____________`8__(8 
_______________8I_____,8I'________________8__(8; 
_______________8I____,8"__________________I___88, 
______________.8I___,8'_______________________8"8, 
______________(PI___'8_______________________,8,`8, 
_____________.88'____________,@@___________.a8X8,`8, 
_____________(88_____________@@@_________,a8XX888,`8, 
____________(888_____________@@'_______,d8XX8"__"b_`8, 
___________.8888,_____________________a8XXX8"____"a_`8, 
__________.888X88___________________,d8XX8I"______9,_`8, 
_________.88:8XX8,_________________a8XxX8I'_______`8__`8, 
________.88'_8XxX8a_____________,ad8XxX8I'________,8___`8, 
________d8'__8XxxxX8ba,______,ad8XxxX8I"__________8__,__`8, 
_______(8I___8XxxxxxX888888888XxxxX8I"____________8__II__`8 
_______8I'___"8XxxxxxxxxxxxxxxxxxX8I'____________(8__8)___8; 
______(8I_____8XxxxxxxxxxxxxxxxxX8"______________(8__8)___8I 
______8P'_____(8XxxxxxxxxxxxxxX8I'________________8,_(8___:8 
_____(8'_______8XxxxxxxxxxxxxxX8'_________________`8,_8____8 
_____8I________`8XxxxxxxxxxxxX8'___________________`8,8___;8 
_____8'_________`8XxxxxxxxxxX8'_____________________`8I__,8' 
_____8___________`8XxxxxxxxX8'_______________________8'_,8' 
_____8____________`8XxxxxxX8'________________________8_,8' 
_____8_____________`8XxxxX8'________________________d'_8' 
_____8______________`8XxxX8_________________________8_8' 
_____8________________"8X8'_________________________"8" 
_____8,________________`88___________________________8 
_____8I________________,8'__________________________d) 
_____`8,_______________d8__________________________,8 
______(b_______________8'_________________________,8' 
_______8,_____________dP_________________________,8' 
_______(b_____________8'________________________,8' 
________8,___________d8________________________,8' 
________(b___________8'_______________________,8' 
_________8,_________a8_______________________,8' 
_________(b_________8'______________________,8' 
__________8,_______,8______________________,8' 
__________(b_______8'_____________________,8' 
___________8,_____,8_____________________,8' 
___________(b_____8'____________________,8' 
____________8,___d8____________________,8' 
____________(b__,8'___________________,8' 
_____________8,,I8___________________,8' 
_____________I8I8'__________________,8' 
_____________`I8I__________________,8' 
______________I8'_________________,8' 
______________"8_________________,8' 
______________(8________________,8' 
______________8I_______________,8' 
______________(b,___8,________,8) 
______________`8I___"88______,8i8, 
_______________(b,__________,8"8") 
_______________`8I__,8______8)_8_8 
________________8I__8I______"__8_8 
________________(b__8I_________8_8 
________________`8__(8,________b_8, 
_________________8___8)________"b"8, 
_________________8___8(_________"b"8 
_________________8___"I__________"b8, 
_________________8________________`8) 
_________________8_________________I8 
_________________8_________________(8 
_________________8,_________________8, 
_________________Ib_________________8) 
_________________(8_________________I8 
__________________8_________________I8 
__________________8_________________I8 
__________________8,________________I8 
__________________Ib________________8I 
__________________(8_______________(8' 
___________________8_______________I8 
___________________8,______________8I 
___________________Ib_____________(8' 
___________________(8_____________I8 
___________________`8_____________8I 
____________________8____________(8' 
____________________8,___________I8 
____________________Ib___________8I 
____________________(8___________8' 
_____________________8,_________(8 
_____________________Ib_________I8 
_____________________(8_________8I 
______________________8,________8' 
______________________(b_______(8 
_______________________8,______I8 
_______________________I8______I8 
_______________________(8______I8 
________________________8______I8, 
________________________8______8_8, 
________________________8,_____8_8' 
_______________________,I8_____"8" 
______________________,8"8,_____8, 
_____________________,8'_`8_____`b 
____________________,8'___8______8, 
___________________,8'____(a_____`b 
__________________,8'_____`8______8, 
__________________I8/______8______`b, 
__________________I8-/_____8_______`8, 
__________________(8/-/____8________`8, 
___________________8I/-/__,8_________`8 
___________________`8I/--,I8________-8) 
____________________`8I,,d8I_______-8) 
______________________"bdI"8,_____-I8 
___________________________`8,___-I8' 
____________________________`8,,--I8 
_____________________________`Ib,,I8 
______________________________`I8I 

      _____                   _______               _____                   _______         
     |\    \                 /::\    \             |\    \                 /::\    \        
     |:\____\               /::::\    \            |:\____\               /::::\    \       
     |::|   |              /::::::\    \           |::|   |              /::::::\    \      
     |::|   |             /::::::::\    \          |::|   |             /::::::::\    \     
     |::|   |            /:::/~~\:::\    \         |::|   |            /:::/~~\:::\    \    
     |::|   |           /:::/    \:::\    \        |::|   |           /:::/    \:::\    \   
     |::|   |          /:::/    / \:::\    \       |::|   |          /:::/    / \:::\    \  
     |::|___|______   /:::/____/   \:::\____\      |::|___|______   /:::/____/   \:::\____\ 
     /::::::::\    \ |:::|    |     |:::|    |     /::::::::\    \ |:::|    |     |:::|    |
    /::::::::::\____\|:::|____|     |:::|    |    /::::::::::\____\|:::|____|     |:::|    |
   /:::/~~~~/~~       \:::\    \   /:::/    /    /:::/~~~~/~~       \:::\    \   /:::/    / 
  /:::/    /           \:::\    \ /:::/    /    /:::/    /           \:::\    \ /:::/    /  
 /:::/    /             \:::\    /:::/    /    /:::/    /             \:::\    /:::/    /   
/:::/    /               \:::\__/:::/    /    /:::/    /               \:::\__/:::/    /    
\::/    /                 \::::::::/    /     \::/    /                 \::::::::/    /     
 \/____/                   \::::::/    /       \/____/                   \::::::/    /      
                            \::::/    /                                   \::::/    /       
                             \::/____/                                     \::/____/        
                              ~~                                            ~~              
                                                                                            
                                                                                            
          _____                _____                    _____                    _____                    _____          
         /\    \              /\    \                  /\    \                  /\    \                  /\    \         
        /::\    \            /::\    \                /::\____\                /::\    \                /::\    \        
       /::::\    \           \:::\    \              /:::/    /               /::::\    \              /::::\    \       
      /::::::\    \           \:::\    \            /:::/    /               /::::::\    \            /::::::\    \      
     /:::/\:::\    \           \:::\    \          /:::/    /               /:::/\:::\    \          /:::/\:::\    \     
    /:::/__\:::\    \           \:::\    \        /:::/    /               /:::/__\:::\    \        /:::/__\:::\    \    
    \:::\   \:::\    \          /::::\    \      /:::/    /               /::::\   \:::\    \      /::::\   \:::\    \   
  ___\:::\   \:::\    \        /::::::\    \    /:::/    /      _____    /::::::\   \:::\    \    /::::::\   \:::\    \  
 /\   \:::\   \:::\    \      /:::/\:::\    \  /:::/____/      /\    \  /:::/\:::\   \:::\    \  /:::/\:::\   \:::\    \ 
/::\   \:::\   \:::\____\    /:::/  \:::\____\|:::|    /      /::\____\/:::/  \:::\   \:::\____\/:::/  \:::\   \:::\____\
\:::\   \:::\   \::/    /   /:::/    \::/    /|:::|____\     /:::/    /\::/    \:::\   \::/    /\::/    \:::\   \::/    /
 \:::\   \:::\   \/____/   /:::/    / \/____/  \:::\    \   /:::/    /  \/____/ \:::\   \/____/  \/____/ \:::\   \/____/ 
  \:::\   \:::\    \      /:::/    /            \:::\    \ /:::/    /            \:::\    \               \:::\    \     
   \:::\   \:::\____\    /:::/    /              \:::\    /:::/    /              \:::\____\               \:::\____\    
    \:::\  /:::/    /    \::/    /                \:::\__/:::/    /                \::/    /                \::/    /    
     \:::\/:::/    /      \/____/                  \::::::::/    /                  \/____/                  \/____/     
      \::::::/    /                                 \::::::/    /                                                        
       \::::/    /                                   \::::/    /                                                         
        \::/    /                                     \::/____/                                                          
         \/____/                                       ~~       

-->
<!DOCTYPE html>
<html lang="en"><head>
        <meta charset="utf-8">
        <title>- Y F A F W S -</title>
        
        
<link rel="stylesheet" type="text/css" href="div_yfafws.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />		
	
		<style>
        
            /* Demo styles */
            html,body{
	margin:0px auto;
	width: 1100px;
	
	
}
            body{border-top:100px solid white;}
            .content{font:30px/1.4 "Futura",Arial,Helvetica,sans-serif;width:1100px;margin:-1px auto;margin-top: 35px;text-align: center;}
            h1{font-size:12px;font-weight:normal;margin:0;}
			
			
			h66{font: font-size:8px;font-weight:normal;margin:0; font-stretch:extra-expanded;text-align: left;}
		
			h3{font: font-size:8px;font-weight:normal;margin:0; font-stretch:extra-expanded;text-align: left;}
			 h4{font: font-size:8px;font-weight:normal;margin:0; font-stretch:extra-expanded;text-align: center;}
			 h5{font: font-size:8px;font-weight:normal;margin:0; font-stretch:extra-expanded;text-align: right;}
			 h6{font: font-size:8px;font-weight:normal;margin:0; font-stretch:extra-expanded;text-align: center;}
			 
			 h7{font: font-size:12px;font-weight:normal;margin:0; font-stretch:extra-expanded;text-align: centre;}
			 
			 h9{font: font-size:8px;font-weight:normal;margin:0; font-stretch:extra-expanded;text-align: centre;}
			 
            p{margin:0 0 0px}
            a {text-decoration:none;}
            .cred{margin-top:0px;font-size:11px;}
			
			a:link {
COLOR: #000;
text-decoration:underline;
}
a:visited {
COLOR: #000;
}
a:hover{-webkit-background-clip: text;
	
	-webkit-text-fill-color: transparent;
  	background-image: -webkit-gradient(linear, left top, right top, from(#0FF), to(#F0F));
	background-image: -webkit-linear-gradient(left, #0FF1, #FF0, #F0F); 
	background-image:    -moz-linear-gradient(left, #0FF1, #FF0, #F0F);
	background-image:     -ms-linear-gradient(left, #0FF1, #FF0, #F0F); 
	background-image:      -o-linear-gradient(left, #0FF1, #FF0, #F0F);}
	
	
a:active {
COLOR: #000;
}
			

            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:700px;}
			
			 
			#menu1 {
  position: fixed;
  padding:0px;
  left: 2%;
  top: 4%;
  width: 8em;
  margin-top: 0px;
 
  color:333333;text-decoration:none;
  z-index:9999;
}

#menu2 {
  position: fixed;
  padding:0px;
  left: 98%;
  top: 4%;
  width: 8em;
  margin-top: 0px;
  margin-left: -20px;
  color:333333;text-decoration:none;
  z-index:9999;
}

#menu3 {
  position: fixed;
  padding:0px;
  left: 2%;
  bottom: 4%;
  width: 8em;
  margin-top: 0px;
  color:333333;text-decoration:none;
  z-index:9999;
}

#menu4 {
  position: fixed;
  padding:0px;
  left: 98%;
  bottom: 4%;
  width: 8em;
  margin-top: 0px;
  margin-left: -20px;
  color:333333;text-decoration:none;
  z-index:9999;
}


#yfafws {
  position: absolute;
  padding:0px;
  left: 50%;
  top: 15px;
  width: 174px;
  margin-top: 0px;
  margin-left: -87px;
  color:333333;text-decoration:none;
  z-index:9999;
}


#menublog {
  position: fixed;
  padding:0px;
  left: 98%;
  bottom: 50%;
  width: 8em;
  margin-top: 0px;
  margin-left: -75px;
  color:333333;text-decoration:none;
  z-index:9999;
}

#menuread {
  position: fixed;
  padding:0px;
  left: 2%;
  bottom: 50%;
  width: 8em;
  margin-top: 0px;
  color:333333;text-decoration:none;
  z-index:9999;
}


			#theX {
  position: fixed;
  padding:0px;
  left: -500px;
  top: -300px;
  width: 100%;
  margin-top: ;
 margin-left: ;
  
  z-index:-1;
}


#roll1 {
  position: absolute;
  padding:0px;
  left: 50%;
  top: 160px;
  width: 60px;
  margin-top: 0px;
  margin-left: -450px;
  color:333333;text-decoration:none;
  z-index:9999;
}


        </style>


<!---------------analytics------->     


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-31414498-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>


<!---------------fb------->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=372023996198796";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<!-- sliderman.js -->
	<script type="text/javascript" src="js/sliderman.1.3.7.js"></script>
	<link rel="stylesheet" type="text/css" href="css/sliderman.css" />
	<!-- /sliderman.js -->

<!-- sliderman.js -->
	<script type="text/javascript" src="js/sliderman2.1.3.7.js"></script>
	<link rel="stylesheet" type="text/css" href="css/sliderman2.css" />
	<!-- /sliderman.js -->


<!--------------sLoooOOw------------->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<!-- Load jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 
    <!-- Load ScrollTo --><script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
 
    <!-- Load LocalScroll -->
<script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.localscroll-1.2.7-min.js"></script>

<script type="text/javascript" src="scripts/expand.js"></script>

<!-- javascript that will initiate jQuery and the LocalScroll plugin --><script type="text/javascript">// <![CDATA[
    // When the document is loaded...
    $(document).ready(function()
    {
        // Scroll the whole document
        $('#links').localScroll({
           target:'body',
		   duration: 6000
        });
		
		$('#links2').localScroll({
           target:'body',
		   duration: 2000
        });
		
		$('#links3').localScroll({
           target:'body',
		   duration: 2000
        });
		
		$('#links4').localScroll({
           target:'body',
		   duration: 2000
        });
		
		$('#links5').localScroll({
            target:'body',
		   duration: 2000
        });
		
		$('#links6').localScroll({
           target:'body',
		   duration: 5000
        });
		
		$('#links7').localScroll({
           target:'body',
		   duration: 2000
        });
		
		$('#links8').localScroll({
           target:'body',
		   duration: 2000
        });
		
		
		$('#links9').localScroll({
           target:'body',
		   duration: 8000,
		   offset: {top:12800, left:0}
        });
		
		$('#links10').localScroll({
           target:'body',
		   duration: 8000,
		    offset: {top:12100, left:0}
        });
		
		$('#links11').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:25500, left:0}
        });
		
		$('#links12').localScroll({
           target:'body',
		   duration: 5000,
		   offset: {top:8600, left:0}
        });
		
		$('#links13').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:30000, left:0}
        });
				
		
		$('#links14').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:26600, left:0}
        });
		
		$('#links15').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:24600, left:0}
        });
		
		$('#links16').localScroll({
           target:'body',
		   duration: 7000,
		   offset: {top:9500, left:0}
        });
		
		$('#links17').localScroll({
           target:'body',
		   duration: 2000,
		    offset: {top:0, left:0}
        });
		
		$('#links18').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:25500, left:0}
        });
		
		$('#links19').localScroll({
           target:'body',
		   duration: 4000,
		   offset: {top:10000, left:0}
        });
		
		$('#links20').localScroll({
           target:'body',
		   duration: 4000,
		   offset: {top:7000, left:0}
        });
		
		$('#links21').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:30600, left:0}
        });
		
		$('#links22').localScroll({
           target:'body',
		   duration: 4000,
		   offset: {top:6800, left:0}
        });
		
		$('#links23').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:29000, left:0}
        });
		
		$('#links24').localScroll({
           target:'body',
		   duration: 4000,
		   offset: {top:11500, left:0}
        });
		
		$('#links25').localScroll({
           target:'body',
		   duration: 5000,
		   offset: {top:13800, left:0}
        });
		
		$('#links26').localScroll({
           target:'body',
		   duration: 5000,
		   offset: {top:12000, left:0}
        });
		
		$('#links27').localScroll({
           target:'body',
		   duration: 9000,
		   offset: {top:21000, left:0}
        });
		
		$('#links28').localScroll({
           target:'body',
		   duration: 8000,
		   offset: {top:18800, left:0}
        });
		
		$('#links29').localScroll({
           target:'body',
		   duration: 4000,
		   offset: {top:7700, left:0}
        });
		
		$('#links30').localScroll({
           target:'body',
		   duration: 8000,
		   offset: {top:19900, left:0}
        });
		
		$('#links31').localScroll({
           target:'body',
		   duration: 5000,
		   offset: {top:5700, left:0}
        });
		
		$('#links32').localScroll({
           target:'body',
		   duration: 8000,
		   offset: {top:17800, left:0}
        });
		
		$('#links33').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:30000, left:0}
        });
		
		$('#links34').localScroll({
           target:'body',
		   duration: 8000,
		   offset: {top:22500, left:0}
        });
		
		$('#links35').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:24200, left:0}
        });
		
		$('#links36').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:27400, left:0}
        });
		
		$('#links37').localScroll({
           target:'body',
		   duration: 10000,
		   offset: {top:24200, left:0}
        });
		
		$('#links38').localScroll({
           target:'body',
		   duration: 7000,
		   offset: {top:6800, left:0}
        });
		
		$('#links39').localScroll({
           target:'body',
		   duration: 11000,
		   offset: {top:31800, left:0}
        });
		
		$('#links40').localScroll({
           target:'body',
		   duration: 11000,
		   offset: {top:0, left:0}
        });
 
    });
	
	
	$(function() {
    // --- Using the default options:
    $("h2.expand").toggler();
    // --- Other options:
    //$("h2.expand").toggler({method: "toggle", speed: 0});
    //$("h2.expand").toggler({method: "toggle"});
    //$("h2.expand").toggler({speed: "fast"});
    //$("h2.expand").toggler({method: "fadeToggle"});
    //$("h2.expand").toggler({method: "slideFadeToggle"});    
    $("#content").expandAll({trigger: "h2.expand", ref: "div.demo", localLinks: "p.top a"});
});
//--><!]]>
 
// ]]>

$(document).ready(function() {
	$('.fadeThis').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});
});

</script>
<!--[if lte IE 7]>
<style type="text/css">
h2 a, .demo {position:relative; height:1%}
</style>
<![endif]-->

<!--[if lte IE 6]>
<script type="text/javascript">
   try { document.execCommand( "BackgroundImageCache", false, true); } catch(e) {};
</script>
<![endif]-->
<!--[if !lt IE 6]><!-->


<!---------------lazyload------->

 <script src="js/jquery.lazyload.js" type="text/javascript"></script>
<script>
      $(function() {
          $("img").lazyload({
              effect : "fadeIn",
			  
			  
              /*
              appear : function(elements_left, settings) {
                  console.log("appear");
                  console.log(elements_left);
                  //console.log(this, elements_left, settings);
              },
              load : function(elements_left, settings) {
                  console.log("load");
                  console.log(elements_left);
                  //console.log(this, elements_left, settings);
              }
              */
          });
      });
	  
	  $("img.lazy").lazyload({ threshold : -200 });
  </script>
  
  
  <!---------------lazyload  BORDER------->

 <script src="js/jquery.lazyload.js" type="text/javascript"></script>
<script>
      $(function() {
          $("img").lazyloadborder({
              effect : "fadeIn",
			  
			  
              /*
              appear : function(elements_left, settings) {
                  console.log("appear");
                  console.log(elements_left);
                  //console.log(this, elements_left, settings);
              },
              load : function(elements_left, settings) {
                  console.log("load");
                  console.log(elements_left);
                  //console.log(this, elements_left, settings);
              }
              */
          });
      });
	  
	  $("img.lazyborder").lazyload({ threshold : -200 });
  </script>
  <style type="text/css">
.lazyborder img{border:3px}
.lazyborder {border:3px solid #000000}
.lazyborder:hover {border:3px solid #000000}
</style>
  
  
  <!---------------border------->
  
  <style type="text/css">
.border img{border:3px}
.border {border:3px solid #000000}
.border:hover {border:3px solid #000000}
</style>
  
  
        <!-- load Galleria -->
        <script src="js/galleria-1.2.4.min.js"></script>


<!-- transparent on scroll -->


<script>
    $("h4").clone().appendTo(document.body);
    $("h4").clone().appendTo(document.body);
    $("h4").clone().appendTo(document.body);
    $(window).scroll(function () { 
      $("span").css("display", "inline").fadeOut("slow"); 
    });

</script>


</head>
<body>


<!---------------menu------->


<ul id=menu1>
<div id="links2">
<a href="#info"><img src="menu/info1.png"onmouseover="this.src='menu/info2.png'" onmouseout="this.src='menu/info1.png'"/> </a></div>
</ul>

<ul id=menu2>
<a href="http://www.yoyostuff.bigcartel.com"target="_blank"><img src="menu/shop1.png"onmouseover="this.src='menu/shop2.png'" onmouseout="this.src='menu/shop1.png'" /></a>
</ul>

<ul id=menu3>
<div id="links4">
<a href="#contact"><img src="menu/contact1.png"onmouseover="this.src='menu/contact2.png'" onmouseout="this.src='menu/contact1.png'" /></span></a></div>
</ul>

<ul id=menu4>
<a href="https://www.facebook.com/yfafws/"target="_blank"><img src="menu/facebook1.png"onmouseover="this.src='menu/facebook2.png'" onmouseout="this.src='menu/facebook1.png'" /></a>
</ul>


<ul id=menublog>
<a href="http://www.yfafws.tumblr.com/"target="_blank">
<img src="menu/blog1.png" onmouseover="this.src='menu/blog2.png'" onmouseout="this.src='menu/blog1.png'"/>
</a>
</ul>


<ul id=menuread>

<a href="http://www.yfafws.com/read.html"target="_blank">
<img src="menu/read1.png" onmouseover="this.src='menu/read2.png'" onmouseout="this.src='menu/read1.png'"/></a>

</ul>
</div>


<!---------------infoheader------->


<ul id=theX>
<span>
<img src="gifs/colorblock.gifff"width="4000px" hight="3000px"/>
</span>

</ul>


<!-----------------------yfafws---------->


<div id="links">
<ul id=yfafws>
<a href="#top">
<img src="menu/yfafwsweblogo.png" onmouseover="this.src='menu/yfafwsweblogo2.png'" onmouseout="this.src='menu/yfafwsweblogo.png'"/>
</a>
</ul>
</div>


<div id="top" class="links"></div>
<div id="top2" class="links40"></div>


<!--------------content------------->

<!--------------content------------->

<!--------------content------------->

<!--------------content------------->


<!--------------intro------------->
<div class="content">


<p/>
<img src="gifs/line.jpg" />
<br>


<!---------------infoheader------->

<div id="container_shaperolling">
<h5>	
<marquee behavior="scroll" direction="left">YFAFWS ER EN FANZINE MED ILLUSTRERTE TEKSTER, SKREVET AV UNGE NORSKE SKRIBENTER. BLADET KAN KJØPES I UTVALGTE UTSALGSSTEDER I OSLO OG I VÅR EGEN <a href="http://www.yoyostuff.bigcartel.com"target="_blank">SHOP † † † SHOP † † † SHOP</a> - - - - - - YFAFWS IS A FANZINE WITH ILLUSTRATED SHORT STORIES. BUY IT IN OUR <a href="http://www.yoyostuff.bigcartel.com"target="_blank">SHOP † † † SHOP † † † SHOP</a></marquee>
</h5>
</div>


<!--------------intro MENU XXXXXXXXXXXXXXXXXXXXXX ------------->


<div id="container_shape25">
<div style="position: absolute;  " >

<a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: -10px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>
  <a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: 408px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>
 
<div id="container_shape251">
<div style="position: absolute;  " >
<div id="container_shape252">
<div style="position: absolute;  " >
</div> 
 </div>
</div> 
 </div>
</div> 
 </div>
 
 <div id="container_shape26">
<div style="position: absolute;  " >

<a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: -10px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>
 <a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: 408px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>
 
<div id="container_shape251">
<div style="position: absolute;  " >
<div id="container_shape253">
<div style="position: absolute;  " >
</div> 
 </div>
</div> 
 </div>
</div> 
</div>


<div id="links8">
<a href="#photos">
<div id="container_shape22">
<div style="position: absolute; " ><img src="menu/menuinfo_photos1.png"onmouseover="this.src='menu/menuinfo_photos2.png'" onmouseout="this.src='menu/menuinfo_photos1.png'" width="73px" border="0px"  /></div><div style="position: absolute; margin-left: 0px;margin-left: 85px;  " ><img src="menu/menu2.gif" width="330px" border="2px"/></div> 
 </div>
 </a>
 </div> 
 
 
<div id="links5">
<a href="#preview">
<div id="container_shape21">
<div style="position: absolute;  " ><img src="menu/menu1.gif" width="330px" border="2px"/></div> <div style="position: absolute; margin-left: 346px;  " ><img src="menu/menuinfo_preview1.png"onmouseover="this.src='menu/menuinfo_preview2.png'" onmouseout="this.src='menu/menuinfo_preview1.png'" width="73px" border="0px"  /></div>
 </div>
 </a>
 </div> 
 
 
 <!--------------e x p a n d------------->

<div id="info" class="links2"></div>

<div id="wrapper"> 
      <div id="content">  
          <div class="demo">
            <h2 class="expand">
            <img src="gifs/expandinfo1.png" onmouseover="this.src='gifs/expandinfomov.gif'" onmouseout="this.src='gifs/expandinfo1.png'" width="1000" border="3px" /></h2>
            <div class="collapse">
            <br>
               <p><img src="gifs/pig.gif" onmouseover="this.src='gifs/pig.gif'" onmouseout="this.src='gifs/pig.gif'" border="3px #000" /></p>
               
               <p>|YFAFWS|</p>
                <p>Dette er en fanzine med illustrerte tekster. Tekstene er skrevet av unge norske skribenter, og trykkes i sin helhet, usensurert i bladet. YFAFWS kan du bl.a. få tak i hos Tronsmo bokhandel, Torso og Kvardag, samt vår egen <a href="http://www.yoyostuff.bigcartel.com"target="_blank">shop</a></p>
               
                <p>Just wanna look at the pictures?! Buy it here: <a href="http://www.yoyostuff.bigcartel.com"target="_blank">shop</a> : D</p>
                
                
            </div>
          </div>
        </div>
    </div>
    
 
<div id="container_shape25x">
<div style="position: absolute;  " >

<a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: -10px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>
 <a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: 408px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>

<div id="container_shape251x">
<div style="position: absolute;  " >
<div id="container_shape252x">
<div style="position: absolute;  " >
</div> 
 </div>
</div> 
 </div>
</div> 
 </div>
 
 <div id="container_shape26x">
<div style="position: absolute;  " >

<a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: -10px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>
 <a href="https://www.facebook.com/yfafws/"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: 408px;  margin-left: -18px; " >
 <img src="gifs/likeme.gif"onmouseover="this.src='gifs/likeme22.gif'" onmouseout="this.src='gifs/likeme.gif'"width="70px" /></div></a>
 
<div id="container_shape251x">
<div style="position: absolute;  " >
<div id="container_shape253x">
<div style="position: absolute;  " >
</div> 
 </div>
</div> 
 </div>
</div> 
</div> 
</p>


<a href="http://www.yoyostuff.bigcartel.com"target="_blank">
<div id="container_shape24x"> 
<div style="position: absolute; " ><img src="menu/menuinfo_shop1.png"onmouseover="this.src='menu/menuinfo_shop2.png'" onmouseout="this.src='menu/menuinfo_shop1.png'" width="73px" border="0px"  /></div><div style="position: absolute; margin-left: 0px;margin-left: 85px;  " ><img src="menu/menu4.gif" width="330px" border="2px"/></div> 
 </div>


 </a>
 
<div id="links6">
<a href="http://www.yfafws.com/read.html"target="_blank">
<div id="container_shape23x">
<div style="position: absolute;  " ><img src="menu/menu3.gif" width="330px" border="2px"/></div> <div style="position: absolute; margin-left: 346px;  " ><img src="menu/menuinfo_read1.png"onmouseover="this.src='menu/menuinfo_read2.png'" onmouseout="this.src='menu/menuinfo_read1.png'" width="73px" border="0px"  /></div>
 </div>
 </a>
 </div> 


  <!---------------infoheader------->

<div id="container_shaperolling2">
<h5>	
<marquee behavior="scroll" direction="left"><a href="http://www.yoyostuff.bigcartel.com"target="_blank">SHOP † † † SHOP † † † SHOP † † † SHOP † † † SHOP † † † SHOP † † † SHOP † † † </a></marquee>
</h5>
</div> 


 <div id="preview" class="links5"></div>

<!--------------previews------------->    
 
    
    <div id="wrapper"> 
      <div id="content">  
          <div class="demo">
            
           
            <img src="gifs/expandpreview.png" onmouseover="this.src='gifs/expandpreviewmov.gif'" onmouseout="this.src='gifs/expandpreview.png'"width="1000" border="3px" /></h2>
            <div class="collapse">
         
         
         <div id="page-wrap_p2">
         
          <div id="page-wrap_info"><div style="position: absolute; z-index:600; margin-top: -21px;  " > <h9>YFAFWS#2 - 120 PAGES - <a href="http://www.yoyostuff.bigcartel.com"target="_blank">BUY!</a> </h9></div><div style="position: absolute; z-index:600; margin-top: -21px; margin-left:390px; " > <h9>YFAFWS#2 - 120 PAGES - <a href="http://www.yoyostuff.bigcartel.com"target="_blank">BUY!</a> </h9></div><div style="position: absolute; z-index:600; margin-top: -21px; margin-left:778px; " > <h9>YFAFWS#2 - 120 PAGES - <a href="http://www.yoyostuff.bigcartel.com"target="_blank">BUY!</a> </h9></div></div>
         
         
            <iframe src="preview/yfafws_issue2_preview.html" width="980px" height="550px"frameborder="0" ></iframe>
               
               
</div>


         <div id="page-wrap_p">
         
               <div id="page-wrap_info"><div style="position: absolute; z-index:600; margin-top: -21px;  " > <h9>YFAFWS#1 - 46 PAGES - <a href="http://www.yoyostuff.bigcartel.com"target="_blank">BUY!</a> </h9></div><div style="position: absolute; z-index:600; margin-top: -21px; margin-left:395px; " > <h9>YFAFWS#1 - 46 PAGES - <a href="http://www.yoyostuff.bigcartel.com"target="_blank">BUY!</a> </h9></div><div style="position: absolute; z-index:600; margin-top: -21px; margin-left:786px; " > <h9>YFAFWS#1 - 46 PAGES - <a href="http://www.yoyostuff.bigcartel.com"target="_blank">BUY!</a> </h9></div></div>
              
              
               <iframe src="preview/yfafws_issue1_preview.html" width="980" height="510"frameborder="0" ></iframe>
               
               
</div>
                
            
          </div>
        </div>
    </div>


<div id="container_shape11">
<div id="container_shape12">


<div id="page-wrap_release">
         
              
               <iframe src="preview/yfafws_release_posters.html" width="385" height="336"frameborder="0" ></iframe>
               
               
</div>


</div>
</div>

<div id="container_shape13">
<div id="container_shape9">
<iframe src="http://player.vimeo.com/video/50474378?title=0&amp;color=ff0179" width="600" height="337" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>

</div>


<!--------------e x p a n d 2------------->    
    <div id="contact" class="links4"></div>
    
    <div id="wrapper"> 
      <div id="content">  
          <div class="demo">
            <h2 class="expand">
            <img src="gifs/expandcontact.png" onmouseover="this.src='gifs/expandcontactmov.gif'" onmouseout="this.src='gifs/expandcontact.png'"width="1000" border="3px" /></h2>
            <div class="collapse">
            <br>
               
               <p>Vil du bidra med tekster? Send en mail til Thea på <a href="mailto:thea@yoyofanzine.co"target="_blank">thea[at]yoyofanzine.co</a></p>
               
               <p>Lurer du på noe angående det visuelle? Ta kontakt med enten Marius på <a href="mailto:marius@yoyostuff.co"target="_blank">marius[at]yoyostuff.co</a> , eller Tobias på <a href="mailto:tobias@yoyostuff.co"target="_blank">tobias[at]yoyostuff.co</a></p>
               
               <p>|BIDRAGSYTERE|</p>
               <p><a href="http://www.99problemer.tumblr.com/"target="_blank">99prblmr</a></p>
               <p><a href="mailto:yo@yoyostuff.co"target="_blank">Scott Electric</a></p>
               <p>Andreas Fransisco</p>

<p>Katrine Fylling</p>

<p>Caroline Krager</p>

<p>Martin Melvold</p>

<p><a href="http://akronym.no//"target="_blank">Mari Tveita Stagrim</a></p>

<p>Julius Maske</p>
              
               <p>YFAFWS er også på <a href="https://www.facebook.com/yfafws"target="_blank">facebook</a>.


            </div>
          </div>
        </div>
    </div>
    
    
<div id="photos" class="links8"></div>

<!--------------roskilde photos------------->  
 <div id="wrapper"> 
    
    
      <div id="content"> 
      
 <div id="container_shape22xx">     
   <div id="container_shape22x">
			
          <div id="container_shape2">
       
        <!--------------sendto button------------->  

<a href="mailto:yo@yoyostuff.co"target="_blank">
 <div style="position: absolute; z-index:6666;  margin-top: 13px;  margin-left: 363px; " ><img src="gifs/sendphoto.png" onmouseover="this.src='gifs/sendphoto2.png'" onmouseout="this.src='gifs/sendphoto.png'" width="33px" heigh="100%x" /></div> 
 </a>
 

<!--------------bilder i rammer 2------------->  
      
			
 <div id="container_shape3">
 

			<div id="slider_container_3">
           

<div id="slider_container_4">
<img class="lazy" src="gifs/grey.gif" data-original="gifs/blackie.gif" z-index="100"/>
</div>


				<div id="SliderName_3" class="SliderName_3">
					<img src="img/IMG_0989.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0991.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0992.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0993.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0994.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0995.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0996.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0997.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0998.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_0999.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_1010.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_1011.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_1012.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
                    <img src="img/IMG_1013.jpg" width="450" height="100%" alt="" title="" z-index="100"/>
					
				</div>  
                
                     
				<script type="text/javascript">

					demo3Effect1 = {name: 'myEffect34', left: true, move: true, duration: 400};
					demo3Effect2 = {name: 'myEffect34', left: true, move: true, duration: 400};
					demo3Effect3 = {name: 'myEffect34', left: true, move: true, duration: 400};
					demo3Effect4 = {name: 'myEffect34', left: true, move: true, duration: 400};
					demo3Effect5 = {name: 'myEffect34', left: true, move: true, duration: 400};
					demo3Effect6 = {name: 'myEffect34', left: true, move: true, duration: 400};

					effectsDemo3 = [demo3Effect1,demo3Effect2,demo3Effect3,demo3Effect4,demo3Effect5,demo3Effect6,];

					var demoSlider_3 = Sliderman.slider({container: 'SliderName_3', width: 315, height: 420, effects: effectsDemo3, display: {autoplay: 3000}});
				</script>
                
                
        </div>      

                
				</div>
			</div>
            
            
        </div>
        </div>    
			
            <div id="container_shapehest">
            <div id="container_shapehest2">
            <div id="container_shapehest3">
          <marquee  behavior="scroll" direction="down"  style=" position: absolute; z-index:6666; width: 140px; height: 472px; font-size: 5px;">
          <h7>
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
YFAFWS
</h7>          
        
          </marquee> 
</div>
</div>
</div>
            
		</div>
        
        
        </div>
        
      </div>
        </div>  

</div>
</div>
</div>
</div>
</div>


<!--------------facebook------------->
<div id="content"> 
<div id="container_shape">
<img class="lazy" src="gifs/grey.gif" data-original="gifs/allmyfriends.gif" width="1074px" heigh="100%">
</div>
</div>


<div style="position: absolute; left: 50%; margin-left: -532px;margin-top: 30px;
z-index:200"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fyfafws&amp;width=1065&amp;height=485&amp;colorscheme=light&amp;show_faces=true&amp;border_color=black&amp;stream=false&amp;header=false&amp;height=485" scrolling="no" frameborder="0" style=" overflow:hidden; width:1065px; height:485px; " allowTransparency="true"></iframe></div> 
<div style="position: absolute; margin-left: 24px; margin-top: 30px; z-index:100"><img src="gifs/zebra.gif"width="1066" heigh="100%"></div>

<div style="position: absolute; left: 50%; margin-left: -550px;margin-top: -2px;
z-index:10"><img src="gifs/colorblock.gif"width="1095px" border="3px" ></div>

</div>
<p/>


<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>


<!--------------triangle------------->  


 <div style="position: absolute;  margin-top: 0px; margin-left:0px; " > <h9>©YFAFWS 2012 - THIS PAGE WAS PUT TOGETHER BY <a href="http://www.yoyostuff.co/"target="_blank">YOYO STUFF</a>. HOPE YOU LIKED IT. </h9></div>

<br>
<br>


<img class="lazy" src="gifs/grey.gif" data-original="gifs/skull.gif" width="100%" heigh="100%">
  
     
</body>
</html>