var fn = {
el: {
get: function(id) {
var el = document.getElementById(id);
if (el)
return el;
else
return null;
},
style: function(id,st,value) {
var obj = fn.el.get(id);
obj.style[st] = value;
},
attribute: function(id,attr,value) {
var obj = fn.el.get(id);
obj.setAttribute(attr,value);
}
},
strings: {
aText: new Array(),
clear: function() {
aText = new Array();
},
add: function(txt) {
aText.push(txt);
},
concat: function(sep) {
return aText.join(sep);
}
},
popup: {
show: function(position) {
var p = fn.el.get('popup');
for (var a in position) {
p.style[a] = position[a];
}
return p;
},
hide: function() {
var p = fn.el.get('popup');
p.style.display = 'none';
}
},
images: {
preLoad: function(filename,destImageID,onLoadCallback) {
return (new rmLoadImage(filename,destImageID,onLoadCallback));
}
}
}
function rmLoadImage(filename,destImage,onLoadCallback) {
var destination = destImage;
var callback = onLoadCallback;
var img = new Image();
if (callback) {
img.onload = function() {
if (callback)
callback();
if (destination) {
var el = fn.el.get(destination);
el.src = img.src;
}
}
img.src = filename;
}
else {
var el = fn.el.get(destination);
el.src = filename;
}
return img;
}
function setFocus(obj) {
obj.style.border='1px solid #ff0';
obj.style.backgroundColor='#FC890A';
}
function unFocus(obj) {
obj.style.border='1px solid #008';
obj.style.backgroundColor='#fff';
}
function showMessage() {
fn.popup.show({left:'50%',top:'68px',width:'480px',marginLeft:'-20px',height:'380px',display:'block'});
var content = '
Please enter your name:
'+
'
Please enter your email address:
'+
'Please type your message in the box below:'+
'';
fn.el.get('popupContent').innerHTML = content;
setTimeout(function(){fn.el.get('txtName').focus();},50);
}
function sendMessage() {
var name = fn.el.get('txtName').value;
var emailAddress = fn.el.get('txtEmailAddress').value;
var message= fn.el.get('txtMessage').value;
if (name=='') {
alert('Please enter your Name');
fn.el.get('txtName').focus();
} else if (emailAddress=='') {
alert('Please enter your email address so we can contact you');
fn.el.get('txtEmailAddress').focus();
} else if (message=='') {
alert('Please enter your message to us before sending');
fn.el.get('txtMessage').focus();
} else {
ajax.request('','ajax/sendMessage.asp?name='+escape(name)+'&emailAddress='+escape(emailAddress)+'&message='+escape(message),function(result) {
alert('Your message has been successfully sent to Kenny Mckaig Photography.');
fn.popup.hide();
});
}
}
function showLogin(refreshAlbumsList,showAlbumID) {
fn.popup.show({left:'50%',top:'68px',width:'260px','marginLeft':'235px',height:'160px',display:'block'});
var content = '
Username:
'+
'Password:'+
'';
fn.el.get('popupContent').innerHTML = content;
setTimeout(function(){fn.el.get('userName').focus();},50);
}
function login(refreshAlbumsList,showAlbumID) {
var username = fn.el.get('userName').value;
var password = fn.el.get('password').value;
if (username=='') {
alert('Please enter the user name given to you');
fn.el.get('userName').focus();
} else if (password=='') {
alert('Please enter the password given to you');
fn.el.get('password').focus();
} else {
ajax.request('','ajax/checkLogin.asp?user='+username+'&pwd='+password,function(result) {
if (result=='error') {
alert('Your username or password was not recognized, please try again.');
fn.el.get('userName').focus();
fn.el.get('userName').select();
} else {
fn.el.get('shade').style.display='none';
fn.popup.hide();
fn.el.get('loginButton').style.display='none';
fn.el.get('welcome').innerHTML = result+', click here to logout';
fn.el.get('welcome').style.display='block';
if (refreshAlbumsList)
selectCategory(current.categoryName,current.categoryID);
if (showAlbumID!=-1)
showAlbum(showAlbumID);
}
});
}
}
function logout(refreshAlbumsList) {
ajax.request('','ajax/logout.asp',function() {
fn.el.get('loginButton').style.display='block';
fn.el.get('welcome').innerHTML = '';
fn.el.get('welcome').style.display='none';
if (refreshAlbumsList)
selectCategory(current.categoryName,current.categoryID);
});
}
function showBuy() {
fn.el.get('shade').style.display='block';
fn.popup.show({left:'50%',top:'120px',width:'490px','marginLeft':'-250px',height:'450px',display:'block'});
var dropdown = '';
var content = '
Buy this photograph
'+
''+
'
'+
'
'+
'
Print sizes
'+
'
Price
'+
'
Quantity
'+
'
'+
'
'+
'
6" x 4"
'+
'
£10.00
'+
''+
'
'+
'
'+
'
7" x 5"
'+
'
£15.00
'+
''+
'
'+
'
'+
'
8" x 6"
'+
'
£20.00
'+
''+
'
'+
'
'+
'
10" x 8"
'+
'
£23.00
'+
''+
'
'+
'
'+
'
12" x 8"
'+
'
£30.00
'+
''+
'
'+
'
'+
'
16" x 11"
'+
'
£50.00
'+
''+
'
'+
'
'+
'
All sizes are approximate
Other sizes are available by request
Prices include postage and secure envelope
'+
'';
fn.el.get('popupContent').innerHTML = content;
// setTimeout(function(){fn.el.get('userName').focus();},50);
}
var basketHistory = new Array();
function addToBasket() {
var totalQty = 0;
totalQty += parseInt(fn.el.get('size6').value);
totalQty += parseInt(fn.el.get('size7').value);
totalQty += parseInt(fn.el.get('size8').value);
totalQty += parseInt(fn.el.get('size10').value);
totalQty += parseInt(fn.el.get('size12').value);
totalQty += parseInt(fn.el.get('size16').value);
if (totalQty>0) {
var url = 'ajax/addToBasket.asp?album='+currentAlbum+'&img='+currentImage
+'&size6='+fn.el.get('size6').value
+'&size7='+fn.el.get('size7').value
+'&size8='+fn.el.get('size8').value
+'&size10='+fn.el.get('size10').value
+'&size12='+fn.el.get('size12').value
+'&size16='+fn.el.get('size16').value;
basketHistory.push(url);
ajax.request('',url,function() {
fn.el.get('shade').style.display='none';
fn.popup.hide();
});
} else
alert('Please select a quantity beside the Print Sizes you would like to order');
}
function getBasket() {
ajax.request('','ajax/getBasket.asp',function(result) {
if (result=='timeout') {
if (confirm('Your session has timed out and for security reasons your basket has been emptied.\n\nWe can, if you like, place the items you had ordered back into your basket.\n\nIf you don\'t want us to do this, please press the Cancel button.')) {
for (var url in basketHistory) {
ajax.request('',basketHistory[url]);
}
}
} else {
fn.el.get('shade').style.display='block';
fn.popup.show({left:'50%',top:'40px',width:'650px','marginLeft':'-325px',height:'600px',display:'block'});
var content = '
Your basket
';
var basket = eval('('+result+')');
if (basket.length==0) {
content += '
There are no items in your basket
'+
'';
} else {
content += '
'+
'
.
'+
'
Photograph
'+
'
Details
'+
'
Cost
'+
'
'+
'
'+
'
';
var total = 0;
for (var line in basket) {
var orderLine = basket[line];
content += '
'+
''+
'
'+
'
'+
'
Size:
'+orderLine.printSize+'
'+
'
Price:
£'+orderLine.price+'
'+
'
Quantity:
'+
'
'+
'
£'+(orderLine.price*orderLine.quantity)+'
'+
'
'+
'
';
total += (orderLine.price*orderLine.quantity);
}
content += '
Total cost: £'+total+'
'+
'';
};
fn.el.get('popupContent').innerHTML = content;
}
});
}
function removeBasketItem(which) {
ajax.request('','ajax/removeBasketItem.asp?which='+which,function() {
getBasket();
});
}
function changeQuantity(obj,which) {
ajax.request('','ajax/updateBasket.asp?which='+which+'&qty='+obj.value,function() {
getBasket();
});
}
function checkout() {
fn.popup.hide();
fn.popup.show({left:'50%',top:'40px',width:'800px','marginLeft':'-400px',height:'600px',display:'block'});
ajax.request('','ajax/paymentOptions.asp',function(result) {
fn.el.get('popupContent').innerHTML = result;
setTimeout('fn.el.get("firstname").focus()',100);
});
}
function paymentComplete() {
fn.popup.show({left:'50%',top:'40px',width:'600px','marginLeft':'-300px',height:'600px',display:'block'});
ajax.request('','ajax/orderComplete.asp',function(result) {
fn.el.get('popupContent').innerHTML = result;
});
}
function paymentFailed() {
fn.popup.show({left:'50%',top:'40px',width:'600px','marginLeft':'-300px',height:'600px',display:'block'});
ajax.request('','ajax/orderFailed.asp',function(result) {
fn.el.get('popupContent').innerHTML = result;
});
}
var scenes = Array();
var actors = Array();
function Scene(name,frameLength)
{
scenes[name] = this;
this.frames = Array();
this.name = name;
this.numFrames = 0;
this.frameLength = frameLength;
this.action = action;
this.nextFrame = nextFrame;
this.moveActors = moveActors;
this.addActor = addActor;
this.instructActor = instructActor;
this.debug=debug;
}
/*
Actor instructions
style property to change
property
startValue
endValue
startFrame
endFrame
addPX
*/
function addActor(id)
{
if (!actors[id])
actors[id] = document.getElementById(id);
}
function instructActor(id,instructions)
{
this.addActor(id);
if (instructions.endFrame)
{
if (instructions.endFrame>this.numFrames)
this.numFrames = instructions.endFrame;
}
else
{
if (instructions.frame>this.numFrames)
this.numFrames = instructions.frame;
}
if (instructions.type=='setStyle' || instructions.type=='setAttr')
{
if (!this.frames['f'+instructions.frame])
this.frames['f'+instructions.frame] = '';
this.frames['f'+instructions.frame] += ';'+id+':'+instructions.type+':'+instructions.property+':'+instructions.value;
}
else
{
var numFrames = instructions.endFrame-instructions.startFrame+1;
var distance = (instructions.endValue-instructions.startValue);
var px = (instructions.addPX?'px':'');
var nStartFrame = instructions.startFrame;
var nEndFrame = instructions.endFrame;
var constSpeed = {
stepSize: distance/numFrames
};
var nValue = instructions.startValue;
var speed = 0;
var frame = nStartFrame-1;
var nStartPos = instructions.startValue;
var nEndPos = instructions.endValue;
if (instructions.accelerate)
{
var increment = constSpeed.stepSize/1000;
while (Math.abs(increment)';
}
function showPopup(left,top,width,height) {
}
'+
'
'+
' '+
'