$(function() {
	// get params
	var id = $(document).getUrlParam("id");
	var mode = $(document).getUrlParam("mode");
	if (mode == null) mode = "tile";
	
	var imgFolder;
	if (id>56) imgFolder = "img/generated/";
	else imgFolder = "img/";
	
	// get url params	
	var $embedForm = $("#embedForm");
	$embedForm.hide();
	
	
	$(".shareFormButton").click(function() {
		if($embedForm.not(':visible')){
			$embedForm.slideDown();
		}		
		return false;
	});
	
	$(".cloudShareButton").click(function() {
		if($embedForm.is(':visible')){
			$embedForm.slideUp();
		}		
	});
	
	$("#blogShare").click(function() {
		$("input#embedCode").attr("value", "<a href=\""+window.location+"\"><img style=\"margin:0; padding:0; border:none;\"src=\"http://imnotanartist.org/"+imgFolder+"small/iamnotanartist_gifparanoia_"+id+".gif\" /></a><br /><a href=\"http://www.iamnotanartist.org\"><img style=\"margin:0; padding:0; border:none;\" src=\"http://imnotanartist.org/img/ui/imnotanartist.gif\" width=\"265\" height=\"35\" border=\"0\"></a>")
		return false;
	})
	$("#emailShare").click(function() {
		$("input#embedCode").attr("value", window.location);
		return false;
	});
	
	var $selectedVm = $(".selectedViewingMode");
	$selectedVm.removeClass("selectedViewingMode");
	$selectedVm = $("#vM"+mode);
	$selectedVm.addClass("selectedViewingMode");

	$("input[type=text]").focus(function(){
	    this.select();
	});

	var $img= $("#content img");
	$(window).unbind("resize");
	
	
	var tinySrc 	= imgFolder+"tiny/iamnotanartist_gifparanoia_" +id+".gif";
	var smallSrc 	= imgFolder+"small/iamnotanartist_gifparanoia_"+id+".gif";
	var bigSrc	 	= imgFolder+"big/iamnotanartist_gifparanoia_"  +id+".gif";
	switch (mode){
		case "big":
			$img.show();
			$img.removeClass();
			$img.attr("src", bigSrc)
			$img.addClass("bigDetail");
			break;
		case "tile":
			$img.hide();
			$img.removeClass();
			$("body").css({"background-image":"url("+smallSrc+")"});
			break;
		case "huge":
			$img.show();
			$img.removeClass();
			$img.attr("src", bigSrc);
			var $imgW = $img.width() ;
			var $imgH = $img.height() ;
			var $ratio = $imgW / $imgH;

			var $wWidth = $(window).width();
			var $wHeight = $(window).height();
			$img.attr({
				width: 	$wWidth,
				height: $wWidth / $ratio
			});
			break;
			
		case "muybridge":
			$img.hide();
			$img.removeClass();
			$("#content").flash({
				swf:"swf/muybridge.swf",
				width: 1590,
				height: 995,
				flashvars: {   
					gifPath:tinySrc
				}
			}).css('text-align', 'left')
	   		break;
	}
	
	
	
});