$(document).ready(function(){
 	//setTimeout(function(){$('.blog_more').css('background', '#fff');},5000)
 	
 	var wrap_width = $("#wrap").css("width");
 	var header_pos = $("#header").css("position");
 	var scrollY_start = 200;
 	var expanded = 0;
 	var layout = {f:1,b:1,t:1,y:1,v:v_default};
 	var css_val;
	if (operamini != 1){$(".old_posts").show();} else {$(".blog_more").css('height','auto');};
 	if (!$.font.test( "'mv iyyu formal',  'mv iyyu normal','mv galan normal','mv elaaf normal'")){
 		$("#blogs").before('<div id="nothaana">Download and install <a href="http://www.mvblogs.org/horizon/mv_iyyu_formal.zip">Thaana</a> Fonts to view Dhivehi posts correctly.</div>');
 		$("#nothaana").animate({opacity:1.0},30000).fadeOut('slow');
 		showthaana=0
 	};
 	if (showthaana == 0){$(".thaana_post").closest(".blog_post").hide();}
 	$(".blog_more").hover(	
		  function () {
			css_val = $(this).css("z-index");
			$(this).css("border", "1px solid #333");
			$(this).css("z-index", css_val+10);
		  }, 
		  function () {
			$(this).css("border", "1px solid #ccc");
			$(this).css("z-index", css_val);
		  }
	);
    
	twit_check();
	
	$("#more_twits_link").toggle(
		function () {
			twit_check();
			$("#more_twits_link").html("loading...")
      		$("#more_twits").load("horizon/mvtwitjax.php?t=more", {t:'more'}, function () {
      			$("#more_twits").show();
      			$("#more_twits_link").html("less tweets");
      		});
      		
    	},
    	function () {
      		$("#more_twits").hide();
      		$("#more_twits_link").html("more tweets")
    	}
    );
	
	
	//if layout changes
	$("#flickr_showhide").toggle(
		function () {
			$("#flickr_photos").hide();
			$("#flickr_showhide").html("&rarr;");
			layout.f = 0;
			scrollY_start = 100;
			rememberlayout(layout);
    	},
    	function () {
      		$("#flickr_photos").show();
      		$("#flickr_showhide").html('<img src="horizon/loading.gif" alt="loading" />');
      		$("#flickr_photos").load('horizon/flickr.php','',
      			function(){
      				$("#flickr_showhide").html("&darr;");
      				}
      		);
      		layout.f = 1;
      		scrollY_start = 200;
			rememberlayout(layout);
    	}
    );
	$("#bloggers_showhide").toggle(
		function () {
			$("#bloggers").hide();
			$("#bloggers_showhide").html("&rarr;");
			layout.b = 0;
			rememberlayout(layout);
    	},
    	function () {
      		$("#bloggers").show();
      		$("#bloggers_showhide").html("&darr;");
      		layout.b = 1;
			rememberlayout(layout);
    	}
    );
    $("#twitter_showhide").toggle(
		function () {
			$("#twitter").hide();
			$("#twitter_showhide").html("&rarr;");
			layout.t = 0;
			rememberlayout(layout);
    	},
    	function () {
      		$("#twitter").show();
      		$("#twitter_showhide").html("&darr;");
      		layout.t = 1;
			rememberlayout(layout);
    	}
    );
    
    $("#youtube_showhide").toggle(
		function () {
			$("#youtube").hide();
			$("#youtube_showhide").html("&rarr;");
			layout.y = 0;
			rememberlayout(layout);
    	},
    	function () {
      		$("#youtube").show();
      		$("#youtube_showhide").html('<img src="horizon/loading.gif" alt="loading" />');
      		$("#youtube").load('horizon/youtube.php','',
      			function(){
      				$("#youtube_showhide").html("&darr;");
      				}
      		);
      		layout.y = 1;
			rememberlayout(layout);
    	}
    );
	
	
	// not too secret change view
	
	$("#view").toggle(
		function () {
			$("#wrap").css("width",v_wrap_width);
			$("#youtube").css("width","600px");
			$("#header").css("position","absolute");
			
			$("#flickr").css("float","right");
			$("#flickr").css("width","245px");
			$("#flickr_clear").css("clear","none");
			$(".flickr_user").css("float","none");

			$("#blogs").css("float","left");
			$("#blogs").css("width",v_blog_width);
			$("#blogs").css("padding","55px 0 40px 0");
			$(".blogger").css("margin","0 25px 30px 0");
			
			$(".blog_post").css("height",blog_post_height);
			$(".blog_more").css("position",blog_more_position);
			$("#view").html("Horizontal");
			$("#scroll_arrows").hide();
			hide4opera(0);
			layout.v = 0;
			rememberlayout(layout);
    	},
    	function () {
      		$("#wrap").css("width",wrap_width);
      		$("#youtube").css("width","auto");
      		$("#header").css("position", header_pos);
      		
      		$("#flickr").css("float","none");
			$("#flickr").css("width","auto");
			$("#flickr_clear").css("clear","both");
			$(".flickr_user").css("float","left");

			$("#blogs").css("float","none");
			$("#blogs").css("width","auto");
			$("#blogs").css("padding","5px 0 40px 0");
			$(".blogger").css("margin","0 25px 0 0");
      		
      		$(".blog_post").css("height",blog_post_height);
      		$(".blog_more").css("position",blog_more_position);
      		
      		$("#view").html("Vertical");
      		$("#scroll_arrows").show();
      		hide4opera(1);
      		
      		
      		layout.v = 1;
			rememberlayout(layout);
    	}
    );
	

	// get default layout states 
	

	if($.cookie('layout')){
		eval($.cookie('layout'));
	}
	if (layout.f == 0) {
		$("#flickr_showhide").trigger('click');
	} else {
		$("#flickr_showhide").html('<img src="horizon/loading.gif" alt="loading" />');
		$("#flickr_photos").load('horizon/flickr.php','',
			function(){
				$("#flickr_showhide").html("&darr;");
				}
		);
	}
	if (layout.b == 0) {
		$("#bloggers_showhide").trigger('click');
	}
	if (layout.t == 0) {
		$("#twitter_showhide").trigger('click');
	}
	if (layout.y == 0) {
		$("#youtube_showhide").trigger('click');
	} else {
		$("#youtube_showhide").html('<img src="horizon/loading.gif" alt="loading" />');
		$("#youtube").load('horizon/youtube.php','',
			function(){
				$("#youtube_showhide").html("&darr;");
				}
		);
	}
	if (layout.v == 0) {
		$("#view").trigger('click');
	} else {
		hide4opera(1);
	}
	
	
	$(".blog_post a").click(function(){$(this).closest(".blog_post").trigger('click'); return true;});
	//$(".blog_post a").click(function(event){event.stopImmediatePropagation();});	
	
	$(".blog_post").click(function(){
			if ($(this).find(".blog_more").css("position") != "static") {	
				$(this).find(".blog_more").css("position","static");
				if(layout.v == 0) {
					$(this).css("height","auto");
				}
				expanded = 1;
			} else { 
				$(this).find(".blog_more").css("position",blog_more_position);
				$(this).css("height",blog_post_height);
				expanded = 0;
			}
    });


	// scrolling.. 
	
	$("#scroll_right").click(function(){
		$.scrollTo( '+=732px', { axis:'x',duration:450} );
	});
	$("#scroll_left").click(function(){
		$.scrollTo( '-=732px', { axis:'x', duration:450} );
	});
	
	$().mousewheel(function(event, delta) {
	
		if (expanded == 1 || $('#more_twits:visible').length != 0) {
			scrollY = scrollY_start+220; 
		} else {
			scrollY = scrollY_start+1400; 
		} 
		if (layout.v == 1 && event.pageY < scrollY) { 
			if (delta > 0)
				$.scrollTo( '-=100px', { axis:'x'} );
			else if (delta < 0)
				$.scrollTo( '+=100px', { axis:'x'} );
			return false;
		}
	})

	

	/* //disabled for now..
	$().mousemove(function(e){
		if (layout.v == 1) {
			var doc_width = $(document).width();
			var browser_width = $(window).width();
			if (e.pageY > scrollY_start && e.pageY < (scrollY_start+220)) {
				if (e.clientX > browser_width - 100) {
					$.scrollTo( '+='+ browser_width/24 +'px', { axis:'x' } );
				}
				if (e.clientX < 100) {
					$.scrollTo('-='+ browser_width/24 +'px', { axis:'x' } );
				}
			}
		}
   }); */
	
});


function rememberlayout(obj) {
	var layout = "f:"+obj.f;
	layout += ",b:"+obj.b;
	layout += ",t:"+obj.t;
	layout += ",y:"+obj.y;
	layout += ",v:"+obj.v;
 	$.cookie('layout',"layout={"+layout+"}",{expires:1000});
};

var twit = $('#twits');
function twit_check() {
	$.ajax({
	  url: "horizon/mvtwitjax.php?t=1",
	  success: function(html){
	  	if ($(twit).find("a:first").attr("href") != $(html).find("a:first").attr("href")){
	  		if ($('#more_twits:visible').length != 0) {
	  			$('#more_twits').prepend(twit);
	  			$('#more_twits').find(".small:first").html("few minutes ago");
	  		}
	  		
	  		twit = html;
	  		$('#twits').fadeOut("slow", function () { 
	  			$('#twits').html(twit).fadeIn("slow")
	  		})
	
		}
	  }
	});

	setTimeout('twit_check()', 30000);
}

function hide4opera(o){
	if (navigator.userAgent.indexOf('Opera') > -1) {
		if(o == 1){
			$(".hide4opera").hide(); // due to opera's width limit of 327xx
		} else {
			$(".hide4opera").show();
		}
	}
	
}