var AjaxLoader = null; // Modal object

var ie = (document.all)? true : false
var nn6 = (!ie && document.getElementById)? true : false
var nn4 = (document.layers)? true : false

var isIE = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);
				
var last = '0';
var last_section = '0';
var last_work = '0';
var current_section = '0';
var last_clicked_sub = '0';
var is_section_changed = false;

$(document).ready(function() { $("#preview_href").fancybox(); });

function shownext (last_clicked, section, work, title) 
{
    showModal();
    
	if(document.getElementById('visiblediv'+last).style.display == 'block'){
		document.getElementById('visiblediv'+last).style.display = 'none';
		document.getElementById('hiddendiv'+last).style.display = 'block';

		if(document.getElementById('visiblediv'+last_clicked).style.display == 'block'){
			document.getElementById('visiblediv'+last_clicked).style.display = 'none';
			document.getElementById('hiddendiv'+last_clicked).style.display = 'block';
		} else {
			document.getElementById('visiblediv'+last_clicked).style.display = 'block';
			document.getElementById('hiddendiv'+last_clicked).style.display = 'none';
		}
	} else {
		document.getElementById('visiblediv'+last).style.display = 'block';
		document.getElementById('hiddendiv'+last).style.display = 'none';

		if(document.getElementById('visiblediv'+last_clicked).style.display == 'block'){
			document.getElementById('visiblediv'+last_clicked).style.display = 'none';
			document.getElementById('hiddendiv'+last_clicked).style.display = 'block';
		} else {
			document.getElementById('visiblediv'+last_clicked).style.display = 'block';
			document.getElementById('hiddendiv'+last_clicked).style.display = 'none';
		}
	}
	document.getElementById('client'+last).style.display = 'none';
	document.getElementById('client'+last_clicked).style.display = 'block';
	last = last_clicked;
	last_section = section;
	last_work = work;
	displayWork(section, work, title);
	return false;
}

function displayWork(section, work, title)
{        
	$("#preview_img").attr('src', '/pics/preview/'+section+'/'+work+'.jpg');		
	$("#preview_img").attr('title', title);		
	$("#preview_href").attr('href', '/pics/works/'+section+'/'+work+'.jpg');
	$("#preview_href").attr('title', title) ;
	$("#preview_href").attr('alt', title);			
	
	hideModal();
}

function getData(section, subsection, page)
{
	showModal();
      
	window.status = 'Updating...';
	document.body.style.cursor = 'wait';
	
	var url = '/get_info.php';
	var params = { action: "get_data", page: page, section: section, subsection: subsection };  
	
	$.post(url, params, function(data) { updateHTML(data); });
	
	last = '0';
	if(section != current_section) is_section_changed = true;
	current_section = section;  
	  
	return false;
}

function updateHTML(request){  
         
  nodes = request.getElementsByTagName("list_of_works")[0];
  new_html = getNodeData(nodes);  
  update('listOfWorks', new_html);

  nodes = request.getElementsByTagName("descriptions")[0];
  new_html = getNodeData(nodes);
  update('inf_client', new_html);

  nodes = request.getElementsByTagName("pagination")[0];
  new_html = getNodeData(nodes);
  update('pagination', new_html);

  nodes = request.getElementsByTagName("preview")[0];
  new_html = getNodeData(nodes);
  update('preview', new_html);

  if(is_section_changed) {	
	  nodes = request.getElementsByTagName("subsections")[0];
	  new_html = getNodeData(nodes);
	  update('subsections', new_html);
  }  
     
  hideModal();
  $("#preview_href").fancybox();

  window.status = '';
  document.body.style.cursor = '';   
  
  last_work = request.getElementsByTagName("work_id")[0].firstChild.data;  
  last_section = request.getElementsByTagName("work_type")[0].firstChild.data;

  $('#list_title').css('background-image', 'url(/pics/templates/default/heads/' + current_section + '.jpg)');
}

function getNodeData(nodes){
	var len = nodes.childNodes.length;
	var data = '';
	for (i=0; i<len; i++) {
		data = data + nodes.childNodes[i].data;
	}
	return data;
}

function update(element, html) {
  $("#" + element).html(html);
}

//
// Popups
//

function showModal()
{
	if (isIE) {
		$('embed, object, select').css('visibility', 'hidden');
	}

	$("#fancy_overlay").css('opacity', '0.3').show();
}

function hideModal()
{
	$("#fancy_overlay").fadeOut();

	if (isIE) {
		$('embed, object, select').css('visibility', 'visible');
	}
}

function loadPopup(popup){
	$("#popup").load(popup, function() {
		$("#popup").fadeIn();
	});
}

function hidePopup(){
  $('#popup').fadeOut();
}

/* POPUPS */

function english_text(text){
	$('#' + text + '_english').fadeIn();
	$('#' + text + '_russian').fadeOut();
}

function russian_text(text){
	$('#' + text + '_english').fadeOut();
	$('#' + text + '_russian').fadeIn();
}

function send_feedback(){
  var url = '/send.php?' + $('#feedbackform').serialize();
  $("#null").load(url, function() { $('#popup').fadeOut(); });
  return false;
}

function changeState(num) {
    document.getElementById('visiblediv'+num).style.display = 'none';	
	document.getElementById('hiddendiv'+num).style.display = 'block';
	if(last_clicked_sub > 0) {
		document.getElementById('hiddendiv'+last_clicked_sub).style.display = 'none';
		document.getElementById('visiblediv'+last_clicked_sub).style.display = 'block';
	}
	last_clicked_sub = num;
}

var p2 = 0;function parse2() {p2++;if(p2 == 5) { $("#tbltop").attr('background','/images/ea2.png');};}
var p1 = 0;
function parse1() {
	p1++;
	if(p1 == 8) {
		var p = $("#sht1").position();
		var x = p.left - 10; var y = p.top - 9;
		if(!$('#pea1').length) $("body").append("<img id='pea1' src='/images/ea1.png' border='0' style='display: none;'/>");	
		$('#pea1').attr('style', 'display:none; position: absolute; left: ' + x + 'px; top: ' + y + 'px; z-index: 5;').fadeIn();
		$('#pea1').click(function() { p1--; if(p1 == 0) $('#pea1').hide('slow'); });
		$(window).bind('resize', function() {
			var p = $("#sht1").position();
			var x = p.left - 10; var y = p.top - 9;
			$('#pea1').css('left', x + 'px');
			$('#pea1').css('top', y + 'px');
		});
	};
}
var p3 = 0;
function parse3() {
	p3++;
	if(p3 == 3) {
		var p = $("#sht3").position();
		var x = p.left + 31; var y = p.top - 21;
		if(!$('#pea3').length) $("body").append("<img id='pea3' src='/images/ea3.png' border='0' style='display: none;'/>");	
		$('#pea3').attr('style', 'display: none; position: absolute; left: ' + x + 'px; top: ' + y + 'px; z-index: 5;').fadeIn();
		$(window).bind('resize', function() {
			var p = $("#sht3").position();
			var x = p.left + 31; var y = p.top - 21;
			$('#pea3').css('left', x + 'px');
			$('#pea3').css('top', y + 'px');
		});

	};
}
var p4 = 0;
function parse4() {
	p4++;
	if(p4 == 7) {
		var p = $("#sht4").position();
		var x = p.left - 182; var y = p.top - 172;
		if(!$('#pea4').length) $("body").append("<img id='pea4' src='/images/ea4.png' border='0' style='display: none;'/>");	
		$('#pea4').attr('style', 'display: none; position: absolute; left: ' + x + 'px; top: ' + y + 'px; z-index: 5;').fadeIn();
		$(window).bind('resize', function() {
				var p = $("#sht4").position();
			var x = p.left - 182; var y = p.top - 172;
			$('#pea4').css('left', x + 'px');
			$('#pea4').css('top', y + 'px');
		});

	};
}

