window.addEvent('domready', function(){
	function twLoadingData(mode, targetDiv) {
		if(mode == 0) {
			var tmphtml = '<div style="width:300px;margin-top:150px;margin-bottom:auto;background-color:#F8F4E8;border:2px solid #804000;padding:30px 30px 30px 40px;margin-left:auto; margin-right:auto;"><img src="http://i184.photobucket.com/albums/x195/twextension/loading.gif" border="0" ><br><b>Loading</b></div>';
			document.getElementById(targetDiv).set('html', tmphtml);
		}
		else {
			document.getElementById(targetDiv).set('html', '');
		}
	}

	function twLoadingImg(mode, targetDiv) {
		if(mode == 0) {
			//style="background-color:#FFFFFF;background-image:url(img/ajax-loader.gif);background-repeat:no-repeat;background-position: center center;"
			var tmphtml = '<div style="background-color:#FFFFFF;"><img src="http://cityguide.aol.com/statics/img050808/loading.gif"></div>';
			document.getElementById(targetDiv).set('html', tmphtml);
		}
		else {
			document.getElementById(targetDiv).set('html', '');
		}
	}

	function voteRadio (rgv,yn,submitB,tmpjs,rightcld,leftcld,element,relcld) {
		rgv.addEvents({
			click : function() {
				var shtml = '<input type="button" value="Submit" />';
				submitB.set('html', shtml);
				var submitC = submitB.getChildren(0);
				submitC.addEvents({
					click : function() {
						var q = document.getElementById('q').value;
						var okcount = document.getElementById('okcount').value;
						var nocount = document.getElementById('nocount').value;
						var count = document.getElementById('count').value;
						var img = document.getElementById('img').value;
						var qid = document.getElementById('qid').value;
						var loc = document.getElementById('loc').value;
						var key1 = document.getElementById('key1').value;

						$('form').destroy();
						$('tag1').destroy();

						var tmpcld = document.createElement("div");
						tmpcld.setAttribute('id', 'cloudright');
						tmpjs.insertBefore(tmpcld, tmpjs.firstChild);
						rightcld = $('cloudright');
						rightcld.morph({
							'opacity':1,
							'background-color': 'transparent'
						});

						element.set('opacity',0);
						tmpcld = document.createElement("div");
						tmpcld.setAttribute('id', 'cloudleft');
						tmpjs.insertBefore(tmpcld, tmpjs.firstChild);
						leftcld = $('cloudleft');
						leftcld.morph({
							'opacity':1,
							'background-color': 'transparent'
						});
						leftcld.set('html',element.innerHTML);
						twLoadingData(0,'cloudright');
						new Request.HTML({
						//	07.09.08 to remove $loc
						//	url : 'x2.php?q='+q+'&okcount='+okcount+'&qid='+qid+'&nocount='+nocount+'&count='+count+'&img='+img+'&loc='+loc+'&key1='+key1+'&rgVote='+yn,
							url : 'x2.php?q='+q+'&okcount='+okcount+'&qid='+qid+'&nocount='+nocount+'&count='+count+'&img='+img+'&key1='+key1+'&rgVote='+yn,
							onSuccess: function(html) {
								twLoadingData(1,'cloudright');
								rightcld.set('text', '');
								rightcld.adopt(html);
							}
						}).send();
						new Request.HTML({
							url : '_relcloud.php?q=' + document.getElementById('q').value+'&b='+document.getElementById('img').value,
							onSuccess: function(html) {
								relcld.morph({
									'opacity':1,
									'background-color': 'transparent'
								});
								relcld.set('text', '');
								relcld.adopt(html);
								for (i=100;i<150;i++) {
									el = $('img3_' + i);
									var imgcld2 = $("imgcld");
									var rightcld2 = $('cloudright');
									var leftcld2 = $('cloudleft');
									var tmpjs2 = $('tmpjs');
									var element2 = $('element');
									var relcld2 = $('relimgcld');
									if (el == null) {}
									else {
										allEvent1(imgcld2,rightcld2,leftcld2,tmpjs2,element2,relcld2,i);
									}
								}
							}
						}).send();//*/
						return false;
					}
				});
			}
		});
	}

	function allEvent1(imgcld,rightcld,leftcld,tmpjs,element,relcld,i) {
		$("" + i).addEvents({
			click: function() {
				element.morph({
					'opacity':0,
					'background-color': 'transparent'
				});
				leftcld.destroy();
				rightcld.destroy();
				relcld.morph({
					'opacity':0,
					'background-color': 'transparent'
				});
				imgcld.morph({
					'opacity':0,
					'background-color': '#122222'
				});
				element.morph({
					'opacity':1,
					'background-color': 'transparent'
				});

				if (!window.demo_path) window.demo_path = '';
				var demo_path = window.demo_path;
				twLoadingData(0,'element');
				var req = new Request.HTML({
				//	url : demo_path+'x.php?q=' + document.getElementById('qkey_' + this.id).value + '&qimg=' + document.getElementById('qimg_' + this.id).value,
					url : demo_path+'x.php?q=' + document.getElementById('qkey_' + this.id).value,
					onSuccess: function(html) {
						twLoadingData(1,'element');
						element.set('text', '');
						element.adopt(html);

						var submitB = $('submitButton');
						var rgvn = $('rgVoteN');
						var rgvy = $('rgVoteY');
						
						voteRadio (rgvn,'No',submitB,tmpjs,rightcld,leftcld,element,relcld);
						voteRadio (rgvy,'Yes',submitB,tmpjs,rightcld,leftcld,element,relcld);

					},
					onFailure: function() {
						rightcld.set('text', 'The request failed.');
					}
				});
				req.send();
			}
		});
	}

	function headerEvent () {
		var pheader = $('p-header');
		var plist = pheader.getChildren(0)[1];
		var pplist = plist.getChildren(0)[1];
		var ppcari = plist.getChildren(0)[3];

		pplist.addEvents({
			click: function() {
				new Request.HTML({
					url : 'step1.php',
					onSuccess: function(html) {
						document.body.set('text', '');
						document.body.adopt(html);
						introEvent();
					}
				}).send();
			}
		});
		ppcari.addEvents({
			click: function() {
				new Request.HTML({
					url : 'step0.php',
					onSuccess: function(html) {
						document.body.set('text', '');
						document.body.adopt(html);
						introEvent();
					}
				}).send();
			}
		});
	}

	function introEvent() {
		var pintro = $('p-intro');
		var plist = pintro.getChildren(0)[2];
		var pplist = plist.getChildren(0)[1];
		var ppfile = plist.getChildren(0)[0];

		pplist.addEvents({
			click : function() {
				if (ppfile.value == '') {
					alert('Sila masukkan nama gambar!');
				}
				//else if (ppfile.value.match('%') || ppfile.value.match(':') || ppfile.value.match('#') || ppfile.value.match('"') || ppfile.value.match("'") || ppfile.value.match('$') || ppfile.value.match('@') || ppfile.value.match('*') || ppfile.value.match('!') || ppfile.value.match('|') || ppfile.value.match('{') || ppfile.value.match('}') || ppfile.value.match('[') || ppfile.value.match(']') || ppfile.value.match('&') || ppfile.value.match('^') || ppfile.value.match('?') || ppfile.value.match('>') || ppfile.value.match('<') || ppfile.value.match('(') || ppfile.value.match(')')) {
				//	alert('Sila masukkan nama gambar yang betul!');
				//}
				//else if (ppfile.value.match('%') || ppfile.value.match('#') || ppfile.value.match('$') || ppfile.value.match('@') || ppfile.value.match('*') || ppfile.value.match('!') || ppfile.value.match('|') || ppfile.value.match('{') || ppfile.value.match('}') || ppfile.value.match('[') || ppfile.value.match(']') || ppfile.value.match('&') || ppfile.value.match('^') || ppfile.value.match('?') || ppfile.value.match('>') || ppfile.value.match('<') || ppfile.value.match('(') || ppfile.value.match(')')) {
				//	alert('Sila masukkan nama gambar yang betul!');
				//}
				else {
				//	alert('uploading...');
					plist.submit();
					twLoadingData(0,'p-intro');

	// prepare the MIME POST data
	
/*	var boundaryString = 'capitano';
	var boundary = '--' + boundaryString;
	var requestbody = boundary + '\n' + 'Content-Disposition: form-data; name="uploaded"; filename="' + ppfile.value + '"' +'\n' + 'Content-Type: application/octet-stream' + '\n' + '\n'+ escape(binary.readBytes(binary.available()))+ '\n'	+ boundary;

	//document.getElementById('sizespan').innerHTML = 
	//	"requestbody.length=" + requestbody.length;
	
	// do the AJAX request
/*	var http_request = new Request.HTML('POST', 'uploader.php', true);
	http_request.setRequestHeader("Content-type", "multipart/form-data; \
		boundary=\"" + boundaryString + "\"");
	http_request.setRequestHeader("Connection", "close");
	http_request.setRequestHeader("Content-length", requestbody.length);
	http_request.send(requestbody);

	//*/
//alert(requestbody);


					/*new Request.HTML({





						url : 'step2.php',
						//url : 'uploader.php?'+,
						onSuccess: function(html) {
							twLoadingData(1,'p-intro');
							document.body.set('text', '');
							document.body.adopt(html);
						}
					}).send();//*/
				}
			}
		});
	}

	headerEvent();
	//introEvent();

	for (i=0;i<100;i++) {
		el = $('img2_'+ i);
		var imgcld = $('imgcld');
		var rightcld = $('cloudright');
		var leftcld = $('cloudleft');
		var tmpjs = $('tmpjs');
		var element = $('element');
		var relcld = $('relimgcld');
		
		if (el == null) {}
		else {
			$('' + i).addEvents({
				mouseenter: function(){
					document.getElementById('img2_'+ this.id).morph({
						width : '150%',
						height : '150%',
						'opacity' : 1,
						'background-color' : '#c6d880'
					});
				},
				mouseleave: function(){
					document.getElementById('img2_'+ this.id).morph({
						width : '30%',
						height : '30%',
						opacity : 0.8
					});
				}
			});

			allEvent1(imgcld,rightcld,leftcld,tmpjs,element,relcld,i);

		}
	}
});