//var gSwitch = false;
var gSwitch = false;
var gSymId = 2;	// 1 or 2

// スイッチ ON/OFF
function symSwitch()
{
	gSwitch = (! gSwitch);
	
	var switchImg = (gSwitch) ? 'switch_on.gif' : 'switch_off.gif';
	
	$("#switch img").attr({src: 'http://monaural.net/lab/symmetry/' + switchImg});
	
	applySymmetry();
}

// 全体に効果適用
function applySymmetry()
{
	if (gSwitch) {
		if (gSymId == 1) {
			$("a.symmetry").removeClass('s0').removeClass('s2').addClass('s1');
		}
		else {
			$("a.symmetry").removeClass('s0').removeClass('s1').addClass('s2');
		}
	}
	else {
		$("a.symmetry").removeClass('s1').removeClass('s2').addClass('s0');
	}
}

// 1つに効果適用
function dispsym(postid, flag)
{
	if (gSwitch && flag) {
		if (gSymId == 1) {
			$("#post" + postid).removeClass('s0').removeClass('s2').addClass('s1');
		}
		else {
			$("#post" + postid).removeClass('s0').removeClass('s1').addClass('s2');
		}
	}
	else {
		$("#post" + postid).removeClass('s1').removeClass('s2').addClass('s0');
	}
}

// マウス移動
function mouseInit()
{
	window.document.onmousemove = function(e) {
		if (! gSwitch) {
			return;
		}
		
		var wsize = document.documentElement.scrollWidth || document.body.scrollWidth;
		var mousex = (e) ? e.pageX : event.clientX + document.body.scrollLeft;
		if (gSymId == 1
		 && mousex > wsize / 2) {
			gSymId = 2;
			applySymmetry();
		}
		else if (gSymId == 2
		 && mousex < wsize / 2) {
			gSymId = 1;
			applySymmetry();
		}
	}
}

// make symmmetry
function symmetry(base, postid)
{
	if (!document.getElementById) {
		return;
	}

	var a = base.parentNode;
	a.className = 'symmetry s0';
	a.id = 'post' + postid;

	base.className = 'symImg';

	var d = document.createElement('div');
	d.className = 'symBox';
	d.style.height = base.height + 'px';

	if (document.all && !window.opera) {
		// IE
		var r = document.createElement('img');
		r.src = base.src;
		r.style.filter = 'fliph';
	}
	else {
		// NOT IE
		var r = document.createElement('canvas');
		if (r.getContext) {
			var context = r.getContext("2d");
			
			r.style.height = base.height + 'px';
			r.style.width = base.width + 'px';
			r.height = base.height;
			r.width = base.width;
			
			context.save();
			context.translate(base.width-1, 0);
			context.scale(-1, 1);
			
			context.drawImage(base, 0, 0, base.width, base.height);
			
			context.restore();
		}
	}

	r.className = 'symFlipImg';

	a.replaceChild(r, base);
	a.appendChild(d);
	d.appendChild(base);
}

// onload
$(document).ready(function(){
	
	$.getJSON('http://www.tumblr.com/statuses/user_timeline.json?callback=?', function(){
		alert(1);
	});

	mouseInit();


});