﻿/* 
	site main js
	version : 19.01.10
	
	structure:
	
	1. index page
		- web stat tabs
	
	2. html and css tricks
		- submenu
		- code head
		- headings code examples
		
	3. siteMap
	
	4. показ скринов или видео
*/

jQuery.noConflict();

jQuery(document).ready(function(){

//for flick effect for ie60
if(jQuery.browser.msie)
	{
	try {document.execCommand('BackgroundImageCache', false, true);
	}
	catch(e) {}
	}
	
/* 1. index page --------------------------- */

	/* web stat tabs --------------------- */
	jQuery('#sideBarWebStat > ul > li').click(
	function(){
		if(jQuery(this).attr("class")!="active")
		{
		if(jQuery("#ruStat").css("display")=="none")
		{
			jQuery("#globalStat > div > div").slideUp(300);
			setTimeout(function() {
							jQuery("#globalStat").css("display","none");
							jQuery("#ruStat > div > div").css("display","none");
							jQuery("#ruStat").css("display","block");
							jQuery("#ruStat > div > div").slideDown(800);
							}, 400);
		
		}
		else
		{
			jQuery("#ruStat > div > div").slideUp(300);
			setTimeout(function() {
							jQuery("#ruStat").css("display","none");
							jQuery("#globalStat > div > div").css("display","none");
							jQuery("#globalStat").css("display","block");
							jQuery("#globalStat > div > div").slideDown(800);
							}, 400);
		
		}
	

		jQuery("#sideBarWebStat > ul").find(".active").eq(0).removeClass("active");
		jQuery(this).addClass("active");
		}
		return false;
	});
	
	
/* 2. html and css tricks --------------------*/
	
	/* submenu --------------------*/
	jQuery('.htmlAndCSSTricksSubMenu span').mousedown(
	function()
	{
			var nextUl = jQuery(this).next();
			if(nextUl.css("display")=="none")
			{
				nextUl.slideDown(200);
				jQuery(this).css("background-position","0 -17px");
			}
			else
			{
				nextUl.slideUp(200);
				jQuery(this).css("background-position","0 4px");
			}
		return false;
	});
	
	jQuery('.htmlAndCSSTricksSubMenu span').hover(
	function(){
			jQuery(this).css("color","#236271");
	},
	function(){
		jQuery(this).css("color","#000");
	});
	
	/* headings code examples -----------------*/
	jQuery('.codeCSS').each(
	function()
	{
		jQuery(this).before('<div class="codeHeadCSS">CSS</div>');
	});
	jQuery('.codeHTML').each(
	function()
	{
		jQuery(this).before('<div class="codeHeadHTML">HTML</div>');
	});
	jQuery('.codeJavascript').each(
	function()
	{
		jQuery(this).before('<div class="codeHeadJavascript">Javascript</div>');
	});
	
/* 3. siteMap -------------------------*/
jQuery('span.spanPlus').mousedown(
function(){
	var nextUl = jQuery(this).parent().find("ul").eq(0);
	if(nextUl.css("display")=="none")
	{
		if(nextUl.height()>400) nextUl.addClass("longUl");
		nextUl.slideDown(200);
		jQuery(this).addClass("minus");
	}
	else 
	{
		nextUl.slideUp(200);
		jQuery(this).removeClass("minus");
	}
	return false;
});


/* 4. показ скринов или видео ----------------------*/
jQuery('#chooseShowMaterial > li').click(
function(){
	var curEl = jQuery(this);
	if(curEl.attr("class")!="active")
	{
		curEl.parent().find(".active").removeClass("active");
		curEl.addClass("active");
			
		if(curEl.attr("name")=="showScreens")
		{
			jQuery("#showVideo").css("display","none");
			jQuery("#showScreens").fadeIn(200);
		}
		else
		{
			jQuery("#showScreens").css("display","none");
			jQuery("#showVideo").fadeIn(200);
		}
	}
	return false;
});

/* search focus ----------------------- */
jQuery(".header > form > div > input[type=text]").focus(
function()
{
	if(jQuery(this).val().indexOf("я ищу")!=-1) jQuery(this).val('');
	return;
});

/* menu slide --------------------------- */
/*jQuery(".markup")
	.attr("id","headerCurMenu")
	.next().attr("id","headerNextSubMenu");
	//.next().attr("id","headerPrevSubMenu"); временно, пока всего два подменю
	*/

jQuery(".header > ul").hover(
function()
{
	if(!jQuery.browser.msie)
	{
		jQuery("#headerPrevMenu").animate({opacity: 1},200);
		jQuery("#headerNextMenu").animate({opacity: 1},200);
	}
},
function()
{
	if(!jQuery.browser.msie)
	{
		jQuery("#headerPrevMenu").animate({opacity: 0.5},200);
		jQuery("#headerNextMenu").animate({opacity: 0.5},200);
	}
});

jQuery("#headerNextMenu").mousedown(
function()
{
	var curMenu = jQuery("#headerCurMenu"); // текущее подменю
		//curMenuPos = curMenu.css("top","-7px");
		
		/*if(curMenu.next().attr("class"))
			var nextMenu = curMenu.next();
		else
			var nextMenu = jQuery(".header > ul").find(".headerSubMenu").eq(0);
			*/
		var nextMenu = jQuery("#headerNextSubMenu");
			//prevMenu = jQuery("#headerPrevSubMenu"); вренно пока два подменю
		
	curMenu.animate({top: "-44px"},500);
	nextMenu
		.css("top","30px")
		.animate({top: "-7px"},500);
	
	setTimeout(function()
						{
							curMenu
								.removeAttr("id")
								.attr("id","headerNextSubMenu");//.attr("id","headerPrevSubMenu");
							nextMenu
								.removeAttr("id")
								.attr("id","headerCurMenu");
						/*	prevMenu
								.removeAttr("id")
								.attr("id","headerNextSubMenu");
								*/
						}
							,501);
	
});

jQuery("#headerPrevMenu").mousedown(
function()
{
	var curMenu = jQuery("#headerCurMenu"); // текущее подменю
	//	curMenuPos = curMenu.css("top","-7px");
		
	/*	if(curMenu.next().attr("class"))
			var nextMenu = curMenu.next();
		else
			var nextMenu = jQuery(".header > ul").find(".headerSubMenu").eq(0);
		var	nextMenuPos = nextMenu.css("top","-44px");
		*/
	var nextMenu = jQuery("#headerNextSubMenu");
	//	prevMenu = jQuery("#headerPrevSubMenu");
			
	curMenu.animate({top: "30px"},500);
	//prevMenu
	nextMenu
		.css("top","-44px")
		.animate({top: "-7px"},500);
	
	
	setTimeout(function()
						{
							curMenu
								.removeAttr("id")
								.attr("id","headerNextSubMenu");
						/*	nextMenu
								.removeAttr("id")
								.attr("id","headerPrevSubMenu");
							prevMenu
								.removeAttr("id")
								.attr("id","headerCurMenu");
								*/
								nextMenu
								.removeAttr("id")
								.attr("id","headerCurMenu");

						}
							,501);
	
});


/*
	dinamical add social links and form feedback
*/
var innerTags = jQuery(".innerTags");
if(innerTags.is("div"))
{
	var pageId = jQuery(".footer").attr("id");
	try
	{
		jQuery.ajax({
		url: "/php/social_addinfo.php",
	 	timeout: 5000,
		data: "id="+pageId,
	 	success: function(msg){
	  			innerTags.after(msg);
				
				/* show update atrticles ----------------- */
jQuery("#contentUserFeedback select").change(
function()
{
	if(!jQuery("#message").is("textarea"))
	{
		jQuery(this).find("option").eq(0).remove();
		var formEl =	'<div id="feedBackNameWrap">'+
						'<label for="name">Мое имя</label>'+
						'<input type="text" id="name" />'+
						'</div>'+
						'<div id="feedBackEmailWrap">'+
						'<label for="email">Мой email</label>'+
						'<input type="text" id="email" />'+
						'</div>'+
						'<div id="feedBackMessageWrap">'+
						'<label for="message">Мое сообщение</label>'+
						'<textarea cols="" rows="" id="message"></textarea>'+
						'</div>'+
						'<div id="feedBackSubmitWrap">'+
						'<label>Да принесет мой вклад людям пользу</label>'+
						'<input type="submit" value="Аминь!" />'+
						'<input type="hidden" id="location" value="'+window.location+'" />'+
						'</div>';
		jQuery("#contentUserFeedback").append(formEl);
		
		jQuery("#feedBackNameWrap").animate({opacity: "1"}, 300);
		setTimeout(function() {jQuery("#feedBackEmailWrap").animate({opacity: "1"}, 300);},100);
		setTimeout(function() {jQuery("#feedBackMessageWrap").animate({opacity: "1"}, 300);},200);
		setTimeout(function() {jQuery("#feedBackSubmitWrap").animate({opacity: "1"}, 300);},300);
	}
});

jQuery('#contentUserFeedback').submit(
function()
{
	var error = 0; // flag заполенности обязательных поей
	
	/* Obligatory fields ----------*/
	if(jQuery("#message").val()=='')
	{
		jQuery("#message")
			.css("border-color","red")
			.val("сюда нужно что-то толковое написать");
		error++;
	}
	
	if(error>0) return false;
	
	try
	{
		jQuery.ajax({
		url: "/php/feedback-art.php",
	 	timeout: 5000,
		data: "name="+jQuery("#name").val()+
				"&email="+jQuery("#email").val()+
				"&action="+jQuery("#action").val()+
				"&message="+jQuery("#message").val()+
				"&location="+jQuery("#location").val(),
	 	success: function(msg){
	  			document.getElementById("contentUserFeedback").reset();
				alert("Большая тебе благодарность от всех посетителей xiper.net \n и от создалей проекта лично!");

		}
		});
	}
	catch(e)
	{
		alert("При попытке отправить сообщение произошла неизвестная ошибка. \n Попробуй еще раз через несколько минут.");
	}
	
	return false;
	
});
				
				
		}
		});
	}
	catch(e)
	{
		
	}
}

});



function next(elem){ // next element
       do {
               elem = elem.nextSibling;
       } while (elem && elem.nodeType != 1);
       return elem;
}
