$(function(){
	init();
});

function init() {
	$(".jsHouver").click(function(){
//		var imagem = $(this).find("img").attr("src");
//		imagem = getSrc(imagem);
//		var html = '<a id="dvImg" href="#wows" title="nature4"><img  id="imgGeral" class="corner iradius16" src="'+ imagem +'" alt="nature4"/></a>';
//		$("#ws_images").html(html);
		//		$("#imgGeral").attr("src", imagem);

		 $("#imgBox").corner("15px");
		 alert('OLA');

	//		$('#imgGeral').corner();
		
	//		troca(imagem);
	});
}

function getSrc(imagem) {
	return efeitoImagem(imagem, 790, 513, 'image.php');
}

function efeitoImagem(src, x, y, imagePhp) {
	var tmp = src.split("?");

	if (imagePhp == undefined) {
		var tmpImage = String(substituir_str(tmp, $("#raiz").attr("content"), "")).split(",");
		imagePhp = tmpImage[0];
	}

	tmp = tmp[1];
	tmp = tmp.split("&");
	var s = "";
	var s2 = "";
	var s3 = "";
	var novoSrc = '';
	var novoX = '';
	var novoY = '';

	for (var i in tmp) {
		s = tmp[i].split("=");

		switch(s[0]) {
			case 'x':
				novoX = x;
				break;
			case 'y':
				novoY = y;
				break;
			case 'src':
				novoSrc = s[1];
				break;

		}
	}

	novoSrc = $("#raiz").attr("content") + imagePhp + "?src="+ novoSrc +"&x="+ novoX +"&y="+ novoY;
	return novoSrc;
}

function troca(imagem) {
	var canvas = document.getElementById("jsCv");
	var ctx = canvas.getContext("2d");

	var img1 = loadImage(imagem, main);

	function main() {
		// composite now
		//		ctx.globalAlpha = 0.5;
		ctx.drawImage(img1, 0, 0);
	}
	
//	ctx.drawImage(loadImage(img, main), 0, 0);
//	ctx.globalAlpha = 0.5;
//	ctx.drawImage(img2, 0, 0);
}

function loadImage(src, onload) {
	// http://www.thefutureoftheweb.com/blog/image-onload-isnt-being-called
	var img = new Image();

	img.onload = onload;
	img.src = src;

	return img;
}