var QUOTES_NUMBER = 39;

var port = 8080;

var SERVER = "http://" + window.location.hostname + ":" + port;

$(document).ready(function() {     

    var image = new Image();

    image.onload = init_logo;

    image.src = "images/logobase.png";

    $("#logo").click(handle_click);   

    $("#logo").hover(function() {

        $(this).css("cursor", "pointer");        

    }, function() {

        $(this).css("cursor", "auto");

    });

});

$(document).keypress( function(event) {

    if (event.which == 13) {            

	event.preventDefault();

        update_logo();	    

    }

});

var menu_width = 670;

var menu_height = 100;

var menu_splits = new Array(180, 350, 505);

var click_events = new Array();

click_events["logo"] = new Array();

click_events["logo"][0] = new Object();

click_events["logo"][0]["min_x"] = 0;

click_events["logo"][0]["max_x"] = menu_splits[0];

click_events["logo"][0]["min_y"] = 0;

click_events["logo"][0]["max_y"] = menu_height;

click_events["logo"][0]["func"] = switch_page;

click_events["logo"][0]["args"] = new Array("personalwork.html");

click_events["logo"][1] = new Object();

click_events["logo"][1]["min_x"] = menu_splits[0] + 1;

click_events["logo"][1]["max_x"] = menu_splits[1];

click_events["logo"][1]["min_y"] = 0;

click_events["logo"][1]["max_y"] = menu_height;

click_events["logo"][1]["func"] = switch_page;

click_events["logo"][1]["args"] = new Array("howiwork.html");

click_events["logo"][2] = new Object();

click_events["logo"][2]["min_x"] = menu_splits[1] + 1;

click_events["logo"][2]["max_x"] = menu_splits[2];

click_events["logo"][2]["min_y"] = 0;

click_events["logo"][2]["max_y"] = menu_height;

click_events["logo"][2]["func"] = switch_page;

click_events["logo"][2]["args"] = new Array("books.html");

click_events["logo"][3] = new Object();

click_events["logo"][3]["min_x"] = menu_splits[2] + 1;

click_events["logo"][3]["max_x"] = menu_width - 1;

click_events["logo"][3]["min_y"] = 0;

click_events["logo"][3]["max_y"] = menu_height;

click_events["logo"][3]["func"] = switch_page;

click_events["logo"][3]["args"] = new Array("links.html", "linksend.html");

function mouse_pos(event) { 

    var offset = $("#logo").offset();   

    return new Array(event.pageX - offset.left, 

                     event.pageY - offset.top);

}

function handle_click(event) {

    var xy = mouse_pos(event);

    var x = xy[0];

    var y = xy[1];

    for (var i in click_events[event.target.id]) {

        var ces = click_events[event.target.id][i];

        if (ces && x >= ces["min_x"] && x <= ces["max_x"]

            && y >= ces["min_y"] && y <= ces["max_y"]) {    

            ces["func"](event.target.id, ces);

            break;

        }

    }

}

function switch_page(id, params) {

    var page = params["args"][0];

    $("body").load(page);

    document.location.href = page;    

}

function colour_area(image, min_x, max_x, min_y, max_y, colour) {   

    var pixels = image.data;    

    for (var y = min_y; y <= max_y; y += 1) {

        for (var x = min_x; x <= max_x; x += 1) {

            var pix_colour = getPixel(image, x, y);

            if (pix_colour.a > 0) {

                colour.a = pix_colour.a;

                setPixel(image, x, y, colour);

            }

        }

    }    

}

function init_logo(event) {

    var canvas = document.getElementById("logo");

    var context = canvas.getContext("2d");    

    canvas.width = menu_width;

    canvas.height = menu_height;

    context.drawImage(event.target, 0, 0);

    var image = context.getImageData(0, 0, menu_width, menu_height);

    var white = new Colour(255, 255, 255);

    var black = new Colour(0, 0, 0);

    var orange = new Colour(201, 87, 35);

    var green = new Colour(90, 215, 21);

    var found = false;

    for (var i in click_events["logo"]) {

        var p = click_events["logo"][i]; 

        var min_x = p["min_x"];

        var max_x = p["max_x"];

        var min_y = p["min_y"];

        var max_y = p["max_y"];

        var pos = document.location.href.lastIndexOf("/") + 1; 

        var page = document.location.href.substr(pos);        

        for (var j in p["args"]) {

            if (page == p["args"][j]) {         

                colour_area(image, min_x, max_x, 0, 60, orange);

                colour_area(image, min_x, max_x, 60, max_y, white);                        

                found = p;

                break;

            }

        }

        if (!found) {

            colour_area(image, min_x, max_x, 0, 60, white);

            colour_area(image, min_x, max_x, 60, max_y,  orange);          

        }

    } 

    context.putImageData(image, 0, 0);        

    // context.fillStyle = green.str();

    // console.log((found["max_x"] - found["min_x"]) / 2 + found["min_x"] - 2);

    // context.fillRect((found["max_x"]-found["min_x"])/2+found["min_x"]-1, 95, 2, 5);  

    drawMenuLines();   

}

function drawMenuLines() {

    var canvas = document.getElementById("logo");

    var context = canvas.getContext("2d");  

    var image = context.getImageData(0, 0, menu_width, menu_height);

    var pixels = image.data;

    context.lineCap = "round";

    context.lineWidth = 1;

    var colour1a = new Colour(0, 0, 0, 0.1);

    context.beginPath();   

    context.moveTo(0, menu_height - 1);

    context.lineTo(menu_width - 1, menu_height - 1);   

    context.closePath();  

    context.strokeStyle = colour1a.str();

    context.stroke(); 

    var colour1e = new Colour(0, 0, 0, 0.05);  

    context.beginPath();   

    context.moveTo(70, menu_height - 1);

    context.lineTo(menu_width - 71, menu_height - 1);   

    context.closePath();  

    context.strokeStyle = colour1e.str();

    context.stroke();  

    var colour1b = new Colour(0, 0, 0, 0.05);  

    context.beginPath();   

    context.moveTo(50, menu_height - 1);

    context.lineTo(menu_width - 51, menu_height - 1);   

    context.closePath();  

    context.strokeStyle = colour1b.str();

    context.stroke();

    var colour1c = new Colour(0, 0, 0, 0.05);  

    context.beginPath();   

    context.moveTo(25, menu_height - 1);

    context.lineTo(menu_width - 26, menu_height - 1);   

    context.closePath();  

    context.strokeStyle = colour1c.str();

    context.stroke();

    var colour1d = new Colour(0, 0, 0, 0.05);  

    context.beginPath();   

    context.moveTo(10, menu_height - 1);

    context.lineTo(menu_width - 11, menu_height - 1);   

    context.closePath();  

    context.strokeStyle = colour1d.str();

    context.stroke();  

    var colour2 = new Colour(0, 0, 0, 0.2);

    context.beginPath();  

    context.moveTo(menu_splits[0], 0); 

    context.lineTo(menu_splits[0], menu_height - 1);

    context.moveTo(menu_splits[1], 0);

    context.lineTo(menu_splits[1], menu_height - 1);

    context.moveTo(menu_splits[2], 0);

    context.lineTo(menu_splits[2], menu_height - 1);

    context.closePath();

    context.strokeStyle = colour2.str();

    context.stroke();

    context.clearRect(menu_splits[0] - 1, menu_height - 1, 2, 2);

    context.clearRect(menu_splits[1] - 1, menu_height - 1, 2, 2);

    context.clearRect(menu_splits[2] - 1, menu_height - 1, 2, 2);

    context.clearRect(menu_splits[0] - 1, menu_height - 2, 1, 1);

    context.clearRect(menu_splits[1] - 1, menu_height - 2, 1, 1);

    context.clearRect(menu_splits[2] - 1, menu_height - 2, 1, 1);

}

function clearMenuLines() {

    var canvas = document.getElementById("logo");

    var context = canvas.getContext("2d");  

    var image = context.getImageData(0, 0, menu_width, menu_height);

    var pixels = image.data;

    context.clearRect(0, menu_height - 2, menu_width - 1, 2);

    context.clearRect(menu_splits[0] - 1, 0, 2, menu_height - 1);

    context.clearRect(menu_splits[1] - 1, 0, 2, menu_height - 1);

    context.clearRect(menu_splits[2] - 1, 0, 2, menu_height - 1);

}

function update_logo() {

    var canvas = document.getElementById("logo");

    var context = canvas.getContext("2d");  

    var image = context.getImageData(0, 0, menu_width, menu_height);

    var pixels = image.data;

    var white = new Colour(255, 255, 255);

    for (var y = 0; y < menu_height; y += 1) {

        for (var x = 0; x < menu_width; x += 1) {

            var pix_colour = getPixel(image, x, y);

            if (pix_colour.a > 0) {

                setPixel(image, x, y, new Colour(90, 215, 21, pix_colour.a));

            }

        }

    }   

    context.putImageData(image, 0, 0);

}

function Colour(r, g, b, a) {

    this.r = r;

    this.g = g;

    this.b = b;

    this.a = a == undefined ? 255 : a;

}

Colour.prototype.equals = function(rhs) {

    for (p in this) {

        if (typeof(rhs[p]) == undefined

           || this[p] != rhs[p]) {           

            return false;

        }

    }

    return true;

}

Colour.prototype.str = function() {

    return "rgba(" + this.r + "," + this.g + "," + this.b + "," + this.a + ")";

}

function setPixel(image, x, y, colour) {

    var index = 4 * (x + y * image.width);

    image.data[index] = colour.r;

    image.data[index + 1] = colour.g;

    image.data[index + 2] = colour.b;

    image.data[index + 3] = colour.a;

}

function getPixel(image, x, y) {   

    var index = 4 * (x + y * image.width);

    var r = image.data[index];

    var g = image.data[index + 1];

    var b = image.data[index + 2];

    var a = image.data[index + 3];

    return new Colour(r, g, b, a);

}

function load_random_quote() {

    var file = "/quotes/quote" + Math.floor(Math.random() * QUOTES_NUMBER + 1) + ".html";

    $.ajax({url: SERVER + file,

            success: write_quote});

}

function write_quote(data, status, xhr) {   

    $("#random_quote").html(data);

}

function load_footer()

{

	var file = "/footer.html";

	var currentFile = self.location.hostname + self.location.pathname;		

	var request = http_request_object();

	var url  = "http://" + self.location.hostname + file;	

	request.open("GET", url, false);

	request.setRequestHeader("User-Agent", navigator.userAgent);

	request.send(null)

	// if (oRequest.status == 200) alert(oRequest.responseText);

	// else alert("Error executing XMLHttpRequest call!");	

	//document.write(url);

	//document.write(request.responseText);

    document.getElementById('footer').innerHTML = request.responseText;

}

// Mandelbrot functions

function Complex(real, imag) 

{

	this.real = real;

	this.imag = imag;

}

var MIN_C = new Complex(-2.2, -1.4);

var MAX_C = new Complex(1.0, 1.4);

var min_c = MIN_C;

var max_c = MAX_C;

var MIN_ITER = 100;

var max_iter = MIN_ITER;

var zoom = 1.0;

var resolution = 3;

var bailout = 4.0;

function Result(z, iter) 

{

	this.z = z;

	this.iter = iter;

}

function complex_quad(c)

{

	return new Complex(Math.pow(c.real, 2) - Math.pow(c.imag, 2), 

		2.0 * c.real * c.imag);

}

function complex_quad_value(c)

{

	return Math.pow(c.real, 2) + Math.pow(c.imag, 2);

}

function complex_add(c1, c2)

{

	return new Complex(c1.real + c2.real, c1.imag + c2.imag);

}

function complex_equal(c1, c2)

{	

	return (c1.real == c2.real) && (c1.imag == c2.imag);

}

function iterate(z, c) 

{

	z_quad = complex_quad(z);

	return new Complex(z_quad.real + c.real, z_quad.imag + c.imag);

}

function test(c, max_iter) 

{

	var iter = 0;

	var z = new Complex(0.0, 0.0);

	var last_z = new Complex(-1.0, 0.0);

	var quad_z = complex_quad_value(z);

	while (iter < max_iter

		&& !complex_equal(z, last_z)

		&& quad_z <= bailout)

	{

		last_z = z;

		z = iterate(z, c);

		quad_z = complex_quad_value(z);

		iter++;

	}

	return new Result(quad_z, iter);

}

function draw(diter, dx, dy, dz, dres)

{  

	var canvas = document.getElementById('mandelbrot'); 

	if (canvas.getContext)

	{  

		zoom += dz;

		var ctx = canvas.getContext('2d');

		if (dres != 0)

		{		

			resolution = Math.max(1, resolution + dres);

		}

		if (diter != 0)

		{

			max_iter = Math.max(MIN_ITER, max_iter + diter);

		}

		var red = "rgb(255, 0, 0)";

		var white = "rgb(255, 255, 255)";

		var width = canvas.width;

		var height = canvas.height;

		var dim = Math.max(width, height);

		var dim_ratio = Math.round(width / height);	

		var diff_c = new Complex(max_c.real - min_c.real,

			max_c.imag - min_c.imag);

		dx_min = diff_c.real / 100 * (dx + dz);

		dx_max = diff_c.real / 100 * (dx - dz);

		dy_min = diff_c.imag / 100 * (dy + dz);

		dy_max = diff_c.imag / 100 * (dy - dz);

		var min_inc = new Complex(dx_min * dim_ratio / 2.0, dy_min);

		var max_inc = new Complex(dx_max * dim_ratio / 2.0, dy_max);

		min_c = complex_add(min_c, min_inc);

		max_c = complex_add(max_c, max_inc);

		diff_c = new Complex(max_c.real - min_c.real,

			max_c.imag - min_c.imag);

		for (var y = 0; y < height; y += resolution) 

		{

			for (var x = 0; x < width; x += resolution) 

			{    			

				var c = new Complex(min_c.real + diff_c.real / dim * x, 

					min_c.imag + diff_c.imag / dim * y);  	

			 	var result = test(c, max_iter);	

		 		var r = Math.min(255, Math.pow(Math.max(0, 

		 			(result.iter - max_iter / 20.0)), 2));

				var g = Math.min(255, Math.pow(Math.max(0, 

					(result.iter - max_iter / 25.0)), 2));			

		 		var b = Math.min(255, Math.pow(Math.max(0, 

					(result.iter - max_iter / 20.0)), 2));

		 		var colour = "rgb(" + r + "," + g + "," + b + ")";

		 		ctx.fillStyle = colour; 

				ctx.fillRect(x, y, resolution, resolution);			

			}

  		}

	}  

} 

function getEventOffsetX(evt)

{

	if (evt.offsetX != null)

		return evt.offsetX;

    var obj = evt.target || evt.srcElement;

   	setPageTopLeft(obj);

    return (evt.clientX - obj.pageLeft);

}

function getEventOffsetY(evt)

{

	if (evt.offsetY != null)

		return evt.offsetY;

    var obj = evt.target || evt.srcElement;

   	setPageTopLeft(obj);

    return (evt.clientY - obj.pageTop);

}

function setPageTopLeft( o )

{

    var top = 0,

    left = 0,

    obj = o;

    while (o.offsetParent)

     {

         left += o.offsetLeft ;

         top += o.offsetTop ;

         o = o.offsetParent ;

    };

    obj.pageTop = top;

    obj.pageLeft = left; 

}

function draw2(evt)

{

	var iter = 0;

	var res = 0;

	var x = (getEventOffsetX(evt) - 335) / 167.5;

    var y = (getEventOffsetY(evt) - 140) / 70;

	var z = 0;

	draw(iter, x, y, z, res);

}