/* 
 * Author: Martin Okorodudu <webmaster@fotocrib.com>
 * Copyright (c) 2007 fotocrib.com
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met
 * 	1. Redistributions of source code must retain the above copyright notice
 * 	2. Redistributions in binary form must reproduce the above copyright notice
 */


function doAction(fn, id, barId) {
	showProgress(barId)
	imgSrc = document.getElementById(id).src
	document.getElementById(id).src = "http://www.fotocrib.com/fototools.php?q=" + fn + "&s=" + imgSrc  
}

function hideProgress(id) {
	document.getElementById(id).style.visibility = "hidden"
}

function showProgress(id) {
	document.getElementById(id).style.visibility = "visible"
}

function generateId(len) {
	var id = ""
	for (var i = 0; i < len; i++) {
		id+= Math.round(Math.random() * 10)
	}
	return id
}

function construct(imageSetup) {
	for (var i in imageSetup) {
		draw(imageSetup[i])
	}
}

function showPic(id) {
	document.getElementById(id).style.display = "block"
}

function hidePic(id) {
	document.getElementById(id).style.display = "none"
}


function draw(info) {
	var barId = generateId(4)
	var containerId = generateId(4)
	
	var imageHTML = '<div align="right" style="height:18px;background:#1A1A63"><img title="open" class="nav" src="icons/add.png" onClick="showPic(\'' +containerId+'\')" /> <img title="close" class="nav" src="icons/cross.png" onClick="hidePic(\'' +containerId+'\')" /></div><br />'
	imageHTML += '<div style="overflow:auto" id="'+containerId+'"><center>'
	imageHTML += '<div id="%bar%">'
	imageHTML += '<img src="icons/loading2.gif" /></div><br />'
	imageHTML = imageHTML.replace(/%bar%/, barId)

	var fn = "hideProgress('" + barId + "')"
	var img = '<img id="%id%" src="%src%" onLoad="' + fn + '" />'	
	imageHTML += img.replace(/%bar%/, barId)
	imageHTML = imageHTML.replace(/%id%/, info["id"])
	imageHTML = imageHTML.replace(/%src%/, info["src"])

	var click = "doAction(this.title, '%id%', '%bar%')"
	click = click.replace(/%id%/, info["id"])
	click = click.replace(/%bar%/, barId)

	imageHTML += '<br /><br /><div style="height:15px">'
	imageHTML += '<img class="menu" src="icons/world.png" title="round" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/user_gray.png" title="focus" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/shape_square.png" title="cube" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/picture_delete.png" title="thumbnail" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/paintbrush.png" title="paint" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/palette.png" title="repaint" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/photo.png" title="frame" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/contrast_high.png" title="brighten" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/contrast_low.png" title="blur" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/contrast_decrease.png" title="grayscale" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/package_green.png" title="emboss" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/page_lightning.png" title="sobel" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/picture_go.png" title="mirror" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/rainbow.png" title="rframe" onClick="' + click + '" /> '
	imageHTML += '<img class="menu" src="icons/picture_add.png" title="raise" onClick="' + click + '" /></div><br /><br />'
	imageHTML += '</center></div>'
		
	document.getElementById(info["parent_id"]).innerHTML = imageHTML
}