/**
 * @author smk 
 * Fuck you, nigga, all use are illegal, understand, yeah?
 */

$(document).ready(function(){
		addPulldownHandler();
		$("#pulldown div, #logo, .thecolor-logo, #footer").pngFix({
			blankgif: '../../../media/images/blank.gif'
		});
		$("#pulldown a:first").css({cursor:'pointer'});		
});


function addPulldownHandler()
{
	$(".pulldown a:first").each(
		function(){
			$(this).toggle(function(){
				$(this).parent().parent().children(".droplist").css("display", "block");
				$(this).addClass('light');
			},
			function(){
				$(this).parent().parent().children(".droplist").css("display", "none");
				$(this).removeClass('light');
			}
			);
		}
	);
}



function show_news(num) 
{
	$(".news .show-block").remove();
	pos = (num-1)*325;
	if(num==2)
	pos++;
	if(num==3){
		pos+=2;
		pos = pos + "px; width:328";
	}
	$(".news").append("<div style='left:"+pos+"px' class='show-block'></div>");
}






function click_handle(event) {
  if (window.event) {
  	ev = event.srcElement;
  }
  else {
  	ev = event.target;
  }
  // alert(ev);
  parent_div=ev.parentNode;
  if (parent_div.className!="pulldown" && $('.pulldown a').hasClass('light')) {
		$('.pulldown a').trigger('click');
		$('.pulldown a').removeClass('light')
  }
  if ((parent_div.className!="clientsForm")&&(ev.className!="clientsForm")) {
		$("#clientsForm").css('display', 'none');
  }
  
  if ((parent_div.className!="messageForm")&&(ev.className!="messageForm")) {
		$("#messageForm").css('display', 'none');
  }  

  if ((parent_div.className!="monthDropDown")&&(ev.className!="monthDropDown")) {
		$("#monthDropList").css('display', 'none');
  }  

  if ((parent_div.className!="yearDropDown")&&(ev.className!="year")&&(ev.className!="yearDropDown")) {
		$("#yearDropList").css('display', 'none');
  }    
}

function toggleContent(obj, divName){
	$('.ajaxLinks').css('background-color', '#ffffff');
	$('.ajaxLinks').css('color', '#0c87ba');
	$('.ajaxLinks').css('border-bottom', '1px dashed');
	$('.ajaxLinks').css('padding-bottom', '0');	
	$(obj).css('background-color', '#ff456a');
	$(obj).css('color', '#ffffff');	
	$(obj).css('border-bottom', 'none');		
	$(obj).css('padding-bottom', '1px');
	$('#innerContent p').toggle();
	$('.toggleContent').css('display', 'none');
	$('#'+divName).css('display','block');
}


function toggleNews(obj, year){
	aObj = document.getElementsByClassName('activeYearLinks');
	aObj[0].className = 'yearLinks';
	obj.className = 'activeYearLinks';
	$.post('/news/getnews/',  {
			year:year
			}, function(data){
				var data = eval("(" + data + ")");
				var aHtml = '';
				for (i = 0; i < data.length; i++) {
					aHtml += "<div class='new'>";
					aHtml += "<p><span class='date'>" + data[i].date + "</span>";
					aHtml += data[i].text + "</p></div>";
				}
				$('#newsNoPic #newsList').empty();				
				$('#newsNoPic #newsList').html(aHtml);				
	 	});		
}

function showMonthDroplist(month, obj){
	var coords = getPosition(obj.parentNode);
	var i = 0;
	while(obj.parentNode.childNodes[i].className != 'objective')
		i++;
	var titleWidth = obj.parentNode.childNodes[i].offsetWidth;	
	document.getElementById('monthDropList').style.left = (coords.x + titleWidth - 5)  + 'px';	
	document.getElementById('monthDropList').style.top = 76 + 'px';		
	$('#monthDropList').css('display', 'block');
}

function showYearDroplist(year, obj){
	var coords = getPosition(obj.parentNode);
	var i = 0;
	while(obj.parentNode.childNodes[i].className != 'objective')
		i++;
	var titleWidth = obj.parentNode.childNodes[i].offsetWidth;	
	i = 0;
	while(obj.parentNode.childNodes[i].className != 'monthDropDown')
		i++;	
	titleWidth += obj.parentNode.childNodes[i].offsetWidth;
	document.getElementById('yearDropList').style.left = (coords.x + titleWidth + 10	)  + 'px';	
	document.getElementById('yearDropList').style.top = 95 + 'px';		
	$('#yearDropList').css('display', 'block');
}

function getPosition(e) {
    var left = 0;
    var top  = 0;
 
    while ((e.offsetParent)&&(e.id!='crearchiveLayout')) {
        left += e.offsetLeft;
        top  += e.offsetTop;
        e = e.parentNode;
    }
 
    left += e.offsetLeft;
    top  += e.offsetTop;     
 
    return {x:left, y:top};
}

function showGallery(id, position, title){
	pos = position;
	document.onkeydown = NavigateThrough;
	$('#creContent').empty();
	$('#fromBlog').remove();
	$('.header').empty();
	$('.header').css('text-align', 'left');
	$('.header').html('<a href="" style="text-decoration:none;margin-left:50px;" class="title">' + title + '</a>');
	var aHtm = '';
	aHtm += '<span class="imageText">' + images[position].text + '</span>';
	aHtm += '<div id="arrowsAndPreviews">';
	if (position > 0) {
		aHtm += '<a id="prevArrow" href="javascript:nextPic(' + (position - 1) + ');" class="prevPic"><img src="/media/images/crebackarrow.gif"/></a>';
		aHtm += '<a href="javascript:nextPic(' + (position - 1) + ');" class="prevPic"><img class="previews" src="' + images[position - 1].smallImage.src + '"/></a>';
	}
	else{
		aHtm += '<a id="prevArrow" href="javascript:;" class="prevPic"><img src="/media/images/crebackarrow_unactive.gif"/></a>';
		aHtm += '<a href="javascript:;" class="prevPic"><img class="previews" src="' + nopic.src + '"/></a>';		
	}
	if (position < images.length - 1) {
		aHtm += '<a href="javascript:nextPic(' + (position + 1) + ');" class="nextPic"><img class="previews" src="' + images[position + 1].smallImage.src + '"/></a>';
		aHtm += "<a id='nextArrow' href='javascript:nextPic(" + (position + 1) + ");' class='nextPic'><img src='/media/images/crefwarrow_active.gif'/></a>";
	}
	else{
		aHtm += '<a href="javascript:;" class="nextPic"><img class="previews" src="' + nopic.src + '"/></a>';
		aHtm += "<a id='nextArrow' href='javascript:;' class='nextPic'><img src='/media/images/crefwarrow_unactive.gif'/></a>";		
	}
	aHtm += '</div>';	
	aHtm += '<div id="bigPic">';	
	if(position<images.length-1)
		aHtm += '<a class="nextPic" href="javascript:nextPic(' + (position + 1) + ');">';
	else
		aHtm += '<a href="javascript:;">';	
	aHtm += '<img src="' + images[position].image.src + '"/>';	
	aHtm += '</a>';	
	aHtm += '</div>';
	$('#creContent').html(aHtm);
}

function showGalleryMain(id, position, title){
	pos = position;
	document.onkeydown = NavigateThrough;
	$('#contentLayout').empty();
	$('#fromBlog').remove();
	var aHtm = '<div id="crearchiveLayout"><div style="text-align: left;" class="header"><a href="/crearchive/" style="text-decoration:none;margin-left:50px;" class="title">' + title + '</a></div><div id="creContent">';
	aHtm += '<span class="imageText">' + images[position].text + '</span>';
	aHtm += '<div id="arrowsAndPreviews">';
	if (position > 0) {
		aHtm += '<a id="prevArrow" href="javascript:nextPic(' + (position - 1) + ');" class="prevPic"><img src="/media/images/crebackarrow.gif"/></a>';
		aHtm += '<a href="javascript:nextPic(' + (position - 1) + ');" class="prevPic"><img class="previews" src="' + images[position - 1].smallImage.src + '"/></a>';
	}
	else{
		aHtm += '<a id="prevArrow" href="javascript:;" class="prevPic"><img src="/media/images/crebackarrow_unactive.gif"/></a>';
		aHtm += '<a href="javascript:;" class="prevPic"><img class="previews" src="' + nopic.src + '"/></a>';		
	}
	if (position < images.length - 1) {
		aHtm += '<a href="javascript:nextPic(' + (position + 1) + ');" class="nextPic"><img class="previews" src="' + images[position + 1].smallImage.src + '"/></a>';
		aHtm += "<a id='nextArrow' href='javascript:nextPic(" + (position + 1) + ");' class='nextPic'><img src='/media/images/crefwarrow_active.gif'/></a>";
	}
	else{
		aHtm += '<a href="javascript:;" class="nextPic"><img class="previews" src="' + nopic.src + '"/></a>';
		aHtm += "<a id='nextArrow' href='javascript:;' class='nextPic'><img src='/media/images/crefwarrow_unactive.gif'/></a>";		
	}
	aHtm += '</div>';	
	aHtm += '<div id="bigPic">';	
	if(position<images.length-1)
		aHtm += '<a class="nextPic" href="javascript:nextPic(' + (position + 1) + ');">';
	else
		aHtm += '<a href="javascript:;">';	
	aHtm += '<img src="' + images[position].image.src + '"/>';	
	aHtm += '</a>';	
	aHtm += '</div>';
	aHtm += '</div>';
	aHtm += '</div>';
	$('#contentLayout').html(aHtm);
}

function nextPic(position){
	pos = position;	
	if (position > 0) {
		$('a.prevPic').attr('href', 'javascript:nextPic(' + (position - 1) + ');');
		$('a.prevPic img').attr('src', '/media/images/crebackarrow.gif');
	}
	else {
		$('a.prevPic').attr('href', 'javascript:;');
		$('a.prevPic img').attr('src', '/media/images/crebackarrow_unactive.gif');		
	}
	if (position < images.length - 1) {
		$('a.nextPic').attr('href', 'javascript:nextPic(' + (position + 1) + ');');
		$('a.nextPic img').attr('src', '/media/images/crefwarrow_active.gif');		
	}
	else {
		$('a.nextPic').attr('href', 'javascript:;');
		$('a.nextPic img').attr('src', '/media/images/crefwarrow_unactive.gif');				
	}
	$('.imageText').html(images[position].text);
	var smallImgs = $('.previews');
	if(position>0)
		smallImgs[0].src =  images[position-1].smallImage.src;
	else
		smallImgs[0].src =  nopic.src;
	if(position<images.length-1)
		smallImgs[1].src =  images[position+1].smallImage.src;	
	else
		smallImgs[1].src =  nopic.src;		
	var bigImg = document.getElementById('bigPic');
	bigImg.childNodes[0].childNodes[0].src = images[position].image.src;
}

function NavigateThrough (event)
    {
    if (!document.getElementById) return;
    if (window.event) event = window.event;
	if (event.ctrlKey)
	    {			
		var link = null;
		var href = null;
		switch (event.keyCode ? event.keyCode : event.which ? event.which : null)
		    {
			case 0x25:
				if(pos>0)
					nextPic(pos-1);
				break;
			case 0x27:
				if(pos<images.length-1)
					nextPic(pos+1);
				break;
			case 0x24:
				location.reload(true);
				break;
		    }
        if (link) document.location = link.href;
	    }
    }

/*function sendFeedBackMessage(){
	$.post("/feedback/sendmail/", {
				name: $('#messageForm input[name="clFormName"]').val(),
				phone: $('#messageForm input[name="clFormTel"]').val(),
				email: $('#messageForm input[name="clFormMail"]').val(),
				topic: $('#messageForm input[name="clFormTopic"]').val(),
				message: $('#messageForm textarea[name="messageText"]').val()																
		    }, function(data){
				$('#messageForm').css('display', 'none')
			});	
}*/

function clientsEnter(){
	$('#clientsForm').empty();
	var aHtml = '<div style="width:100%;margin-top:58px;margin-left:24px;" class="clFormTitles">Что-то не правильно.</div>';
	aHtml += '<a style="margin-top:30px;margin-left:74px;" href="javascript:clContent();">Попробовать заново</a>';	
	$('#clientsForm').html(aHtml);
}

function clContent(){
	$('#clientsForm').empty();
	var aHtml = '<a id="clientsEnter" href="javascript:;" onclick="javascript:$(\'#clientsForm\').css(\'display\', \'none\');">Вход для клиентов</a>';         
	aHtml +='<form name="clForm" class="clientsForm" action="javascript:clientsEnter();" id="clForm">';
	aHtml +='<div class="clFormTitles">Имя</div>';
	aHtml +='<input id="clFormName" name="clFormName" class="clFormLine" type="text" />';
	aHtml +='<div class="clFormTitles">Пароль</div>';
	aHtml +='<input id="clFormPass" name="clFormPass" class="clFormLine" type="password" />';
	aHtml +='<button id="clFormEnterButton" type="submit" class="clFormEnterBtn">Вход</button>';
	aHtml +='</form>';
	$('#clientsForm').html(aHtml);	
}

function msgContent(){
	var aHtml = '<a id="clientsEnter" href="javascript:;" onclick="javascript:$(\'#messageForm\').css(\'display\', \'none\');">Написать нам письмо</a>';
	aHtml += '<form name="clForm" class="messageForm" action="javascript:sendFeedBackMessage();" id="clForm">';

	aHtml +='<div class="clFormTitles">Имя</div>';
	aHtml +='<input id="clFormName" name="clFormName" class="clFormLine" type="text" />';
	aHtml +='<div class="clFormTitles">Контактный тел.</div>';
	aHtml +='<input id="clFormTel" name="clFormTel" class="clFormLine" type="text" />';
	aHtml +='<div class="clFormTitles">Эл. почта</div>';
	aHtml +='<input id="clFormMail" name="clFormMail" class="clFormLine" type="text" />';
	aHtml +='<div class="clFormTitles">Тема</div>';
	aHtml +='<input id="clFormTopic" name="clFormTopic" class="clFormLine" type="text" />';
	aHtml +='<div style="color:#ffffff;font-family:Arial;">Сообщение</div>';
	aHtml +='<textarea id="messageText" name="messageText"></textarea>';
	aHtml +='<span class="errorMessage"></span>';
	aHtml +='<button id="clFormEnterButton" type="submit" class="clFormEnterBtn">Отправить</button>';
	aHtml +='</form>';
	$('#messageForm').html(aHtml);
	validate();
}

function validate() {
	var validator = $("#clForm").validate({
		rules: {
			clFormName: "required",
			clFormMail: {
				required: true,
				email: true
			},
			messageText: "required"
		},
		messages: {
			questionName: "Представьтесь",
			questionEmail: {
				required: "Проверьте правильность e-mail",
				minlength: "Проверьте правильность e-mail"
			},
			questionTopic: "Введите тему сообщения",			
			questionText: "Введите текст сообщения"
		},
		errorPlacement: function(error, element) {
			},
				submitHandler: function() {

					$.post("/feedback/sendmail/", {
						name: $('#messageForm input[name="clFormName"]').val(),
						phone: $('#messageForm input[name="clFormTel"]').val(),
						email: $('#messageForm input[name="clFormMail"]').val(),
						topic: $('#messageForm input[name="clFormTopic"]').val(),
						message: $('#messageForm textarea[name="messageText"]').val()																
				    }, function(data){
						$('#messageForm').empty();
						var aHtml = '<span class="successMessage">';
						aHtml += 'Сообщение успешно отправлено. <a href="javascript:;" onclick="javascript:$(\'#messageForm\').css(\'display\', \'none\');">Спасибо!</a></span>';
						$('#messageForm').html(aHtml);
					});
				},

				success: function(label) {
					label.html(" ").addClass("checked");
				}
			});
			$("#clFormTel").mask("+9 (999) 999-9999");
		}