var objBottomNavCloseform = document.createElement("form");
var objBottomNavClosebrake1 = document.createElement("br");
var ParaTo = document.createElement("div");
var ParaFrom = document.createElement("div");



			var image_height;
			var width_image;
			var width_container;



var ParaMessage = document.createElement("div");
var objBottomNavClosebrake4 = document.createElement("br");
var objBottomNavClosebrake5 = document.createElement("br");
var objBottomNavClosebrake6 = document.createElement("br");
var objBottomNavClosebrake7 = document.createElement("br");
var objBottomNavClosebrake8 = document.createElement("br");
var objBottomNavCloseImageURL = document.createElement("input");
var objBottomNavCloseTo = document.createElement("input");
var objBottomNavCloseFrom = document.createElement("input");
var objBottomNavCloseMessage = document.createElement("textarea");
var objBottomNavCloseSubmit = document.createElement("input");
var objLightbox = document.createElement("div");
var objOuterImageContainer = document.createElement("div");
var objOverlay = document.createElement("div");
var objLightboxImage = document.createElement("img");
var objImageContainer = document.createElement("div");
		
		var objBottomNavSendPostImage = document.createElement("img");
		var objBottomNavCloseImage = document.createElement("img");
		var objBottomNavsendPost = document.createElement("div");
		var objBottomNavClosenew = document.createElement("div");
		var objBottomNavCloseLink = document.createElement("div");
		var objBottomNav = document.createElement("div");
		var objCaption = document.createElement("span");
		var objNumberDisplay = document.createElement("span");
		var objImageDetails = document.createElement("div");
		var objImageData = document.createElement("div");
		var objImageDataContainer = document.createElement("div");
		var objLoadingImage = document.createElement("img");
		var objLoadingLink = document.createElement("a");
		var objLoading = document.createElement("div");
		var objNextLink = document.createElement("a");
		var objPrevLink = document.createElement("a");


var	called = "1";
var objHoverNav = document.createElement("div");
var test123 = 10;
var position_light;

var global_left;
var global_top;
var global_position;
var global_innerHTML;
var global_imagesrc;



objBottomNavsendPost.innerHTML = '<div style="color:#888888;font-size:14px;font-weigth:bold;margin-bottom:5px;"><a href="#" style="color:#888888;font-size:14px;font-weigth:bold;margin-bottom:5px;text-decoration:none;"> <b><nobr>Send PostCard</nobr> </a><b></div>';


var posX, posY;
var ie    = document.all?1:0;
var ns    = document.layers?1:0;
var dom   = document.getElementById?1:0;

var path  = new Array(543,272,543,272,543,272,543,272,543,272,543,272,543,272,543,272,543,272,543,272,816,335,900,335,982,335,1034,335,1048,330,1076,320,1127,302,1154,290,1168,282,1184,271,1193,263,1197,251,1198,245,1202,225,1202,209,1202,195,1202,187,1194,159,1186,137,1180,114,1174,91,1172,68,1172,58,1183,30,1198,9);
var index = 0;
var trNum = 0;




var fileLoadingImage = "images/loading.gif";		
var fileBottomNavCloseImage = "images/closelabel.gif";
var temp1 = "javascript://window.alert('its alive!!');"
var temp2 = "value"
var resizeSpeed = 7;	// controls the speed of the image resizing (1=slowest and 10=fastest)

var borderSize = 10;	//if you adjust the padding in the CSS, you will need to update this variable

var imageArray = new Array;
var activeImage;

if(resizeSpeed > 10){ resizeSpeed = 10;}
if(resizeSpeed < 1){ resizeSpeed = 1;}
resizeDuration = (11 - resizeSpeed) * 0.15;

//
Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});

Array.prototype.removeDuplicates = function () {
	for(i = 1; i < this.length; i++){
		if(this[i][0] == this[i-1][0]){
			this.splice(i,1);
		}
	}
}

// -----------------------------------------------------------------------------------

Array.prototype.empty = function () {
	for(i = 0; i <= this.length; i++){
		this.shift();
	}
}

var Lightbox = Class.create();

Lightbox.prototype = {
	initialize: function() {	
		if (!document.getElementsByTagName){ return; }
		var anchors = document.getElementsByTagName('a');

		// loop through all anchor tags
		for (var i=0; i<anchors.length; i++){
			var anchor = anchors[i];
			
			var relAttribute = String(anchor.getAttribute('rel'));
			
			// use the string.match() method to catch 'lightbox' references in the rel attribute
			if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))){
				anchor.onclick = function () {myLightbox.start(this); return false;}
			}
		}

		var objBody = document.getElementsByTagName("body").item(0);



		objOverlay.setAttribute('id','overlay');
		objOverlay.style.display = 'none';
		objOverlay.onclick = function() { myLightbox.end(); return false; }
		objBody.appendChild(objOverlay);
		
		objLightbox.setAttribute('id','lightbox');
		objLightbox.style.display = 'none';
		objBody.appendChild(objLightbox);
	
		objOuterImageContainer.setAttribute('id','outerImageContainer');
		objLightbox.appendChild(objOuterImageContainer);

		objImageContainer.setAttribute('id','imageContainer');
		objOuterImageContainer.appendChild(objImageContainer);
	 
		objLightboxImage.setAttribute('id','lightboxImage');
		objImageContainer.appendChild(objLightboxImage);
		objHoverNav.setAttribute('id','hoverNav');
		objImageContainer.appendChild(objHoverNav);
	
		objPrevLink.setAttribute('id','prevLink');
		objPrevLink.setAttribute('href','#');
		objPrevLink.setAttribute('title','Click For Previous Image');

		objHoverNav.appendChild(objPrevLink);
		
		objNextLink.setAttribute('id','nextLink');
		objNextLink.setAttribute('href','#');
		objNextLink.setAttribute('title','Click For Next Image');
		objHoverNav.appendChild(objNextLink);
	
		objLoading.setAttribute('id','loading');
		objImageContainer.appendChild(objLoading);
	
		objLoadingLink.setAttribute('id','loadingLink');
		objLoadingLink.setAttribute('href','#');
		objLoadingLink.onclick = function() { myLightbox.end(); return false; }
		objLoading.appendChild(objLoadingLink);
	
		objLoadingImage.setAttribute('src', fileLoadingImage);
		//objLoadingImage.setAttribute('border', '0');
		objLoadingLink.appendChild(objLoadingImage);

		objImageDataContainer.setAttribute('id','imageDataContainer');
		objImageDataContainer.className = 'clearfix';
		objLightbox.appendChild(objImageDataContainer);
		document.getElementById('outerImageContainer').style.backgroundImage = "url(./images/letter.gif)";
//		document.getElementById('outerImageContainer').style.backgroundRepeat = "repeat-x";
		
		objImageData.setAttribute('id','imageData');
		objImageDataContainer.appendChild(objImageData);
	
		objImageDetails.setAttribute('id','imageDetails');
		objImageData.appendChild(objImageDetails);
		

		objCaption.setAttribute('id','caption');
		objImageDetails.appendChild(objCaption);
	
		objNumberDisplay.setAttribute('id','numberDisplay');
		objImageDetails.appendChild(objNumberDisplay);
		
		objBottomNav.setAttribute('id','bottomNav');
		objImageData.appendChild(objBottomNav);
		
		objBottomNavCloseLink.setAttribute('id','bottomNavClose');
		
		

		
		objBottomNavCloseLink.onclick = function() 
										{ 
										
													myLightbox.end();
													objBottomNavCloseform.innerHTML = '';	
													objBottomNav.appendChild(objBottomNavClosenew);
													objImageContainer.appendChild(objHoverNav);
													objImageContainer.removeChild(objBottomNavCloseform);
		document.getElementById('lightboxImage').style.width = null;
		document.getElementById('lightboxImage').style.height = null;

													document.getElementById('outerImageContainer').style.backgroundImage = "url(./images/letter.gif)";

													return false;

										};
		objBottomNav.appendChild(objBottomNavCloseLink);
		

		objBottomNavClosenew.setAttribute('id','bottomNavClosenew');
		objBottomNavClosenew.setAttribute('style','text-align:left;margin-right:200px;');
		
		objBottomNav.appendChild(objBottomNavClosenew);
		
		objBottomNavsendPost.setAttribute('id','bottomNavClose2');
		objBottomNavsendPost.onclick = function() 

											{ 	
												position_light = parseInt((document.body.clientWidth -  document.getElementById('lightboxImage').width ) / 2);
														objBottomNav.removeChild(objBottomNavClosenew);

														ParaTo.setAttribute('style','margin-top:0px;top:0px;');
														ParaTo.setAttribute('class','para');
//														ParaFrom.setAttribute('style','text-align:left;margin-right:00px; font-size:12px;color:#666666;left:-100px;position:relative;');
														ParaFrom.setAttribute('class','para');
//														ParaMessage.setAttribute('style','display:inline;float:left;text-align:left;margin-right:00px; font-size:12px; color:#666666;margin-left:0px;');
														ParaMessage.setAttribute('class','para');
														ParaTo.align = 'left';
														ParaFrom.align = 'left';
														ParaMessage.align = 'left';
														
														
														document.getElementById('outerImageContainer').style.width = parseInt(document.getElementById('lightboxImage').width) + 20 + 'px';
														document.getElementById('imageDataContainer').style.width = parseInt(document.getElementById('lightboxImage').width) + 20 + 'px';
														
		objBottomNavCloseImageURL.setAttribute('type', 'hidden');
		objBottomNavCloseImageURL.setAttribute('id', 'new_image');
		objBottomNavCloseImageURL.setAttribute('value', document.getElementById("lightboxImage").src );
		objBottomNavCloseImageURL.setAttribute('name', 'new_image');
		objBottomNavCloseTo.setAttribute('name','To');
		objBottomNavCloseTo.setAttribute('id','To');
		objBottomNavCloseTo.setAttribute('type','text');
//														objBottomNavCloseTo.setAttribute('style','width:250px;');
		objBottomNavCloseTo.setAttribute('value','');
		objBottomNavCloseFrom.setAttribute('name','From');
		objBottomNavCloseFrom.setAttribute('id','From');
		objBottomNavCloseFrom.setAttribute('type','text');
//														objBottomNavCloseFrom.setAttribute('style','width:250px;');
		objBottomNavCloseFrom.setAttribute('value','');
		objBottomNavCloseSubmit.setAttribute('name','Submit');
		objBottomNavCloseSubmit.setAttribute('id','Submit');
		objBottomNavCloseSubmit.setAttribute('type','button');
objBottomNavCloseSubmit.setAttribute('style','text-align:left;margin-top:-10px;background-image:url(../images/submit.gif);padding-left:20px;margin-left:20px;left:20px;width:260px;height:30px;');
		objBottomNavCloseSubmit.setAttribute('value',' ');
		objBottomNavCloseSubmit.width = '260';
		objBottomNavCloseSubmit.height = '30';
		objBottomNavCloseSubmit.onclick = function()
		{

if((validate_email(document.getElementById('To').value,'Enter Correct Email Addrss')) && (validate_email(document.getElementById('From').value, 'Enter Correct Email Address' )))
{
	var test = ajaxinclude('dummy.php');
};
			
			
			
		};
		ParaTo.innerHTML = '<b><font color="#666666">To</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
		ParaFrom.innerHTML = '<b><font color="#666666">From</b>&nbsp;&nbsp;&nbsp;&nbsp;';
		ParaMessage.innerHTML = '';
//														ParaMessage.setAttribute('style' , 'text-align:top');
		objImageContainer.removeChild(objHoverNav);
		objBottomNavCloseMessage.setAttribute('name','Message');
		objBottomNavCloseMessage.setAttribute('id','Message');
		objBottomNavCloseMessage.setAttribute('style','left:5px;width:250px;height:200px;');
		objBottomNavCloseMessage.innerHTML = 'Please Type Your Message Here.';
		

														
														flip_me_now();
														
													};

		objBottomNavClosenew.appendChild(objBottomNavsendPost);
		
		objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);
		objBottomNavCloseLink.appendChild(objBottomNavCloseImage);
		
},
	
	//
	//	start()
	//	Display overlay and lightbox. If image is part of a set, add siblings to imageArray.
	//
	start: function(imageLink) {	
	
//-------------------------------------------------------------------------------------------------------------	
// Code added by TK on 8th Aug 2006 : to hide topMenu when clicking to view Image.
		document.getElementById("topMenu").style.zIndex = "-1";
//-------------------------------------------------------------------------------------------------------------		

		hideSelectBoxes();

		// stretch overlay to fill page and fade in
		var arrayPageSize = getPageSize();
		Element.setHeight('overlay', arrayPageSize[1]);
		new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });

		imageArray = [];
		imageNum = 0;		

		if (!document.getElementsByTagName){ return; }
		var anchors = document.getElementsByTagName('a');

		// if image is NOT part of a set..
		if((imageLink.getAttribute('rel') == 'lightbox')){
			// add single image to imageArray
			imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));			
		} else {
		// if image is part of a set..

			// loop through anchors, find other images in set, and add them to imageArray
			for (var i=0; i<anchors.length; i++){
				var anchor = anchors[i];
				if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))){
					imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
				}
			}
			imageArray.removeDuplicates();
			while(imageArray[imageNum][0] != imageLink.getAttribute('href')) { imageNum++;}
		}

		// calculate top offset for the lightbox and display 
		var arrayPageSize = getPageSize();
		var arrayPageScroll = getPageScroll();
		var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);

		Element.setTop('lightbox', lightboxTop);
		Element.show('lightbox');
		
		this.changeImage(imageNum);
	},

	//
	//	changeImage()
	//	Hide most elements and preload image in preparation for resizing image container.
	//
	changeImage: function(imageNum) {	
		
		activeImage = imageNum;	// update global var

		// hide elements during transition
		Element.show('loading');
		Element.hide('lightboxImage');
		Element.hide('hoverNav');
		Element.hide('prevLink');
		Element.hide('nextLink');
		Element.hide('imageDataContainer');
		Element.hide('numberDisplay');		
		
		imgPreloader = new Image();
		
		// once image is preloaded, resize image container
		imgPreloader.onload=function(){
			Element.setSrc('lightboxImage', imageArray[activeImage][0]);
			myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);
		}
		imgPreloader.src = imageArray[activeImage][0];
	},

	//
	//	resizeImageContainer()
	//
	resizeImageContainer: function( imgWidth, imgHeight) {

		// get current height and width
		this.wCur = Element.getWidth('outerImageContainer');
		this.hCur = Element.getHeight('outerImageContainer');

		// scalars based on change from old to new
		this.xScale = ((imgWidth  + (borderSize * 2)) / this.wCur) * 100;
		this.yScale = ((imgHeight  + (borderSize * 2)) / this.hCur) * 100;

		// calculate size difference between new and old image, and resize if necessary
		wDiff = (this.wCur - borderSize * 2) - imgWidth;
		hDiff = (this.hCur - borderSize * 2) - imgHeight;

		if(!( hDiff == 0)){ new Effect.Scale('outerImageContainer', this.yScale, {scaleX: false, duration: resizeDuration, queue: 'front'}); }
		if(!( wDiff == 0)){ new Effect.Scale('outerImageContainer', this.xScale, {scaleY: false, delay: resizeDuration, duration: resizeDuration}); }

		// if new and old image are same size and no scaling transition is necessary, 
		// do a quick pause to prevent image flicker.
		if((hDiff == 0) && (wDiff == 0)){
			if (navigator.appVersion.indexOf("MSIE")!=-1){ pause(250); } else { pause(100);} 
		}

		Element.setHeight('prevLink', imgHeight);
		Element.setHeight('nextLink', imgHeight);
		Element.setWidth( 'imageDataContainer', imgWidth + (borderSize * 2));

		this.showImage();
	},
	
	//
	//	showImage()
	//	Display image and begin preloading neighbors.
	//
	showImage: function(){
		Element.hide('loading');
		new Effect.Appear('lightboxImage', { duration: 0.5, queue: 'end', afterFinish: function(){	myLightbox.updateDetails(); } });
		this.preloadNeighborImages();
	},

	//
	//	updateDetails()
	//	Display caption, image number, and bottom nav.
	//
	updateDetails: function() {
	
		Element.show('caption');
		Element.setInnerHTML( 'caption', imageArray[activeImage][1]);
		
		// if image is part of set display 'Image x of x' 
		if(imageArray.length > 1){
			Element.show('numberDisplay');
			Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);
		}

		new Effect.Parallel(
			[ new Effect.SlideDown( 'imageDataContainer', { sync: true, duration: resizeDuration + 0.25, from: 0.0, to: 1.0 }), 
			  new Effect.Appear('imageDataContainer', { sync: true, duration: 1.0 }) ], 
			{ duration: 0.65, afterFinish: function() { myLightbox.updateNav();} } 
		);
	},

	//
	//	updateNav()
	//	Display appropriate previous and next hover navigation.
	//
	updateNav: function() {

		Element.show('hoverNav');				

		// if not first image in set, display prev image button
		if(activeImage != 0){
			Element.show('prevLink');
			document.getElementById('prevLink').onclick = function() {
				myLightbox.changeImage(activeImage - 1); return false;
			}
		}

		// if not last image in set, display next image button
		if(activeImage != (imageArray.length - 1)){
			Element.show('nextLink');
			document.getElementById('nextLink').onclick = function() {
				myLightbox.changeImage(activeImage + 1); return false;
			}
		}
		
		this.enableKeyboardNav();
	},

	//
	//	enableKeyboardNav()
	//
	enableKeyboardNav: function() {
		document.onkeydown = this.keyboardAction; 
	},

	//
	//	disableKeyboardNav()
	//
	disableKeyboardNav: function() {
		document.onkeydown = '';
	},

	//
	//	keyboardAction()
	//
	keyboardAction: function(e) {
		if (e == null) { // ie
			keycode = event.keyCode;
		} else { // mozilla
			keycode = e.which;
		}

		key = String.fromCharCode(keycode).toLowerCase();
		
//		if((key == 'x') || (key == 'o') || (key == 'c'))
//		{	// close lightbox
//			myLightbox.end();
//		} else if(key == 'p')
//		{	// display previous image
//			if(activeImage != 0)
//			{
//				myLightbox.disableKeyboardNav();
//				myLightbox.changeImage(activeImage - 1);
//			}
//		} else if(key == 'n')
//		{	// display next image
//			if(activeImage != (imageArray.length - 1))
//			{
//				myLightbox.disableKeyboardNav();
//				myLightbox.changeImage(activeImage + 1);
//			}
//		}


	},

	//
	//	preloadNeighborImages()
	//	Preload previous and next images.
	//
	preloadNeighborImages: function(){

		if((imageArray.length - 1) > activeImage){
			preloadNextImage = new Image();
			preloadNextImage.src = imageArray[activeImage + 1][0];
		}
		if(activeImage > 0){
			preloadPrevImage = new Image();
			preloadPrevImage.src = imageArray[activeImage - 1][0];
		}
	
	},

	//
	//	end()
	//
	end: function() {
		
//-------------------------------------------------------------------------------------------------------------	
// Code added by TK on 8th Aug 2006 : to show topMenu again on close.
		document.getElementById("topMenu").style.zIndex = "1";
//-------------------------------------------------------------------------------------------------------------		
		
		document.getElementById('outerImageContainer').style.backgroundImage = "url(./images/letter.gif)";
		document.getElementById('lightboxImage').style.width = null;
		document.getElementById('lightboxImage').style.height = null;

		objBottomNav.appendChild(objBottomNavClosenew);
		this.disableKeyboardNav();
		Element.hide('lightbox');
		new Effect.Fade('overlay', { duration: 0.2});
		showSelectBoxes();
	}
}

// -----------------------------------------------------------------------------------

//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
//
function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}

function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

// -----------------------------------------------------------------------------------

//
// getKey(key)
// Gets keycode. If 'x' is pressed then it hides the lightbox.
//
function getKey(e){
	if (e == null) { // ie
		keycode = event.keyCode;
	} else { // mozilla
		keycode = e.which;
	}
	key = String.fromCharCode(keycode).toLowerCase();
	
	if(key == 'x'){
	}
}

// -----------------------------------------------------------------------------------

//
// listenKey()
//
function listenKey () {	document.onkeypress = getKey; }
	
// ---------------------------------------------------

function showSelectBoxes(){
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}
}

// ---------------------------------------------------

function hideSelectBoxes(){
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
}

// ---------------------------------------------------

//
// pause(numberMillis)
// Pauses code execution for specified time. Uses busy code, not good.
// Code from http://www.faqts.com/knowledge_base/view.phtml/aid/1602
//
function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}

// ---------------------------------------------------



function initLightbox() { myLightbox = new Lightbox(); }
Event.observe(window, 'load', initLightbox, false);




function createCookie(name,value,days)
{
        if (days)
        {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
        }
        else var expires = "";
        document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for(var i=0;i < ca.length;i++)
        {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1,c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
}

function eraseCookie(name)
{
        createCookie(name,"",-1);
}




var childWindow;
function openChild(file,window1) 
				{
					var height1 = 	document.getElementById('lightboxImage').height;
//					var left1 = screen.width - 500;
//					var top1 = screen.height - ((height1 / 2 ) - 350)
					childWindow=window.open(file,window1,'resizable=yes,width=500,height=' + parseInt(height1 + 400));
					if (childWindow.opener == null) childWindow.opener = self;
			global_innerHTML	= document.getElementById('imageContainer').innerHTML +  document.getElementById('imageDataContainer').innerHTML;
//			//window.alert(global_innerHTML);
			createCookie('innerCode', global_innerHTML, 0);
				}


/*------------------------Hello This Is The Code For Ajax--------------------------*/



var rootdomain="http://"+window.location.hostname
	var page_request = false;
function ajaxinclude(url) 
{
	
	var to1;
	var from1;
	var message1;

//	window.alert(rootdomain);

	
	if (window.XMLHttpRequest) // if Mozilla, Safari etc
		{		
		page_request = new XMLHttpRequest();
//		//window.alert('its declaring...non IE');
		}
	else if (window.ActiveXObject)
	{ // if IE
	try 
		{
			page_request = new ActiveXObject("Msxml2.XMLHTTP");
//			//window.alert('its declaring...non IE');
		} 
	catch (e)
		{
			try
			{
				page_request = new ActiveXObject("Microsoft.XMLHTTP");
//				//window.alert('its declaring... IE ');
			}
			catch (e){};
		}
	}
	else
	return false;
	to1 = document.getElementById("To").value ;
	from1 = document.getElementById("From").value;
	message1 = document.getElementById("Message").innerHTML;
	var poststr = "To=" + encodeURI(to1) + "&From=" + encodeURI(from1) + "&Message=" + encodeURI(document.getElementById("Message").innerHTML) + "&image_url=" + encodeURI(document.getElementById('new_image').value);
	page_request.onreadystatechange = writecontent;
	page_request.open('GET', 'http://dev.tiwnms.ae/oss/mail_postcard.php?' + poststr  , true) //get page synchronously 
	page_request.send(null);
	  page_request.onreadystatechange = writecontent;
  		objBottomNavCloseform.innerHTML = '<P><font size="4"><b><br><br><br> Email Sent</b></font>';
}
	function writecontent()
	{
		if (page_request.readyState == 4) 	
		{
//			window.alert("Request State " + page_request.readyState + " And Respnse text" + page_request.responseText);
//			myLightbox.end();
			goaway_mail();
		};

	}
function goaway_mail()
	{
		test123 = 10;
		time_now();
	}
function time_now()
{
	test123 = test123 + 10
	if (test123 <201) 
	{
		setTimeout("time_now();",20);
		  document.getElementById('lightbox').style.position = 'absolute';
		  document.getElementById('lightbox').style.left = '0px';
		  document.getElementById('lightbox').style.top = '0px';
	};
	if (test123 > 200 && test123 < 1501 )
		{
			document.getElementById('lightbox').style.left = parseInt(document.getElementById('lightbox').style.left) + 15 + 'px';
			document.getElementById('lightbox').style.top = parseInt(document.getElementById('lightbox').style.top) + 12 + 'px';
			setTimeout("time_now();", 20);
		}
	else if (test123 > 1500 )
		{ 
			objImageContainer.appendChild(objHoverNav);
			objImageContainer.removeChild(objBottomNavCloseform);
			objBottomNav.appendChild(objBottomNavClosenew);

			Element.hide('lightbox');
			document.getElementById("topMenu").style.zIndex = "1";
			new Effect.Fade('overlay', { duration: 0.2});
			document.getElementById('outerImageContainer').style.backgroundImage = "url(./images/letter.gif)";
			showSelectBoxes();
			lock_me_in_center();
			return false;
		};
		
		
}
function lock_me_in_center()
{
		document.getElementById('lightbox').style.left = parseInt(position_light) + 'px';
		document.getElementById('lightbox').style.top = '0px';
		document.getElementById('lightbox').style.left = '0px';
		document.getElementById('lightboxImage').style.width = null;
		document.getElementById('lightboxImage').style.height = null;

}




function flip_me_now()
	{
		
		width_image = parseInt(document.getElementById('lightboxImage').width);
		image_height = document.getElementById('lightboxImage').height;
		width_container = width_image;
		document.getElementById('lightboxImage').style.width = parseInt(document.getElementById('lightboxImage').width) + 'px';
//		window.alert('width (parseInt) = ' + parseInt(document.getElementById('lightboxImage').width));
//		window.alert('style.width = ' + document.getElementById('lightboxImage').style.width);
//		window.alert('style.width (parseInt) = ' + parseInt(document.getElementById('lightboxImage').style.width)> 20 );
		flip_image1 =	setTimeout("flip_time();", 10);
	

		
		
	}
	
	
	function flip_time()
	{
		if (parseInt(document.getElementById('lightboxImage').width) > 20 )
				{	
					document.getElementById('lightboxImage').style.width = parseInt(width_image)  - 25 + 'px';
					document.getElementById('lightboxImage').style.height = image_height + 'px'; 
					document.getElementById('outerImageContainer').style.width = parseInt(width_container)  - 5 + 'px';
					document.getElementById('imageDataContainer').style.width = parseInt(width_container)  - 5 + 'px';
//					alert(image_height);
					width_container = width_container - 25;
					width_image = width_image - 25;
					setTimeout("flip_time();", 10);
				}
				
		else 
			{
				    clearTimeout(flip_image1);
					
					document.getElementById('lightboxImage').src = "./images/mailsent.jpg";
					document.getElementById('outerImageContainer').style.backgroundImage = "url(./null.gif)";
					temp_img = parseInt(document.getElementById('lightboxImage').style.width);
					flip_image2 =	setTimeout("flip_time2();", 10);

																			
														
			}
		
	
		
	}
	
	
	
function form_write_me()
	{													
							
		document.getElementById('outerImageContainer').style.backgroundImage = "url(./images/mailsent.jpg)";
		document.getElementById('outerImageContainer').style.width = '600px';
		document.getElementById('outerImageContainer').style.height = '400px';
		document.getElementById('imageDataContainer').style.width = '600px';
		
		objImageContainer.appendChild(objBottomNavCloseform);
		objBottomNavCloseform.innerHTML = '';
//														objBottomNavCloseform.setAttribute('style', 'text-align:left;');
		objBottomNavCloseform.appendChild(ParaTo);
//														objBottomNavCloseform.innerHTML = objBottomNavCloseform.innerHTML + ' <bR> ';
		objBottomNavCloseform.appendChild(ParaFrom);
		
//														objBottomNavCloseform.innerHTML = objBottomNavCloseform.innerHTML + ' <bR> ';
		objBottomNavCloseform.appendChild(ParaMessage);
		
//														objBottomNavCloseform.innerHTML = objBottomNavCloseform.innerHTML + ' <bR> ';
		ParaTo.appendChild(objBottomNavCloseTo);
		objBottomNavCloseform.appendChild(objBottomNavCloseImageURL);
		ParaFrom.appendChild(objBottomNavCloseFrom);
		ParaMessage.appendChild(objBottomNavCloseMessage);
		ParaMessage.appendChild(objBottomNavClosebrake6);
		ParaMessage.appendChild(objBottomNavCloseSubmit);
				document.getElementById('Submit').style.backgroundImage = "url(./images/submit.gif)";

		objBottomNavCloseform.setAttribute('method', 'GET');
		objBottomNavCloseform.setAttribute('action', 'test_ajax.php');

}
	
	
	
	
	
	
	
		function flip_time2()
	{
		
		if (parseInt(document.getElementById('lightboxImage').width) < 600 )
				{	
//						alert('expand');
					
					if(temp_img > 20) 
					{document.getElementById('lightboxImage').style.width = parseInt(width_image)  - 20 + 'px';}
					else
					{document.getElementById('lightboxImage').style.width = parseInt(width_image) + 'px';};
					document.getElementById('lightboxImage').style.height = '350px'; 
					document.getElementById('outerImageContainer').style.width = parseInt(width_container)  + 5 + 'px';
					document.getElementById('imageDataContainer').style.width = parseInt(width_container)  + 5 + 'px';
//					alert(image_height);
					width_container = width_container + 25;
					width_image = width_image + 25;
					setTimeout("flip_time2();", 10);
//							alert('expand2');

				}
				
		else 
			{
				    clearTimeout(flip_image2);
					
					document.getElementById('lightboxImage').src = "./null.gif";
					document.getElementById('lightboxImage').style.width = '1px';
					document.getElementById('lightboxImage').style.height = '1px'; 
					
					form_write_me();
																			
														
			}
		
	
		
	}
function validate_email(field,alerttxt)
{
//with (field)
//{
apos=field.indexOf("@")
dotpos=field.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
  {alert(alerttxt);return false}
else {return true}
//}
}