// JavaScript Document




function showtip(state, img)
{
	switch(state)
	{
		case "enlarge"	: text = "Enlarge image"; break;
		case "download"	: text = "Download zipped image"; break;
		case "comp"		: text = "Download comp"; break;
		case "del"		: text = "Remove image"; break;
		case "buy"		: text = "Specify Usage"; break;
		case "add"		: text = "Add Image to lightbox"; break;		
		default 		: text = "default"; break;
	}
	
	document.getElementById(img).innerHTML= text;
}

function cleartip(img)
{
	document.getElementById(img).innerHTML="";
}


function openwindow(imageid)
{
	url = 'usage_spec.php?imageid=' + imageid;
	child = window.open(url, "win", 'width=500, height=700');
	child.opener = this;
}


function popWindow(imageid)
{
	
	var url="ajax_get_jpeg_dims.php?imageid=" + imageid //?PHPSESSID=" + sessid // must be changed.
	xmlHttp=GetXmlHttpObject(windowPopper)
	xmlHttp.open("GET", url , true)
	xmlHttp.send(null)

}

function windowPopper()
{
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
		str = xmlHttp.responseText;
		ray = str.split("|");

		orientation = ray[0];
		imageid = ray[1];
		
		if (orientation == "horiz")
		{				
			url = 'usage_spec.php?imageid=' + imageid + "&orient=" + orientation;
			child = window.open(url, "win", 'width=500, height=500');
			child.opener = this;		
		} else {
			url = 'usage_spec.php?imageid=' + imageid + "&orient=" + orientation;
			child = window.open(url, "win", 'width=500, height=700');
			child.opener = this;	
		}
	}
}

function deleteImage(imageid, lightbox)
{
	var verify = "Are you sure you want to delete this image?";
	var agree = confirm(verify);
	if (agree)
	{
		new Ajax.Request('ajax/delete_image.php?imageid=' + imageid,
	  	{
    	method:'get',
    		onSuccess: function(transport) {
      			var response = transport.responseText || "no response text";
				var value = parseInt(response)

				if (value == 1)
				{
					$('oneImage' + imageid).remove();
					updateNumImages();
				}
				else				
					imageDeletedPopUp(value, imageid, lightbox);
    		},
    		onFailure: function(){ 
				alert('Something went wrong...') 				 
			}
  		});	
	}
}


function imageDeletedPopUp(code, imageid, lightbox) {
	var d=document
   	var b=d.getElementsByTagName('body')[0]
   	var dvs=d.createElement('div')
	dvs.id = "imageDeletedPopUp"

   	dvs.style.position='absolute'
	dvs.style.top='50%'
	dvs.style.left='40%'
 	dvs.style.width='300px'
 	dvs.style.height='150px'
 	dvs.style.opacity='0.95'
	dvs.style.backgroundColor='#CCC'

	var objTxt = d.createElement('span')
	objTxt.id = "imageDeletedMessage"
	objTxt.style.fontFamily = "Verdana"
	objTxt.style.fontSize = "22px"
	objTxt.style.fontColor = "black"
	objTxt.style.paddingTop = "20px"
	objTxt.style.paddingLeft = "20px"
	
	switch (code) {
		case 1 :  	// success
					objTxt.innerHTML = "Image " + imageid + " removed from the " + lightbox + " lightbox."
					break;
		case 2 : 	// existing image in the lightbox
					objTxt.innerHTML = "Image " + imageid + " is not in the " + lightbox + " lightbox."
					break;
		case 3 : 	// existing image in the lightbox
					objTxt.innerHTML = "No current lightbox"
					break;					
		case 4 : 	// existing image in the lightbox
					objTxt.innerHTML = imageid + " is not a valid imageid"
					break;										
					
		default : 	
					break;
	}
	
	var objLoadDiv = d.createElement('div')
	objLoadDiv.id='loading'
	objLoadDiv.style.textAlign = "center"
	objLoadDiv.style.paddingTop = "30px"
	objLoadDiv.style.display = "none"
	objLoadDiv.innerHTML = '<img src="images/loading.gif"><br>processing...'

	dvs.appendChild(objTxt)
	dvs.appendChild(objLoadDiv);	
   	b.appendChild(dvs)

	dvs.onmouseover = function (e) {
		d.onclick = "";
	}

	dvs.onmouseout = function (e) {
		d.onclick= function (e) {
			destroyDeleteImagePopUp()
		}
	}
}

function destroyDeleteImagePopUp()
{
	// restore document onclick behaviour
	document.onclick=""
	// remove createLBPopUp div
	Element.remove('deleteImagePopUp');
}

function usageSpecHandler(imageid)
{
	new Ajax.Request('ajax/get_jpeg_dims.php?imageid=' + imageid,
	  	{
    		method:'get',
    		onSuccess: function(transport) {
      			var response = transport.responseText || "no response text";
				values = response.split('|')
				usageSpecPopUp(imageid, values[0])
    		},
    		onFailure: function(){ 
				alert('Something went wrong...') 				 
			}
  		});		
}

function usageSpecPopUp(imageid, orientation)
{
	var d=document
   	var b=d.getElementsByTagName('body')[0]
   	var dvs=d.createElement('div')
	dvs.id = "usageSpecPopUp"

   	dvs.style.position='fixed'
	dvs.style.top='50%'
	dvs.style.left='50%'

	if (orientation == "horiz")
	{
		dvs.style.width='550px'
 		dvs.style.height='400px'
	}
	else
	{
 		dvs.style.height='550px'
		dvs.style.width='400px'
	}

	dvs.style.opacity='0.95'
	dvs.style.backgroundColor='#CCC'

	var objTxt = d.createElement('span')
	objTxt.id = "usageSpecMessage"
	objTxt.style.fontFamily = "Verdana"
	objTxt.style.fontSize = "22px"
	objTxt.style.fontColor = "black"
	objTxt.style.paddingTop = "20px"
	objTxt.style.paddingLeft = "20px"
	
	objTxt.innerHTML = "Please enter in specific usage specifications for this individual image, " + imageid + ". Print run, placement, size, etc."  
	
	var objLoadDiv = d.createElement('div')
	objLoadDiv.id='loading'
	objLoadDiv.style.textAlign = "center"
	objLoadDiv.style.paddingTop = "30px"
	objLoadDiv.style.display = "none"
	objLoadDiv.innerHTML = '<img src="images/loading.gif"><br>processing...'

	dvs.appendChild(objTxt)
	dvs.appendChild(objLoadDiv);	
   	b.appendChild(dvs)

	dvs.onmouseover = function (e) {
		d.onclick = "";
	}

	dvs.onmouseout = function (e) {
		d.onclick= function (e) {
			destroyDeleteImagePopUp()
		}
	}		
	
}

function viewlbMessagePopUp(message)
{
var d = document
   	var b = d.getElementsByTagName('body')[0]
/*	var lb = Form.getElements('lbDropDown')[0].value // the selected lightbox
	var lightboxes = true;
	
	if ((Form.getElements('lbDropDown')[0].options[0].innerHTML == "no lightboxes") && (lb == "lb"))
		lightboxes = false;
*/		
	
	var popup = d.createElement('div')
	popup.id = "addusage_popup"

	/* ff */	
	if (ie)	
	{
		popup.style.top = Math.round((document.body.clientHeight/2)-(popup.style.height/2)+document.body.scrollTop)+'px';
    	popup.style.left = Math.round((document.body.clientWidth/2)-(popup.style.width/2))+"px";

	}
	else
	{
		popup.style.top = Math.round((document.documentElement.clientHeight/4)-(popup.style.height/4)+document.documentElement.scrollTop)+'px';
	    popup.style.left = Math.round((document.documentElement.clientWidth/2)-(popup.style.width/2))+"px";

	}	

		var pop_dialog_table = d.createElement('table')
		pop_dialog_table.className='pop_dialog_table'
		pop_dialog_table.id = "d_table"
			
			var tbody = d.createElement('tbody')
			var tr1 = d.createElement('tr')
			
				var td1_tr1 = d.createElement('td')
				td1_tr1.className = 'pop_topleft'
				var td2_tr1 = d.createElement('td')
				td2_tr1.className = 'pop_border'				
				var td3_tr1 = d.createElement('td')								
				td3_tr1.className = 'pop_topright'				
				
			tr1.appendChild(td1_tr1)
			tr1.appendChild(td2_tr1)
			tr1.appendChild(td3_tr1)
			
			tbody.appendChild(tr1)
			
			var tr2 = d.createElement('tr')
			
				var td1_tr2 = d.createElement('td')
				td1_tr2.className = 'pop_border';
				
				var td2_tr2 = d.createElement('td')
				td2_tr2.id = 'pop_content'
				td2_tr2.className = 'pop_content'
				
				var h2 = d.createElement('h2')
				h2.innerHTML = 'Must supply usage information'

				td2_tr2.appendChild(h2)
				
				var dialog_content = d.createElement('div')
				dialog_content.className = 'dialog_content'
				
					var dialog_body = d.createElement('div')
					dialog_body.className = 'dialog_body'
					dialog_body.style.height = "45px" //asdf
					
						var addUsageMessage = d.createElement('span')
						addUsageMessage.id = "addUsageMessage"
						addUsageMessage.className = "popup_message"
						
						addUsageMessage.innerHTML = message

						var objLoadDiv = d.createElement('div')
						objLoadDiv.id='loading'
						objLoadDiv.style.textAlign = "center"
						objLoadDiv.style.color = "black"
						objLoadDiv.style.display = "none"
						objLoadDiv.innerHTML = '<img src="images/loading_sm.gif"><br>loading...'

						
					dialog_body.appendChild(addUsageMessage)
					dialog_body.appendChild(objLoadDiv)

					var dialog_buttons = d.createElement('div')
					dialog_buttons.className = 'dialog_buttons'
					dialog_buttons.style.textAlign = "center"
					dialog_buttons.style.height = "20px"
						
					var objInpButOk = d.createElement('input')
					objInpButOk.id = "lbFormInputOk"
					objInpButOk.type = "button"
					objInpButOk.value = "Ok"
					objInpButOk.style.fontSize = "15px"
//					objInpButOk.style.display = "none"						
					objInpButOk.onclick = function (e) {
							destroyViewlbMessagePopUp()
					}									
						
					dialog_buttons.appendChild(objInpButOk)					
					
				dialog_content.appendChild(dialog_body)
				dialog_content.appendChild(dialog_buttons)
				
				td2_tr2.appendChild(dialog_content)
				
				var td3_tr2 = d.createElement('td')
				td3_tr2.className = 'pop_border'
				
				tr2.appendChild(td1_tr2)
				tr2.appendChild(td2_tr2)
				tr2.appendChild(td3_tr2)
				
				tbody.appendChild(tr2)
				
				var tr3 = d.createElement('tr')
				
					var td1_tr3 = d.createElement('td')
					td1_tr3.className = 'pop_bottomleft'
					var td2_tr3 = d.createElement('td')
					td2_tr3.className = 'pop_border'
					var td3_tr3 = d.createElement('td')
					td3_tr3.className = 'pop_border'				
					
					tr3.appendChild(td1_tr3)
					tr3.appendChild(td2_tr3)
					tr3.appendChild(td3_tr3)
					
				tbody.appendChild(tr3)
			
		pop_dialog_table.appendChild(tbody)				
					
	popup.appendChild(pop_dialog_table)				

/*
	setTimeout("document.onclick= function (e) {destroyDeleteLBPopUp()}", 200)
	

	popup.onmouseover = function (e) {
		d.onclick = "";
	}

	popup.onmouseout = function (e) {
		d.onclick= function (e) {
			destroyDeleteLBPopUp()
		}
	}
*/	
	b.appendChild(popup)
}

function destroyViewlbMessagePopUp()
{
	document.onclick=""
	if ($('addusage_popup'))
	Element.remove('addusage_popup');
}