var isLoaded = false;
var isLoginVisible = true;


var versionIter = 0;
var browser = "";
var browserVersion = "";
var os = ""; 
var xRightPanel;

var firstTimeEditing = true;
var docWidth;
var playerInstall = "http://kerala.de/kerala_de/playerProductInstall.swf";

if(language=="ger"){
	
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-23363161-1']);
	_gaq.push(['_trackPageview']);
	
}

else if(language=="eng"){
	
   var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23363161-3']);
  _gaq.push(['_trackPageview']);

}

(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();



//window.addEvent('domready', function(){
$(document).ready(function() {
	 
	 showNav();
	 
	 
	 $("#myLogin").css({'top': "300px"});

	
		
	$(window).scroll(function(){

		setLoginMenuY(window.pageYOffset);
		
			
		if(!isLoaded){
	
			
			isLoaded = true;
			
			
			if(categoryID == "kerala_bundesstaat_indien"){
				activateLoginBox(); 
				connectFacebook();
				loadFlash(); 
			}

			
			makeAjaxLinks();

			
		}
		
	}); 
	
 
});  


function startColorbox(){

	var maxWidth = $(document).width() - 50;
	var maxHeight = $(window).height() - 50;
	
	if(language=="ger"){
		var slideshowStart = "<Starten>";
		var slideshowStop = "<Stop>";
		var previous = "Vorheriges";
		var next = "Nächstes";
		var close = "Schließen";
		var current = "Bild {current} von {total}";
	}
	else if(language=="eng"){
		
		var slideshowStart = "<Start>";
		var slideshowStop = "<Stop>";
		var previous = "Previous";
		var next = "Next";
		var close = "Close";
		var current = "Picture {current} of {total}";
		
	}
	
	
	$("a[rel='SlideAyurvedaHomestay']").colorbox({slideshow:true,
									 			  slideshowSpeed:4000,
												  transition: "fade", //"elastic", "fade", or "none".
												  slideshowStart: slideshowStart,
										 		  slideshowStop: slideshowStop,
										 		  previous: previous,
										 		  next: previous,
										 		  close: close,
										 	 	  current: current,
												  maxWidth: maxWidth,
												  maxHeight: maxHeight
	
	});
	$("a[rel='SlideKollam']").colorbox({slideshow:true,
									  slideshowSpeed:4000,
									  transition: "fade", //"elastic", "fade", or "none".
									  slideshowStart: slideshowStart,
									  slideshowStop: slideshowStop,
									  previous: previous,
									  next: previous,
									  close: close,
									  current: current,
									  maxWidth: maxWidth,
									  maxHeight: maxHeight
	
	});
	
	$("a[rel='SlideAshtamudi']").colorbox({slideshow:true,
										  slideshowSpeed:4000,
										  transition: "fade", //"elastic", "fade", or "none".
										  slideshowStart: slideshowStart,
										  slideshowStop: slideshowStop,
										  previous: previous,
										  next: previous,
										  close: close,
										  current: current,
										  maxWidth: maxWidth,
										  maxHeight: maxHeight
	
	});
	
	$("a[rel='SlideSouthKerala']").colorbox({close: close, 
											 transition: "fade",
											 maxWidth: maxWidth,
											 maxHeight: maxHeight,
										 	 slideshowStart: slideshowStart,
											 slideshowStop: slideshowStop,
											 previous: previous,
											 next: previous,
											 close: close,
											 current: current
	});
	
}

function connectFacebook(){
	
	(function() {
		if(language=="ger"){insertLoginText("<br />Starte OAuth 2.0...<br /><br />Werde jetzt Teil von kerala.de!");}
		else if(language=="eng"){insertLoginText("<br />Starting OAuth 2.0...<br /><br />Be part of kerala.de!");}
		var e = document.createElement('script');
		e.type = 'text/javascript';
		if(language=="ger"){
			var sourceLang = '//connect.facebook.net/de_DE/all.js';
		}
		else if(language=="eng"){
			sourceLang = '//connect.facebook.net/en_US/all.js';
		}
		
		e.src = document.location.protocol + sourceLang;
		e.async = true;
		document.getElementById('fb-root').appendChild(e);
		
	}());
	
	
	window.fbAsyncInit = function() {
		
		var appIDLang;
		
		if(language=="ger"){appIDLang = 203990319644858;}
		else if(language=="eng"){appIDLang = 227187160627189;}
				
		FB.init({	appId: appIDLang, 
			status: true, 
			cookie: true,
			xfbml: true
			/*channelUrl: '<script src="http://connect.facebook.net/de_DE/all.js"></script>'*/
		});
		
		
		FB.api('/me', function(response) {
			
			hideLoadingANI_FB_API();

			if(response.name){
				

				FB.getLoginStatus(function(response) {
				  if (response.session) {
					showFBWelcome(response);
				  } else {
					//showFBLoggedOut(response);
				  }
				});

			}else{
				showFBLoggedOut(response);
				
			}
		});
		
		FB.Event.subscribe('auth.sessionChange', function(response) {
			
			showFBWelcome(response);

		});
		
		FB.Event.subscribe('auth.logout', function(response) {
			
			showFBLoggedOut(response);
			
		});
	
	};
	
}




function showFBWelcome(response){
	$('#loginArrow').hide("slow");
	$("#contentLoadingAniLogin").css({'visibility': "visible"});
	
	//theStatus = + response.status + " ++ "
				//+	response.session["access_token"] + " ++ "; 
				//+ response.session["expires"] + " ++ "
				//+ response.session["secret"] + " ++ "
				//+ response.session["session_key"] + " ++ " 
				//+ response.session["sig"] + " ++ "
				//+ response.session["uid"]	+ " ++ "
				//+ response.perms; 
	if (response.session) {		
		if(language=="ger"){insertLoginText("<br />Herzlich Willkommen <br /><br />" + response.session["uid"])}
		else if(language=="eng"){insertLoginText("<br />Welcome <br /><br />" + response.session["uid"])}
		
		setFacebookPic(response.session["uid"], true);
	
	
	
		var query = FB.Data.query('select name, uid from user where uid={0}', response.session["uid"]);
		
		query.wait(function(rows) {
		
			if(language=="ger"){$('#loginText').load("editKerala.php", {user: rows[0].name, fbuid: response.session["uid"], language: language}, function() {});}
			else if(language=="eng"){$('#loginText').load("editKerala.php", {user: rows[0].name, fbuid: response.session["uid"], language: language}, function() {});}
            //$('#logedInPanel').show("slow");
			
            
			//insertLoginText("Herzlich Willkommen " + rows[0].name + "!");
			hideLoadingANI_FB_API();
			//createPopup();
		});
		
	}
 
} 


function showEditMode(key, user, fbuid){
	
	var url = "http://kerala.de/facebook/php/symlinks/" + key + ".php"

	closeLoginBox();
	$("#editBGPic").show("slow");
	
	
	
	//$("#flexEditor").show("slow");
	
    //docWidth = $(document).width();
	//docWidth = docWidth / 2 - 290;
	//docWidth = docWidth + "px";
	
	//var docHeight = $(window).height();
	//docHeight = docHeight / 2 - 200;
	//docHeight = docHeight + "px";
	
	//var editorTopPosi = $("#myLogin").css('top');
	//var editorLeftPosi = $("#myLogin").css('top');
	
	var editorTopPosi = "120px";
	var editorLeftPosi = "-2500px";
	
    
	$("#flexEditor").css({'top': editorTopPosi});
	$("#flexEditor").css({'left': editorLeftPosi});
	
	$("#flexEditor").show();
    $("#flexEditor").animate({
        //opacity: 0
        left: "300px"
        }, 500, "swing", function() {}
     );
	 
	$("#flexEditOpaqueBG").show();
    $("#flexEditOpaqueBG").animate({
        opacity: 0.68
        //left: docWidth
        }, 1000, "swing", function() {}
     );
	 
	 
	 $("#outerFelxEditor").animate({
        opacity: 0.85
        //left: docWidth
        }, 1000, "swing", function() {}
     );
	 
	 
    
	
	/* docWidth = $(document).width();
	 docWidth = docWidth / 2 - 550;
	 docWidth = docWidth + "px";
	 
	 $("#bg").animate({
        //opacity: 0.68
        left: docWidth
        }, 1000, "swing", function() {}
     );
	  $("#content").animate({
        //opacity: 0.68
        left: docWidth
        }, 1000, "swing", function() {}
     );*/
	 
	if(firstTimeEditing){
		
		firstTimeEditing = false;
		
		
		
		 
		
		//alert(docWidth);
		//$("#flexEditor").css({'left': docWidth});
		//$("#flexEditor").css({'top': docHeight});
		$("#flexEditor").css({'z-index': "502"});
		//$("#editBGPic").css({'right': "200px"});
		$("#editBGPic").css({'top': "220px"});
		//$("#editBGPic").attr({'src': "http://kerala.de/kerala_de/editBG.png"});
		$("#flexEditor").draggable();
		//$("#myEdit").css({'background-image': "url(http://kerala.de/kerala_de/menuBg.png)"});
	
		var attributes = {};
		var flashvars = {
			user: user,
			fbuid: fbuid
			
			};
		var params = {
			menu: "false",
			allowFullScreen: "true",
			allowScriptAccess: "always",
			
			//wmode: "transparent"
			//wmode: "opaque"
			wmode: "window"
			
		};
		
		var params2 = {
		    menu: "false",
		    wmode: "transparent"
		};
		
		
		$("#flexEditor").append(
			
			'<div id="outerFelxEditor" style="position:relative; width:668px; height:556px; background-color:#000; opacity:0.5; border:solid 1px #FFF;"><div id="flexEditorSWF"></div></div>'
    		+'<div style="position:absolute; left:320px; top:250px; z-index:501;"><div id="flexContentLoadingAni"></div></div>'
    		+'<div style="position:absolute; top:205px; left:620px; z-index:502;" onmousedown="moveEditBox();"><div id="cornerAni"></div></div>'
			
			
		);
		
        
		
		swfobject.embedSWF(url, "flexEditorSWF", "668", "556", "9.0.0", playerInstall, flashvars, params, attributes);
		swfobject.embedSWF("http://kerala.de/kerala_de/loadingAni.swf", "flexContentLoadingAni", "46", "46", "9.0.0", playerInstall, flashvars, params2, attributes);
		swfobject.embedSWF("http://kerala.de/kerala_de/cornerAni.swf", "cornerAni", "120", "120", "8.0.0", playerInstall, flashvars, params2, attributes);		
		
		
	}
		
}


function moveEditBox(){
	
	$("#flexEditOpaqueBG").animate({
        opacity: 0
        //left: docWidth
        }, 1000, "swing", function() {$("#flexEditOpaqueBG").hide();}
     );
	
}

function showFBLoggedOut(response){
	
	if(language=="ger"){$('#loginText').load('loginTxt.php', {language: language}, function() {});}
	else if(language=="eng"){$('#loginText').load('loginTxt.php', {language: language}, function() {});}
	
	
	//$('#loginArrow').show("slow");

	setFacebookPic("http://kerala.de/kerala_de/anonymFb.gif", false);
	setTimeout(hideLoadingANI_FB_API, 1000);
	
}

function hideLoadingANI_FB_API(){
	
	$("#contentLoadingAniLogin").css({'visibility': "hidden"});
}

function hideLoadingANI_FlexEdit(){
	
	$("#flexContentLoadingAni").css({'visibility': "hidden"});
}


function setFacebookPic(uid, logedIn){
	
	if(logedIn){
		var src = "https://graph.facebook.com/" + uid + "/picture";
	}else{
		src = uid;
	}

	$("#facebookProfilePic").attr("src", src);
	

}




function loadFlash(){
	
	var attributes = {};
	var flashvars = {};
	var params = {
	  menu: "false",
	 // allowFullScreen: "true",
	  wmode: "transparent"
	};
	
	swfobject.embedSWF("http://kerala.de/kerala_de/loadingAni.swf", "contentLoadingAniLogin", "46", "46", "8.0.0", playerInstall, flashvars, params, attributes);
	//swfobject.embedSWF("http://kerala.de/kerala_de/cornerAni.swf", "cornerAni", "120", "120", "8.0.0","expressInstall.swf", flashvars, params, attributes);
	
	
}


/*function srollTop(){
  if(browser == "msie" && browserVersion == "7.0" || browser == "msie" && browserVersion == "8.0" || browser == "msie" && browserVersion == "9.0"){
	 $('html, body').animate({scrollTop:0}, '0');
  }
}*/



function insertLoginText(myText){
	$("#loginText").html(myText);
 
}

var isAnimating = false;
function setLoginMenuY(value){
	
	/*var scrollItBy = "";
	scrollItBy = $("#myLogin").css('top');
	scrollItBy = scrollItBy.split("px");
	scrollItBy = Number(scrollItBy[0]) + value;
	scrollItBy = scrollItBy + "px";*/
	
	value += 200;
	var scrollItBy = value + "px";
		
	if(window.pageYOffset < 400){
		if(!isAnimating && isLoginVisible){
			isAnimating = true;
			$("#myLogin").animate({
				top: scrollItBy
				//left: -82
				}, 500, "swing", function() {isAnimating = false;}
			 );
			 /*$("#flexEditor").animate({
				top: scrollItBy
				//left: -82
				}, 500, "swing", function() {}
			 );*/
			 
		}
		
		if(window.pageYOffset > 400 && isLoginVisible){
			$("#myLogin").animate({
				opacity: 0
				//left: -82
				}, 500, "swing", function() {isLoginVisible = false;}
			 );
			
		}else if (window.pageYOffset < 400 && !isLoginVisible){
			$("#myLogin").animate({
				opacity: 1
				//left: -82
				}, 600, "swing", function() {isLoginVisible = true; isAnimating = false;}
			 );
		}
	}
  //insertLoginText(value);
//alert(scrollItBy);
}

//var win=null;
function createPopup(){
	

	myleft=20;
	mytop=20;
	settings="width=1400,height=800,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no";
	//win=window.open("http://www.kerala.de/facebook/php/editKerala.html","loginPopup",settings);
	win=window.open("http://www.kerala.de/facebook/php/editKerala.html","loginPopup",settings);
	
	
	//win.focus();


}

function makeAjaxLinks(){
	
//$("#slide > ").attr({'src': "http://kerala.de/kerala_de/editBG.png"});

	$("#slide dd ul li a").each(function (i) {
		if ($(this).attr("id") != "#") {
		
			//alert($(this).attr("id"));
			$(this).attr({'href': "#"});
			
			theLink = "navItemClick('" + $(this).attr('id') + "')";		
			$(this).attr({'onclick': theLink});
			
					
		}
	});

	
}

function activateLoginBox(){
	
	$("#myLogin").css({'opacity': '0'});
	$("#myLogin").prepend(
	
		'<img src="http://kerala.de/kerala_de/arrow.png" style="position:absolute; top:160px; right:212px;" id="loginArrow"/>'
		+'<img src="http://kerala.de/kerala_de/close.png" style="position:absolute; top:5px; right:5px; cursor:pointer; z-index:20;" onclick="closeLoginBox();"/>'
		+'<div style="margin:12px;" >'
		   +'<img id="facebookProfilePic"/><div id="loginText" style="font-family:Arial; font-size:10px; color:#FFF"></div>'
		   +'<br />'
		   +'<fb:login-button autologoutlink="true"></fb:login-button>'
		+'</div>'
		+'<div style="position:absolute; top:-112px; left:6px;"><div id="elefantAni"></div></div>'
	
	
	);
	
	var attributes = {};
	var flashvars = {};
	var params = {
	  menu: "false",
	 // allowFullScreen: "true",
	  wmode: "transparent"
	};
	
	swfobject.embedSWF("http://kerala.de/kerala_de/elefant.swf", "elefantAni", "200", "125", "8.0.0", playerInstall, flashvars, params, attributes);	
	
	
	$("#fbPart").prepend(
	
		'<script type="text/javascript" src="/kerala_de/js/fbObjectValidationV4.js"></script>'
        +'<div id="fb-root"></div>'
        +'<span class="fbreplace">'
            +'<fb:like href="http://kerala.de" send="false" height="20px" show_faces="false" font="arial" colorscheme="dark"></fb:like><br /><br />'
            //+'<fb:login-button autologoutlink="true"></fb:login-button><br /><br />'
            +'<fb:comments href="http://kerala.de" num_posts="3" width="600" colorscheme="dark"></fb:comments><br />'
        +'</span>'
	
	
	);

	var docWidth = $(document).width();
	docWidth = docWidth / 2+360;
	xRightPanel = docWidth + "px";
	// alert(docWidth);
	$("#myLogin").css({'left': xRightPanel});
	$("#myLogin").css({'z-index': "4"});
	$("#myLogin").css({'background-image': "url(http://kerala.de/kerala_de/menuBg.png)"});
	
	$("#myLogin").animate({
        opacity: 1
        //left: xRightPanel
        }, 500, "swing", function() {}
     );
	startColorbox(); 

}

function initNavigation(){
	
	
	// alert(docWidth);
	/*$("#myNavigation").css({'left': "-250px"});
	$("#myNavigation").css({'z-index': "5"});
	$("#myNavigation").css({'font-size': "10px"});
	
	*/
	
	setTimeout(showNav, 2000);
	
}

function showNav(){
	
	var docWidth = $(document).width();
	docWidth = docWidth / 2-585;
	var xRightPanel = docWidth + "px";
	$("#myNavigation").css({'left': xRightPanel});
	/*$("#myNavigation").animate({
        opacity: 1,
        left: xRightPanel
        }, 200, "swing", function() {}
     );*/
	 
	var attributes = {};
	var flashvars = {};
	var params = {
	  menu: "false",
	 // allowFullScreen: "true",
	  wmode: "transparent"
	};
	
	
	swfobject.embedSWF("http://kerala.de/kerala_de/ornament.swf", "ornamentAni", "81", "156", "8.0.0", "http://adobe.com/getflash", flashvars, params, attributes);	
	 
	
}

function navItemClick(mode){
	
	if(mode != categoryID){
		
		categoryID = mode;
		changeBg(mode);
		$("#dynamicMainTxt").animate({
			opacity: 0
			}, 500, "swing", function() {			
					
					$('#dynamicMainTxt').load('/kerala_de/content/'+ mode +'.php', {language: language, mode: mode}, function(){$("#dynamicMainTxt").animate({opacity: 1}, 500, "swing", function() {
																																															startColorbox();
																																															$.colorbox.init(); 
																																														 });});
					
					if(mode == "keralade"){
						showLoginBox();
					}else{
						foreverCloseLoginBox();
					}
				
				}
		 );
		 
	}

}


function changeBg(mode){
	var currentBg = $("#bg").css('background');
	$("#bg").animate({
		opacity: 0
		}, 500, "swing", function() {			
				
				//alert(currentBg);
				if(mode == "kerala_bundesstaat_indien" && currentBg != 'url(http://kerala.de/kerala_de/bg3.jpg'){
					$("#bg").css({'background': 'url(http://kerala.de/kerala_de/bg2.jpg'});
					setTimeout(showBg, 500);
				}else{
					$("#bg").css({'background': 'url(http://kerala.de/kerala_de/bg.jpg'});
					setTimeout(showBg, 500);
				}
			
			}
	 );
}

function showBg(){
	
	$("#bg").animate({
		opacity: 1
		}, 1000, "swing", function() {}
	 );
	 
}

function foreverCloseLoginBox(){
	
	 $("#myLogin").animate({
        top: "-600px"
        //left: xRightPanel
        }, 500, "swing", function() {$("#myLogin").hide();}
     );

}

function closeLoginBox(){
	
	 $("#myLogin").animate({
        opacity: 0
        //left: xRightPanel
        }, 500, "swing", function() {}
     );

}

/*function closeLoginBoxNow(){
	$("#myLogin").hide();
}
*/

function showLoginBox(){
	//$("#myLogin").show("slow");
	//$(".innerRightPanel").show("slow");
    $("#myLogin").animate({
        opacity: 1,
        left: xRightPanel
        }, 500, "swing", function() {}
     );
	
}





function closeEditBox(){
	//$("#flexEditor").hide("slow");
	//$("#flexEditOpaqueBG").hide();
	//$("#editBGPic").hide();
    
    $("#flexEditor").animate({
        //opacity: 0
        left: -1500
        }, 500, "swing", function() {}
     );
	 $("#flexEditOpaqueBG").animate({
        opacity: 0
        //left: docWidth
        }, 1000, "swing", function() {$("#flexEditOpaqueBG").hide();}
     );
	
	showLoginBox();
}

function showEditedText(value){
	
	$("#dynamicMainTxt").html(value);

}