var isAjaxProcess = false;

$(document).ready(function(){

	$("#intro").animate({opacity: 0.01}, 1);
	$("#txt2").animate({opacity: "0"}, 10);
	$("#txt3").animate({opacity: "0"}, 10);

	$(".logo1").hover(function (){

		var parentEl = $(this).parent().get(0)/*.children(".pdata").show()*/;
		var pData = $(parentEl).children(".pdata");

		if(!$(pData).text().length) return false;

		var offset=$(this).offset();
		var leftP = offset.left;
		var topP = offset.top;

		var offsetNwd = $("#nwd").offset();

		var leftL = 0;
		var topL = 0;

		var newDiv = document.createElement("div");
		$(newDiv).hover(function(){}, function(){$(this).animate({opacity: "0.0"}, function (){$(".pdataDiv").remove()} ) }) ;

		if ( ($(pData).height() + $(this).height() + topP) > (offsetNwd.top + $("#nwd").height()))
		{
			$(newDiv).html($(pData).html() + '<div><img src="'+$(this).attr("src")+'" /></div>');
			leftL = leftP- 14;
			topL = topP - $(this).height() - $(pData).height()+ 27;

		} else
		{
			$(newDiv).html('<div><img src="'+$(this).attr("src")+'" /></div>'  + $(pData).html());
			leftL = leftP- 14;
			topL = topP -14;
		}

		$(newDiv).attr("class","pdataDiv").css({left:leftL + "px", top:topL + "px"}).animate({opacity:"0"},1);


		$(newDiv).animate({opacity: "1"}, 400);
		$(newDiv).prependTo("body");

	}, function(){} );


	//    $("#clickDiv").css({"background-color":"#F3E5B6", "opacity": "0.01"});
	$(".sceneText").css({"opacity": "0.01"});
	$(".teamtext").css({"opacity": "0.6"});

	$(".pageText").css({opacity: 0.01,marginTop:"0px"});

	$("#textpic").hover(function (){$(this).attr('src',$("#textpic").attr("alt1"))},
	function (){$(this).attr('src',$("#textpic").attr("alt2"))});

	$("#prevArrow").click(function(){arrowClick('prev');});
	$("#nextArrow").click(function(){arrowClick('next');});

	$("#clickDiv").unbind('click');
	$("#clickDiv").click(function(){mainClick();});
	$("#clickDiv.teampage").unbind('click');
	$("#clickDiv.teampage").click(function () {
		if ($("#sceneLink").attr('className') == 'AJAX' /* && $("#sceneLink").attr('href') != '' */)
		{
			var data = {'url':$("#sceneLink").attr('href'),
			'uid':$("#sceneLink").attr('uid')};
			var dataString = $.toJSON(data);
			$.post('/doc.ajax', { data:dataString}, updateSceneTeam, "json");

		}
		else
		{
			window.location = $("#sceneLink").attr('href');
		}

		$(this).unbind("click");
	});


	$("#clickDiv.licpage").unbind('click');
	$("#clickDiv.licpage").click(function () {
		if ($("#sceneLink").attr('className') == 'AJAX' /*&& $("#sceneLink").attr('href') != ''*/ && $("#sceneLink").attr('href') != '#')
		{
			var data = {'url':$("#sceneLink").attr('href'),
			'uid':$("#sceneLink").attr('uid')};
			var dataString = $.toJSON(data);
			$.post('/doc.ajax', { data:dataString}, updateSceneLic, "json");

		}
		else
		{
			window.location = $("#sceneLink").attr('href');
		}
		$(this).unbind("click");
	});

	if (!hasReqestedVersion)
	{
		$("#mImage").css('display', 'none');
		$("#altImage").css('display', 'block');
	}

	setTimeout( "$('#info').fadeIn(300);", 1100);
	setTimeout( "$('#info').fadeOut(300);", 2777);

	$(".buttons td").hover(
		function(){$(this).animate({opacity: 1},100);},
		function(){$(this).animate({opacity: 0},100);}
	);

});

function mainClick(flag)
{
	$("#info").fadeOut(300);

	if(!flag)
	{
		var data = {'url':$("#sceneLink").attr('href'),'uid':$("#sceneLink").attr('uid')};
		var dataString = $.toJSON(data);
		$.post('/doc.ajax', { data:dataString}, updateScene, "json");
		return true;
	}
	
	$("#textpic").animate({opacity : 0.01},function(){
		$(".pageText").hide();
		$("#mussel").show()
		$("#logo").hide();


		$("#logoLight").show();
		$("#mussel").click(function(){
			delOtherScenes();
			$("#nwd").animate({marginLeft: "0px"},'medium') ;
			$("#nwd").css({'width':'1900px'});
			$("#nextArrow, #prevArrow").css({visibility: 'hidden'});
			$(".pageText").animate({width:"103px",fontSize: "4px", marginTop:"0px", opacity: 0.01},'slow',
			function(){
				$(".pageText").hide();
				$("#mussel").hide()
				$("#textpic").css({opacity : 1}).show();
				$("#logo").show();
				$("#logoLight").hide();
			});
			$("#clickDiv").unbind('click');
			$("#clickDiv").click(function () {
				mainClick();
			});
		});

	});
	$("#nwd").animate({marginLeft: "-950px"},'medium') ;

	$(".pageText").animate({width:"878px",fontSize: "24px", marginTop:"100px", opacity: 0.6},'slow');

	$("#clickDiv").unbind('click');
	$(".pageText").unbind('click');
	
	$("#clickDiv, .pageText").click(function (){
		if ($("#sceneLink").attr('className') == 'AJAX' /* && $("#sceneLink").attr('href') != '' */)
		{
			var data = {'url':$("#sceneLink").attr('href'),'uid':$("#sceneLink").attr('uid')};
			var dataString = $.toJSON(data);
			$.post('/doc.ajax', { data:dataString}, updateScene, "json");

		}
		else
		{
			window.location = $("#sceneLink").attr('href');
		}

		delOtherScenes();

	});
	
}

function delOtherScenes()
{
	$("#nwd td.scene").each(function (){
		if ($(this).attr('id') == "firstPage" || $(this).attr('id') == "contentPage") { }
		else
		{
			$(this).remove();
		}
	});
	$("#clickDiv").click(function () {
		$("#textpic").click();
	});
}
function updateScene(res)
{

	$("#nextArrow, #prevArrow").css({visibility: 'visible'});
	$(".buttons").fadeIn(100);
	$(".buttons img").css({display: "block"});
	var e = $(".buttons td");
	var bc = 3;
	for (var i=0; i<bc; i++){e.animate({opacity: 1},400).animate({opacity: 0},400);}

	var obj = res[0];

	var newDiv = document.createElement("TD");
	$(newDiv).addClass('scene');
	$(newDiv).attr('valign','top');


	var newImg = document.createElement("IMG");
	if ( obj.IMAGE1 == ''){
		newImg.src = "/i/"+'content_bg.gif';
	}
	else
	{
		newImg.src = "/images/pg/" + obj.IMAGE1;
	}

	newImg.width = "950";
	newImg.height = $("#sceneLink").attr('height');

	var sLink = obj.LINK;
	var sClass = obj.CLASS;
	$('#sceneLink').attr('uid', obj.UID);

	$(newDiv).append(newImg);

	//$("#nwd").css({'width':'2850px'});
	$("#nwd tr").append(newDiv);

	//NEW
	$("#nwd").css({'width':'1900'});
	$('#contentPage').css({'display':'none'});
	$("#nwd").animate({marginLeft:-950},477,function(){
	//END NEW
		
	//$("#nwd").animate({marginLeft: "-1900px"},'slow' );
	//$(".sceneText").animate({opacity:'0.01'});
	//$(".pageText").animate({width:"103px",fontSize: "4px", marginTop:"0px", opacity: 0.01},'slow',function(){
		
		$("#nwd").css({'width':'2850px',marginLeft:-1900}); //NEW
		$('#contentPage').css({'display':'block'}); //NEW
		
		$(".sceneText").remove();
		var tt =  $('<div class="sceneText">'+obj.XML+'</div>').css({opacity:'0.01'});
		$("#nwd td.scene:last").append($(tt));

		$(".pageText").unbind('click');
		$("#clickDiv").unbind('click');
		if (sClass == 'AJAX'){
			$("#clickDiv").click(function(){
				if (sClass == 'AJAX'){
					var data = {'url':sLink,'uid':$("#sceneLink").attr('uid')};
					var dataString = $.toJSON(data);
					$.post('/doc.ajax', { data:dataString}, updateScene2, "json");
				}
				else window.location = $("#sceneLink").attr('href');
			});
			$(this).unbind("click");
		} else $("#clickDiv").css('cursor', 'default').unbind('click');

		$(".sceneText").animate({opacity:'0.6'});
	});

}

function updateScene2(res)
{

	var obj = res[0];

	var newDiv = document.createElement("TD");
	$(newDiv).addClass('scene');
	$(newDiv).attr('valign','top');


	var newImg = document.createElement("IMG");
	if ( obj.IMAGE1 == ''){
		newImg.src = "/i/"+'content_bg.gif';
	}
	else
	{
		newImg.src = "/images/pg/" + obj.IMAGE1;
	}

	newImg.width = "950";
	newImg.height = $("#sceneLink").attr('height');

	var sLink = obj.LINK;
	var sClass = obj.CLASS;
	$('#sceneLink').attr('uid', obj.UID);

	$(newDiv).append(newImg);

	$("#nwd").css({'width':'3800px'}); /* 2850 */

	var tdlast = $("#nwd tr td.scene:last");

	$("#nwd tr").append(newDiv);

	$(".sceneText").animate({opacity:'0.01'}, function () {
		$("#nwd").animate({marginLeft: "-2850px"},'slow', function () {
			$(tdlast).remove();
			$("#nwd").css({width:'2850px',
			marginLeft: "-1900px"});
			$(".sceneText").remove();
			var tt =  $('<div class="sceneText">'+obj.XML+'</div>').css({opacity:'0.01'});
			$("#nwd td.scene:last").append($(tt));


			$("#clickDiv").unbind('click');
			$("#clickDiv").click(function(){
				if (sClass == 'AJAX')
				{
					var data = {'url':sLink,
					'uid':$("#sceneLink").attr('uid')};
					var dataString = $.toJSON(data);
					$.post('/doc.ajax', { data:dataString}, updateScene2, "json");

				}
				else
				{
					window.location = sLink;
				}
				$(this).unbind("click");

			});

			$(".sceneText").animate({opacity:'0.6'});
		} );
	} );


}

function updateSceneTeam(res)
{
	var obj = res[0];

	var newDiv = document.createElement("TD");
	$(newDiv).addClass('scene');
	$(newDiv).attr('valign','top');


	var newImg = document.createElement("IMG");

	if ( obj.IMAGE1 == ''){
		newImg.src = "/i/"+'content_bg.gif';
	}
	else
	{
		newImg.src = "/images/pg/" + obj.IMAGE1;
	}

	newImg.width = "950";
	newImg.height = $("#sceneLink").attr('height');

	var sLink = obj.LINK;
	var sClass = obj.CLASS;
	$('#sceneLink').attr('uid', obj.UID);

	$(newDiv).append(newImg);

	$("#nwd").css({'width':'3800px'}); /* 2850 */

	var tdlast = $("#nwd tr td.scene:last");

	$("#nwd tr").append(newDiv);

	$(".sceneText").animate({opacity:'0.01'}, function () {
		$("#nwd td.scene:last").css({'vertical-align':'top'});
		$("#nwd").animate({marginLeft: "-2850px"},'slow', function () {
			$(tdlast).remove();
			$("#nwd").css({width:'2850px',
			marginLeft: "-1900px"});
			$(".sceneText").remove();
			var tt =  $('<div class="sceneText">'+obj.XML+'</div>').css({opacity:'0.01'});
			$("#nwd td.scene:last").append($(tt));


			$("#clickDiv").unbind('click');
			$("#clickDiv").click(function(){
				if (sClass == 'AJAX')
				{
					var data = {'url':sLink,
					'uid':$("#sceneLink").attr('uid')};
					var dataString = $.toJSON(data);
					$.post('/doc.ajax', { data:dataString}, updateSceneTeam, "json");

				}
				else
				{
					window.location = sLink;
				}
				$(this).unbind("click");

			});

			$(".sceneText").animate({opacity:'0.6'});
		} );
	} );


}

function updateSceneLic(res)
{
	var obj = res[0];

	var newDiv = document.createElement("TD");
	$(newDiv).addClass('scene');
	$(newDiv).attr('valign','top');


	var sLink = obj.LINK;
	var sClass = obj.CLASS;
	$('#sceneLink').attr('uid', obj.UID);


	$("#nwd").css({'width':'3800px'}); /* 2850 */

	var tdlast = $("#nwd td.scene:last");


	$("#nwd > tbody > tr:first").append(newDiv);

	$(".sceneTextLic").hide();
	$("#nwd").animate({marginLeft: "-2850px"},'fast', function () {
		$(tdlast).remove();
		$("#nwd").css({width:'2850px',
		marginLeft: "-1900px"});
		var tt =  $('<div class="sceneTextLic">'+obj.XML+'</div>')/*.css({opacity:'0.01'})*/;
		$(".sceneTextLic").hide();
		$("#nwd td.scene:last").append($(tt));
		$(newDiv).append('<img src="/i/spacer.gif" width="900" height="'+$("#sceneLink").attr('height')+'" />');

		//            if (sLink != '')
		{

			$("#clickDiv.licpage").unbind('click');
			$("#clickDiv.licpage").click(function () {

				if (sClass == 'AJAX')
				{
					var data = {'url':sLink,
					'uid':$("#sceneLink").attr('uid')};
					var dataString = $.toJSON(data);
					$.post('/doc.ajax', { data:dataString}, updateSceneLic, "json");

				}
				else
				{
					window.location = sLink;
				}
				$(this).unbind("click");

			});
		}
		$(".sceneTextLic").show();
	} );


}

function updateSceneLic_old(res){
	var obj = res[0];

	var newDiv = document.createElement("TD");
	$(newDiv).addClass('scene');
	$(newDiv).attr('valign','top');

	var sLink = obj.LINK;
	var sClass = obj.CLASS;
	$('#sceneLink').attr('uid', obj.UID);

	$("#nwd").css({'width':'3800px'}); /* 2850 */

	var tdlast = $("#nwd td.scene:last");

	$("#nwd > tbody > tr:first").append(newDiv);

	$(".sceneTextLic").animate({opacity:'0'}, function (){
		$("#nwd").animate({marginLeft: "-2850px"},'fast', function (){
			$(tdlast).remove();
			$("#nwd").css({width:'2850px',
			marginLeft: "-1900px"});
			var tt =  $('<div class="sceneTextLic">'+obj.XML+'</div>').css({opacity:'0.01'});
			$("#nwd td.scene:last").append($(tt));
			$(newDiv).append('<img src="/i/spacer.gif" width="900" height="'+$("#sceneLink").attr('height')+'" />');
			$("#clickDiv.licpage").unbind('click');
			$("#clickDiv.licpage").click(function () {
				if (sClass == 'AJAX'){
					var data = {'url':sLink,'uid':$("#sceneLink").attr('uid')};
					var dataString = $.toJSON(data);
					$.post('/doc.ajax', { data:dataString}, updateSceneLic, "json");
				}
				else window.location = sLink;
				$(this).unbind("click");
			});
			$(".sceneTextLic").animate({opacity:'1'});
		});
	});
}

function arrowClick(dir)
{
	if (!isAjaxProcess){
		var data = {'url':$("#sceneLink").attr('href'),'uid':$("#sceneLink").attr("uid"),'dir':dir};
		var dataString = $.toJSON(data);
		$.post('/doc.ajax', { data:dataString}, updateSceneDir, "json");
		isAjaxProcess = true;
	}
}


function updateSceneDir(res)
{
	var obj = res[0];
	//    console.log(obj);

	var newDiv = document.createElement("TD");
	$(newDiv).addClass('scene');
	$(newDiv).attr('valign', 'top');
	$(newDiv).css({'vertical-align':'top'});


	if(obj.ANOTHER_PAGES_ID == obj.PARENT_ID){
		$(newDiv).html('<div class="contentFon" />');
		$(newDiv).addClass('sceneLastText');
		$(".pageText").animate({width:"878px",fontSize: "24px", marginTop:"100px", opacity: 0.6},'slow');
		obj.XML = false;
		$("#sceneLink").attr("uid", "-1");
	}
	else{
		var newImg = document.createElement("IMG");
		newImg.src = (obj.IMAGE1 == '') ? "/i/content_bg.gif" : "/images/pg/" + obj.IMAGE1;
		newImg.width = "950";
		newImg.height = $("#sceneLink").attr('height');
	
		var sLink = obj.LINK;
		var sClass = obj.CLASS;
		$("#sceneLink").attr("uid", obj.ANOTHER_PAGES_ID);
	}
	$(newDiv).append(newImg);
	
	if(obj.ANOTHER_PAGES_ID != obj.PARENT_ID){
		$(".pageText").animate({width:"1px",fontSize: "1px", marginTop:"1px", opacity: 0.01},'slow');
	}

	var tdlast = $("#nwd tr td.scene:last");

	if (obj.DIR == 'next')
	{
		$("#nwd").css({'width':'3800px'});
		$("#nwd tr").append(newDiv);
		$(".sceneText").animate({opacity:'0.01'}, function () {
			$("#nwd td.scene:last").css({'vertical-align':'top'});
			$("#nwd").animate({marginLeft: "-2850px"},'slow', function () {
				$(tdlast).remove();
				$("#nwd").css({width:'2850px',marginLeft: "-1900px"});
				$(".sceneText").remove();
				var tt =  $('<div class="sceneText">'+obj.XML+'</div>').css({opacity:'0.01'});
				$("#nwd td.scene:last").append($(tt));
				$("#clickDiv").unbind('click');
				$("#clickDiv").click(function(){
					if (sClass == 'AJAX'){
						var data = {'url':sLink,'uid':$("#sceneLink").attr("uid")};
						var dataString = $.toJSON(data);
						$.post('/doc.ajax', { data:dataString}, updateSceneDir, "json");
					}
					else window.location = sLink;
					$(this).unbind("click");

				});
				if(obj.XML) $(".sceneText").animate({opacity:'0.6'});
			});
			isAjaxProcess = false;
		});
	}
	else {
		$("#nwd").css({'width':'3800px', marginLeft:"-2850px"});
		$(tdlast).before(newDiv);
		$(".sceneText").animate({opacity:'0.01'}, function () {
			$("#nwd td.scene").css({'vertical-align':'top'});
			$("#nwd").animate({marginLeft: "-1900px"},'slow', function () {
				$(tdlast).remove();
				$("#nwd").css({width:'2850px'});
				$(".sceneText").remove();
				var tt =  $('<div class="sceneText">'+obj.XML+'</div>').css({opacity:'0.01'});
				$("#nwd td.scene:last").append($(tt));
				if (sLink != ''){
					$("#clickDiv").unbind('click');
					$("#clickDiv").click(function(){
						if (sClass == 'AJAX'){
							var data = {'url':sLink,'uid':$("#sceneLink").attr("uid")};
							var dataString = $.toJSON(data);
							$.post('/doc.ajax', { data:dataString}, updateSceneDir, "json");
						}
						else window.location = sLink;
						$(this).unbind("click");
					});
				}
				if(obj.XML) $(".sceneText").animate({opacity:'0.6'});
			});
			isAjaxProcess = false;
		});
	}
}