$(document).ready(function(){
	function currentState(){
		return $("#current").val();
	}
	function fadeInElement(num){
		if($(".info_folio ul li:nth-child("+num+")").length && (currentState() == 'folio')){
			$(".info_folio ul li:nth-child("+num+")").fadeIn(100, function(){fadeInElement((num+1));});
			if(num == '4'){
				$(".info_folio_scroll").fadeIn(200, function(){
					$("#info_folio_scroller").animate({width: '5px', marginLeft: '0px'}, 200, function(){
						$(this).animate({height: '47px'}, 200, function(){
							$(this).animate({height: '32px'}, 220, function(){
								$(this).animate({height: '37px'}, 320);
							});
						});
					});
				});
			}
		}
		
		
	}
	
	function fadeOutElement(num){
		if($(".info_folio ul li:nth-child("+num+")").length){
			$(".info_folio ul li:nth-child("+num+")").fadeOut(30, function(){fadeOutElement((num-1));});
		} else {
			$(".info_folio").hide();
			$(".backgr_folio").fadeOut('fast');
			$(".backgr_contacts").fadeIn('fast', function(){
				$(".info_contacts_right").css('display', 'block');
				$(".info_contacts_right").animate({width: "161px"}, 150, function(){
					$(".info_contacts_right div").html('<a href="mailto:raadoo@abv.bg">raadoo@abv.bg</a>');
					$(".info_contacts_right span").fadeIn('fast');
				});
				
			});
		}
	}
	
	$(".info_folio li").click(function(){
		$(".info_folio_site").show();
		if($(".info_folio_site ul li:nth-child("+$(this).attr('siteid')+")").is(':hidden')){
			$(".info_folio_site ul li").fadeOut('fast');
			$(".info_folio_site ul li:nth-child("+$(this).attr('siteid')+")").fadeIn('fast');
		}
	});
	
	$("div.info_folio li").mouseover(function(){ $(this).addClass('li_hover');}).mouseout(function(){ $(this).removeClass('li_hover');});
	
	$(".nav_home").mouseover(function(){ $(this).addClass('nav_home_active');}).mouseout(function(){ $(this).removeClass('nav_home_active');});
	$(".nav_folio").mouseover(function(){ $(this).addClass('nav_folio_active');}).mouseout(function(){ $(this).removeClass('nav_folio_active');});
	$(".nav_contacts").mouseover(function(){ $(this).addClass('nav_contacts_active');}).mouseout(function(){ $(this).removeClass('nav_contacts_active');});
	$(".nav_bio").mouseover(function(){ $(this).addClass('nav_bio_active');}).mouseout(function(){ $(this).removeClass('nav_bio_active');});

	
	$(".backgr_height, .nav_home, .nav_folio, .nav_contacts, .nav_bio").click(function(){
		var a = $(this).attr('class');
	
		if( (a == 'backgr_height backgr_index') || (a == 'nav_folio nav_folio_active')){
			$("#current").val('folio')
			document.title = 'Radoslav Mazganov :: portfolio';
			$(".backgr_index").fadeOut('fast');
			$(".backgr_folio").fadeIn('fast', function(){
				$(".info_folio").show();
				fadeInElement(1);
			});
		} 
		
		if( (a == 'backgr_height backgr_folio') || (a == 'nav_contacts nav_contacts_active')){
			$(".info_folio_scroll").fadeOut(500);
			$("#current").val('contacts');
			document.title = 'Radoslav Mazganov :: contacts';
			$(".info_folio_site").fadeOut('fast');
			fadeOutElement($('.info_folio li').length); 
		}
		
		if( (a == 'backgr_height backgr_contacts') || (a == 'nav_bio nav_bio_active')){
			$("#current").val('bio');
			document.title = 'Radoslav Mazganov :: bio';
			
			$(".info_contacts_right forbots").html('');
			$(".info_contacts_right span").fadeOut('fast', function(){
				$(".info_contacts_right").animate({width: "0px"}, 150, function(){
					$(".info_contacts_right").css('display', 'none');
					$(".backgr_contacts").fadeOut('fast');
					if(currentState() == 'bio'){
						$(".backgr_bio").fadeIn('fast', function(){
							$(".info_bio").css('display', 'block');
							if(currentState() == 'bio'){
							$(".info_bio").animate({width: '300px', marginLeft: '40px'}, 600, function(){
								if(currentState() == 'bio'){
									$(this).animate({width: '0px'}, 700, function(){
										$(".info_bio_left").show();
										$(".info_bio").hide();
										$(".info_bio_left").animate({height: '0px'}, 600);
									});
									if(currentState() == 'bio'){
										$(".info_bio_left").animate({height: '46px', marginTop: '111px'}, 500, function(){
											if(currentState() == 'bio'){
											$(".info_bio_top").animate({width: '350px', height: '300px'}, 600, function(){
												if(currentState() == 'bio'){
												$(".info_bio_top div").animate({marginTop: '0px'}, 500, function(){
													if(currentState() == 'bio'){
													$(this).animate({marginTop: '-14px'}, 150, function(){
														$(this).animate({marginTop: '0px'}, 250, function(){
															$(".info_bio").hide();
															$("#current").val('bio_finished');
														});
													});
													}
												});
												}
											});
											$(".info_bio").animate({width: '0px'}, 300);
											}
										});
									}
								}
							});
							}
						});
					}
				});
			});
		}
		
		if( (a == 'backgr_height backgr_bio') || (a == 'nav_home nav_home_active')){
			document.title = 'Radoslav Mazganov :: portfolio';
			$(".info_bio_left").fadeOut('fast');
			$(".info_bio").fadeOut('fast');
			if(currentState() == 'bio_finished'){
				$("#current").val('index');
				$(".info_bio_top div").animate({marginTop: '-200px'}, 250, function(){
					$(".info_bio_top").animate({width: '200px', marginLeft: '247px'}, 200, function(){
						$(".info_bio_top").animate({width: '5px', marginLeft: '447px'}, 200, function(){	
							$(".info_bio_top").hide();
							$(".backgr_bio").fadeOut('fast');
							$(".backgr_index").fadeIn('fast', function(){
							
							/*
							Setting Old Classes For Bio
							*/
								$(".info_bio_left").attr('style', '');
								$(".info_bio").attr('style', '');
								$(".info_bio_top").attr('style', '');
								$(".info_bio_top div").attr('style', '');
								$("#sites_container ul").attr('style', '');
								$("#info_folio_scroller").attr('style', '');
								$("#info_folio_scroller").attr('style', '');
							/*
							End
							*/
							
							});
						});
					});
				});
			} else {
				$("#current").val('index');
				$(".info_bio_top").fadeOut('fast', function(){
					$(".backgr_bio").fadeOut('fast');
					$(".backgr_index").fadeIn('fast', function(){
					
					/*
					Setting Old Classes For Bio
					*/
						$(".info_bio_left").attr('style', '');
						$(".info_bio").attr('style', '');
						$(".info_bio_top").attr('style', '');
						$(".info_bio_top div").attr('style', '');
						$("#sites_container ul").attr('style', '');
						$("#info_folio_scroller").attr('style', '');
						$("#info_folio_scroller").attr('style', '');
						
					/*
					End
					*/
					
					});
				});
			}
		}
	});
	
	$("#info_folio_scroller").draggable({axis: 'y', containment: 'parent', drag: function(){
	
		var koef = parseFloat($("#sites_container ul").height()-288)/130;
		var marginTop = Math.round(		parseFloat($("#info_folio_scroller").css('top'))*koef		)*-1;
		$("#sites_container ul").css('marginTop', marginTop);
		
	}/*, stop: function(){
	
		var height_per_li = Math.round(parseFloat($("#sites_container ul").height()/$('.info_folio li').length));
		var marginTop = parseFloat($("#sites_container ul").css('marginTop'))*-1;
		var koef = parseFloat($("#sites_container ul").height()-288)/130;
		$("#opa").html($("#sites_container ul").height()+' - '+marginTop+' - '+(parseFloat($("#sites_container ul").height())/$('.info_folio li').length)+' - '+koef);
		if(marginTop < height_per_li){
			$("#sites_container ul").animate({marginTop: '0px'}, 300);
			$("#info_folio_scroller").animate({top: '0px'}, 300);
		} else if(marginTop > '80'){
			$("#sites_container ul").animate({marginTop: '-89px'}, 300);
			$("#info_folio_scroller").animate({top: '130px'}, 300);
		} else {
			var is_fine = marginTop % height_per_li;
			if( (is_fine != '0') || (is_fine == '1') (is_fine == '2') ){
				if(is_fine < (height_per_li/2)){
					marginTop = marginTop - is_fine;
				} else {
					marginTop = marginTop + is_fine;
				}
				$("#sites_container ul").animate({marginTop: '-'+marginTop+'px'}, 300);
				$("#info_folio_scroller").animate({top: Math.round(marginTop/koef)+'px'}, 300);
			}
		}
		//alert(marginTop+' - '+height_per_li+' - '+is_fine);
		//$("#sites_container ul").css('marginTop', marginTop);
	}*/
	
	});

	
});