<!--BOOK-->
$(function()
{
   $("nav .web .open").click(function() {
		closeLanguage();
		closeSearch();
		$("nav .web .close").css('display', 'block');
		$(this).css('display', 'none');
		$("nav .web ul").animate(
				{ top: '-18px' }, 
				{ queue:false, duration:300, complete:180 }
			);
		});
	function closeWeb() {
		$("nav .web .open").css('display', 'block');
		$(this).css('display', 'none');
		$("nav .web ul").animate(
				{ top: '-300px' }, 
				{ queue:false, duration:300, complete:180 }
			);
	}
   $("nav .web .close").click(function() {
		closeWeb();
		});
   $("nav .language .open").click(function() {
		closeWeb();
		closeSearch();
		$("nav .language .close").css('display', 'block');
		$(this).css('display', 'none');
		$("nav .language ul").animate(
				{ top: '-66px' }, 
				{ queue:false, duration:300, complete:180 }
			);
		});
   function closeLanguage() {
		$("nav .language .open").css('display', 'block');
		$(this).css('display', 'none');
		$("nav .language ul").animate(
				{ top: '-400px' }, 
				{ queue:false, duration:300, complete:180 }
			);
		}
   $("nav .language .close").click(function() {
		closeLanguage();
		});
   $("nav .search .open").click(function() {
		closeLanguage();
		closeWeb();
		$("nav .search .close").css('display', 'block');
		$(this).css('display', 'none');
		$("nav .search .box").animate(
				{ top: '-83px' }, 
				{ queue:false, duration:300, complete:180 }
			);
		});
   function closeSearch() {
		$("nav .search .open").css('display', 'block');
		$(this).css('display', 'none');
		$("nav .search .box").animate(
				{ top: '-230px' }, 
				{ queue:false, duration:300, complete:180 }
			);
	}
   $("nav .search .close").click(function() {
		closeSearch();
		});
   
   $(window).scroll(function () { 
		closeLanguage();
		closeWeb();
		closeSearch();
    });
   
   function tootipDesk(classAnim,tagAnim,posVer) {
	   var posVerFin = posVer-20;
	   $(classAnim)
		.mouseover(function(){
			$(classAnim).find(tagAnim).animate(
				{top: posVer}, 
				{queue:false, duration:300, complete:180})
			$(classAnim).find(tagAnim).fadeIn("fast");
			})
		.mouseout(function(){
			$(classAnim).find(tagAnim).animate(
				{top: posVerFin}, 
				{queue:false, duration:300, complete:180})
			$(classAnim).find(tagAnim).fadeOut("fast");
			})
   }
   
   tootipDesk('nav .web h2','span',50);
   tootipDesk('nav .language h2','span',-20);
   tootipDesk('nav .search h2','span',-30);
   tootipDesk('nav .facebook h2','span',-20);
   tootipDesk('nav .twitter h2','span',-20);
   
   $('.drawer a')
	.mouseover(function(){
		$(this).stop().animate(
			{top: '0', left: '0'}, 
			{duration:200})
		$(".drawer .shadow").stop().animate(
			{height: '110px'}, 
			{duration:200})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{top: '-10px', left: '10px'}, 
			{duration:200})
		$(".drawer .shadow").stop().animate(
			{height: '100px'}, 
			{duration:200})
		})
	
	$('.slides').slides({
		preload: true,
		generateNextPrev: true,
		play: 5000,
		pause: 2000,
		hoverPause: true,
		effect: 'fade',
	});
	
/*	function decorationRandom() {
		var randomNum=Math.ceil(Math.random()*8);
		$('.list .decoration').addClass('varation'+randomNum)
	}
	
	decorationRandom();*/
	
	$('.create-puzzle input[type=text]').focus(function() {
		$(this).val('');
		$(this).css('color','#630');
	});
});	

$(document).ready(function(){
	$('.custom-select-style').customStyle();
});

$(document).ready(function(){
   
     if(document.getElementById('skin-zone')) {
		setOffset.initialPos = 0;
		window.onscroll = document.documentElement.onscroll = setOffset;
		setOffset();
	}
	
 });

function setOffset() {

//    $("#skin-zone").queue( [ ] );

    var top = parseInt($("#skin-zone").css("top"));
    var leftHeight = $("#wrap").height();
    var formHeight = $("#skin-zone").height();
    var formOffset = $("#skin-zone").offset();
	var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // body for Safari

	var newTop = top + (scrollTop - formOffset.top);

    if (newTop < 0)
        newTop = 0;
    else if (newTop + formHeight > leftHeight)
        newTop = leftHeight - formHeight;
	

    if (top != newTop) {

		$("#skin-zone").css(
					{ top: newTop }
        );

    }
}