function refreshPhoto(){
	document.getElementById('mask').style.width = getElementWidth('thePhoto')+2+'px';
	//alert(getElementWidth('thePhoto'));
}

function getElementWidth(Elem) {
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}

			xPos = elem.offsetWidth;
		return xPos;
}


//window.location.href = '#comments';
//document.getElementById('comments').scrollTop = document.getElementById('comments').offsetTop;							  
//window.scrollTo(selectedPosX,selectedPosY);
function ScrollToElement(theElement){
	var selectedPosX = 0;
	var selectedPosY = 0;								  
	while(theElement != null){
		selectedPosX += theElement.offsetLeft;
		selectedPosY += theElement.offsetTop;
		theElement = theElement.offsetParent;
	}
	window.scrollTo(selectedPosX,selectedPosY);
	document.getElementById('comment').focus();
}
function ScrollToElementAlbum(theElement){
	var selectedPosX = 0;
	var selectedPosY = 0;								  
	while(theElement != null){
		selectedPosX += theElement.offsetLeft;
		selectedPosY += theElement.offsetTop;
		theElement = theElement.offsetParent;
	}
	window.scrollTo(selectedPosX,selectedPosY-10);
}

function showSubmitYourComment(){
	if(document.getElementById('comment').value != "" && document.getElementById('comment').value != 'What do you think?'){
		document.getElementById('blackScreen').style.visibility = 'visible';
		document.getElementById('commentDiv').style.visibility = 'visible';
		window.scrollTo(0,0);
	} else {
		alert("Please input your comment");
		document.getElementById('comment').focus();
	}
}
function hideSubmitYourComment(){
	document.getElementById('blackScreen').style.visibility = 'hidden';
	document.getElementById('commentDiv').style.visibility = 'hidden';
}
function submitComment(){
	document.getElementById('name').value = document.getElementById('tmpName').value; 
	document.getElementById('ID').value = document.getElementById('tmpID').value; 
	document.getElementById('table').value = document.getElementById('tmpTable').value; 
	document.getElementById('e-mail').value = document.getElementById('tmpE-mail').value; 
	document.getElementById('message').value = document.getElementById('comment').value; 
	if(validate(document.getElementById('e-mail').value)){
		if(document.getElementById('name').value != ""){
			hideSubmitYourComment();
			document.getElementById('commentData').submit();
		}else{
			alert("Please input your name");
			document.getElementById('tmpName').focus();
		}
	}
}
function validate(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if(reg.test(email) == false) {
	  alert('Invalid Email Address');
	  return false;
   }else{
	  return true;
   }
}


// UPLOAD EVENT ALBUM////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////
function uploadCheck(){	
	if(document.getElementById('inputTitle').value != ""){
		if(document.getElementById('inputDate').value != ""){
			if(document.getElementById('inputContent').value != "" && document.getElementById('inputContent').value != 'Add your info here'){
				if(document.getElementById('location').value != ""){
					if(document.getElementById('city').value != ""){
						if(document.getElementById('tags').value != ""){
							document.getElementById('add').submit(); ////////////////// submit
							//document.forms['add'].submit()
						}else{
							alert("Please input event tags");
							document.getElementById('tags').focus();
						}								
					}else{
						alert("Please input city");
						document.getElementById('city').focus();
					}							
				}else{
					alert("Please input event location");
					document.getElementById('location').focus();
				}						
			}else{
				alert("Please input event info");
				document.getElementById('inputContent').focus();
			}					
		}else{
			alert("Please input event date");
			document.getElementById('inputDate').focus();
		}		
	}else{
		alert("Please input title");
		document.getElementById('inputTitle').focus();
		
	}
}

function createTags(obj){
	var words = obj.value.split(' ');
	var tags ='';
	var finalStr ='';
	var ok = 0;
	for(i=0;i<words.length;i++){
		if(words[i].length > 3){
			tags += words[i]+' ';
			ok = 1;
		}
	}
	if(ok == 1){
		var tmpTags = tags.split(' ');
		tags = unique(tmpTags);
		for(i=0;i<tags.length;i++){
			finalStr += tags[i]+' ';
		}
		document.getElementById('tags').value = finalStr.replace(/[^a-zA-Z 0-9]+/g,' ');;
	}
}

function unique(a)
{
   var r = new Array();
   o:for(var i = 0, n = a.length; i < n; i++) {
      for(var x = i + 1 ; x < n; x++)
      {
         if(a[x]==a[i]) continue o;
      }
      r[r.length] = a[i];
   }
   return r;
}

// VIDEO TV /////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////


var newWin = null;  
function popUp(strURL, strType, strWidth, strHeight) {  
	if (newWin != null && !newWin.closed)  
		newWin.close();  
		var strOptions="";  
	if (strType=="console")  
		strOptions="resizable=false,scrollbars,height="+  
	 	strHeight+",width="+strWidth;  
	if (strType=="fixed")  
		strOptions="status,height="+  
	 	strHeight+",width="+strWidth;  
	if (strType=="elastic")  
		strOptions="toolbar,menubar,scrollbars,"+  
	 	"resizable,location,height="+  
	 	strHeight+",width="+strWidth;  
		newWin = window.open(strURL, 'newWin', strOptions);  
		newWin.focus();  
}

// tagging
function startTagging(){
	document.getElementById('tagMode').value = 'on'; 
	document.getElementById('thePhoto').className = 'thePhotoTagging';	
	document.getElementById('taggingTitleDiv').innerHTML = '<div class="taggingTitle">Please select tag point and input your information or just <a class="pinkBgLink" onclick="hideTagDiv();">cancel tagging mode</a></div>';
}

function photoClickAction(){
	if(document.getElementById('tagMode').value == 'off'){
		//var url = location.href.split('album/');
		//window.location = url[0]+document.getElementById('thePhoto').alt;
		document.getElementById('underGround').src = 'load/center.php?task=nextPhoto&next='+document.getElementById('thePhoto').alt+'&permalink='+document.getElementById('thePhoto').name;
	}
}

function tagMe(obj,evt){
	if(document.getElementById('tagMode').value == 'on'){	
		var mouseX = getX(evt);
		var mouseY = getY(evt);	
		
		var tagX = mouseX - findPosX(obj);
		var tagY = mouseY - findPosY(obj);
		
		document.getElementById('tagInputDiv').style.left = mouseX+'px';
		document.getElementById('tagInputDiv').style.top = mouseY+'px';
		document.getElementById('tagInputDiv').style.visibility = 'visible';		
		document.getElementById('tagPos').value = tagX+';'+tagY;
		document.getElementById('nameTag').focus();
		//alert(tagX+' - '+tagY);
	}
}

function hideTagDiv(){
	document.getElementById('thePhoto').className = 'thePhoto';
	document.getElementById('tagInputDiv').style.visibility = 'hidden';
	document.getElementById('tagMode').value = 'off';
	document.getElementById('taggingTitleDiv').innerHTML = '';
}

function findPosX(obj){
	var curleft = 0;
	if(obj.offsetParent)
		while(1) 
		{
		  curleft += obj.offsetLeft;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}
function getX(e) {
	var posx = 0;
	if (!e) var e = event;
	if (e.pageX || e.pageY) {
		posx = e.pageX;
	}
	else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft
		+ document.documentElement.scrollLeft;
	}
	return posx;
}
function findPosY(obj){
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
		  curtop += obj.offsetTop;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}
function getY(e) {
	var posy = 0;
	if (!e) var e = event;
	if (e.pageX || e.pageY) {
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) {
		posy = e.clientY + document.body.scrollTop
		+ document.documentElement.scrollTop;
	}
	return posy;
}


// submit tag
function submitTag(){
	if(document.getElementById('nameTag').value != ''){		
		if(validate(document.getElementById('emailTag').value)){
			var frm = document.getElementById('tagFRM');
			frm.submit();
			//document.tagFRM.submit();
			//document.form.tagFRM.submit();
			hideTagDiv();
		}
	} else {
		alert("Input name!");
		document.getElementById('nameTag').focus();
	}
}










/////////////////////// PLAY YOUTUBE
function playYoutube(ytid){
	document.getElementById('iframeYoutubeDiv'+ytid).innerHTML = document.getElementById('iframeYoutube'+ytid).innerHTML; 
	alert(document.getElementById('iframeYoutube'+ytid).innerHTML);
}