// closes current popup window refreshes parent window.
var bgc1 = {};
	bgc1.objs = "#devsger1";
	bgc1.ty = "backgroundColor";
var bgc2 = {};
	bgc2.objs = "#profilepage, #profilemain, #profilebox ul li, #profilebox .lastphoto li h5, h6.readon_light_blue a, h6, #showmobile h5, #profileupdatebox .namestat span, #profileupdatebox .date div, #profileboxright ul li h5, #memberinfo .asuult, #memberinfo li, #Krilleer, #profilemain .textfield, select, textarea, #userprofilemusics .musicbox, #userprofilemusics .musicinfo, #favoritebox .movielist li, #changecolor .ungulist, #favoritebox .picturelist li";
	bgc2.ty = "backgroundColor";
var tc = {};
	tc.objs = "#profilebox ul li, #profilebox .lastphoto li h5, h6.readon_light_blue a, h6, #showmobile h5, #profileupdatebox .namestat span, #profileupdatebox .date div, #profileboxright ul li h5, #memberinfo .asuult, #memberinfo li, #Krilleer, #profilemain .textfield, select, textarea, #profilemainwidth .name span, #userprofilevideos .videobox h5, #userprofilevideos .views, #userprofilevideoview .videotit, #userprofilevideoview .tit, #userprofilevideoview .playerlist h5, #readcomment ul li h6, #readcomment ul li h5, .vldsen, #blogbox .blogdesc, #blogbox .blogbottom li, #blogbox .blogbottom li span, #usersnavi .left, #messagelist ul li h4 .tits, #messagelist ul li h4, #favoritebox .movielist h6, #favoritebox .picturelist h5, #changecolor .ungulist h5, #changebg .form, #profileupdatebox .namestat span, #profileupdatebox .date div, #readcomment ul li h6, #readcomment ul li h5, #user_profile_comment .vldsen, #profileupdatebox .vldsencomment, #name2 span, #photos ul li, #photos ul li h4";
	tc.ty = "color";
var lc = {};
	lc.objs = "#profiletop ul li a, #profilerside .thumb li span a, #profilebox ul li a, #profilebox .tit span a, #profilemainbox .tit span a, #profilemainbox .albums li h5 a, #profileupdatebox .mainnavi li a, #profileupdatebox .namestat a, #profileupdatebox .date a, #profileboxright ul li h5 a, #profileboxright ul li h4 a, #profilemain .name a, #profilemain .stattext a, #profilerside .thumb .changeavatar a, #memberinfo li a:hover, #profilemainwidth .name a, #userprofilevideos .videobox h3 a, #userprofilevideos .tool li a, #userprofilevideoview .playerlist .sidetit a, #readcomment ul li h6 a, #blogbox .blogtitle a, #blogbox .more a, #privatemenu a, #selectall a, #privatemain a, #favoritebox .movielist li h5 a, #favoritebox .movielist h6 a, #changebg .form a, #changebg span a, #profileupdatebox .namestat a, #profileupdatebox .date a, #readcomment ul li h6 a, #favoritebox .picturelist li h5 a, #favoritebox .picturelist li h6 a, #comment2 ul li h6 a, #profileupdatebox .namestat a, #name2 a, #photos ul li a";
	lc.ty = "color";
var tbc = {};
	tbc.objs = "#profileboxright .tit h3, #profileupdatebox .tit, #profilemain .status, #profilebox .tit, #profilemainbox .head, #profilemainbox .tit, #profilemainbox .edit, #profilerside .thumb li, #profiletop, #profilerside .thumb .changeavatar, #userprofilemusics .nowtitle, #userprofilemusics .nowplayright, #commentform, #userprofilevideos .videobox, #userprofilevideoview .videoviewbox, #userprofilevideoview .playerlist li, #readcomment h3, #blogbox, #userprofileshare, #favoritebox, #commentform h3, #Krilleer, #userprofilephotoview .photoview img, #changebg h3, #changecolor h3, #photos ul li, #blogbox .blogbottom, #favoritebox h3, #contentphoto, #comment2 .tit, #writecomment, #profileupdatebox .vldsencomment, #name2";
	tbc.ty = "backgroundColor";
var ttc = {};
	ttc.objs = "#profilebox .tit h3, #profilemain h4.addmoodtit, #profilemain .addstatus span, #profilemain .addstatus, #profileupdatebox .tit, #profilemainbox .tit, #profileboxright .tit h3, #commentform h3, #readcomment h3, #favoritebox h3, #userprofilemusics .tit, #userprofilemusics .nowtitle span, #changebg h3, #changecolor h3, #writecomment .tit2, #comment2 .tit, #profileupdatebox .vldsencomment, #themes h3";
	ttc.ty = "color";
var bc = {};
	bc.objs = "#profilerside, #profilemain, #profilelside, #profileupdatebox .updates, #profilemainbox, #profiletop, #profilemain .status, #profilemain .stattext, #showmobile img, #profileboxright ul li, #profilebox .lastvideo li, #profilebox .lastphoto li, #profilemain .addstatus, input, #userprofilemusics .player, #profilemainwidth, #commentform, textarea, #userprofilemusics .player, #userprofilevideos .videobox, #userprofilevideoview .player, #userprofilevideoview .playerlist li, #profilemainwidth, #readcomment, #privatemenu ul li.selected, #privatemain, #selectall, #messagelist ul li, #favoritebox .movielist li, #favoritebox h3, #userprofilephotoview .photoview img, #mediablock #mb_content img, #profileupdatebox .updates, #readcomment ul li, #photos ul li, #privatemain , #selectall, #messagelist ul li, #privatemenu ul li, #favoritebox .picturelist li, #mediablock, #comment2 ul li, #photos ul li";
	bc.ty = "borderColor";
var mbc = {};
	mbc.objs = "#profiletop ul li a.active, #profileupdatebox .mainnavi li a.active";
	mbc.ty = "backgroundColor";
var mtc = {};
	mtc.objs = "#profiletop ul li a.active, #profileupdatebox .mainnavi li a.active, #privatemenu ul li.selected";
	mtc.ty = "color";
var sbc = {};
    sbc.objs = "#profilemain .name, #profileupdatebox .mainnavi, #profilemainwidth .name";
    sbc.ty = "borderColor";
var stc = {};
	stc.objs = "#profilemain .stattext";
	stc.ty = "color";
var stbc = {};
	stbc.objs = "#profilemain .stattext";
	stbc.ty = "backgroundColor";

var bgi = {};
	bgi.objs = "#devsger1";
	bgi.ty1 = "backgroundImage";
	bgi.ty2 = "backgroundRepeat";

var bgtrans = {};
	bgtrans.objs = "#wrapper";

var group_desc0 = '0';
var group_desc1 = '1';
var group_desc2 = '2';

var group_p_desc0 = '0';
var group_p_desc1 = '1';
var group_p_desc2 = '2';

function runFunction(obj)
{
	obj();
}
		Element.addMethods({
			  scrollTo: function(element, left, top){
			    var element = $(element);
			    if (arguments.length == 1){
			      var pos = element.cumulativeOffset();
			      window.scrollTo(pos[0], pos[1]);
			    } else {
			      element.scrollLeft = left;
			      element.scrollTop  = top;
			    }
			    return element;
			  }
			});

			Effect.Scroll = Class.create();
			Object.extend(Object.extend(Effect.Scroll.prototype, Effect.Base.prototype), {
			  initialize: function(element) {
			    this.element = $(element);
			    if(!this.element) throw(Effect._elementDoesNotExistError);
			    this.start(Object.extend({x: 0, y: 0}, arguments[1] || {}));
			  },
			  setup: function() {
			  	Position.prepare();
			    var scrollOffsets = (this.element == window)
			                ? document.viewport.getScrollOffsets()
			                : { left: this.element.scrollLeft, top: this.element.scrollTop };
			    this.originalScrollLeft = scrollOffsets.left;
			    this.originalScrollTop  = scrollOffsets.top;
			  },
			  update: function(pos) {
			  	Position.prepare();
//			  	/this.element.scrollTop = Math.round(this.options.y * pos + this.originalScrollTop)
				//this.element.scrollLeft = Math.round(this.options.x * pos + this.originalScrollLeft);
			    this.element.scrollTo(Math.round(this.options.x * pos + this.originalScrollLeft), Math.round(this.options.y * pos + this.originalScrollTop));
			  }
			});

function CloseAndRefresh()
{
	window.close();
	if (window.opener && !window.opener.closed)
		window.opener.location.reload();
}

function Resize(pWidth, pHeight)
{
		window.outerHeight = pWidth;
		window.outerHeight = pheight;
}


function confirmDelete(url)
{
  answer = confirm("Are you delete?");

  if (!answer)
  {
    return false;
  }

  window.location = url;

  return true;
}




function test()
{
	alert('!!!');
}

function reply(formId,inputId,toWhom,statVal) {
    var form = $(formId);
	var input = form[inputId];

	var currentValue = $(input).getValue();
	if(currentValue != statVal){
		if(currentValue.search('@'+toWhom) == -1)
			$(input).value='@'+toWhom+' '+currentValue;
			}
	else{
		$(input).value='@'+toWhom+' ';
		}

	//hCarousel = new UI.Carousel("vertical_carousel", {direction: "vertical"});
	window.scrollTo(0,0);
	new Effect.Highlight(input, {});

}

function checkForm(formId,inputId,msg,warningMsg)
{
	var form = $(formId);
	var input = form[inputId];
	var currentValue = $(input).getValue();
	if(currentValue == msg)
	{
		alert(warningMsg);
		return false;
	}

}

function makeactive(element)
{
/*
	var	elements = document.getElementsByName('usertabitem');
	var i = 0;

	for(i = 0; i < elements.length ; i ++)
	{
		if(elements[i].className="active")
  	  elements[i].className="";
	}
	element.className="active";

	//var testStr = '';
	//testStr += elements[i].innerHTML + ' : ';
	alert('makeactive call success! ' + testStr);
	*/
	return false;
}

function tinycont(infoPad,val)
{
	if(infoPad.getContent().search(val) != -1){
		tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.dom.select('p')[3]);
		tinyMCE.activeEditor.setContent(infoPad.selection.getContent());
	}
	return true;
}

function tinysave()
{
	tinyMCE.triggerSave(true,true);
}

function wb(me)
{
	me.name = 'neg';
	return true;

}



function showWrap(currentId){
	document.getElementById(currentId).style.display = 'none';
	document.getElementById(currentId+'_form').style.display = 'inline';
}

function hideWrap(currentId){
	document.getElementById(currentId).style.display = 'inline';
	document.getElementById(currentId+'_form').style.display = 'none';
}

function showDropMenu(menuid)
{
	obj = document.getElementById('DropMenu'+menuid);
	obj.style.display = 'block';
	obj1=	document.getElementById('quicklink');
	obj1.style.background ='#333';
	obj1.style.color ='#fff';

}

function hideDropMenu(menuid)
{
	obj = document.getElementById('DropMenu'+menuid);
	obj.style.display = 'none';
	obj1=	document.getElementById('quicklink');
	obj1.style.background ='none';
	obj1.style.color ='#000';
}

function toggleM(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
	}
	else {
		el.style.display = '';
	}
}

function toggleAlbum(obj){
  if(obj.value == 'new_album'){
  	obj.style.display="none";
    document.getElementById('toggle_wrap').style.display = "block";
  }
}

function cancelAlbum(){
	document.getElementById('toggle_wrap').style.display = "none";
	document.getElementById('album_id').style.display = "block";
}


var rateMessages = [];
var imgX = 113;
var imgY = 21;
var offset = [];
var clientX = 0;
var clientY = 0;

var rateActiveId = 0;
var rateActiveType = '';
var rateDivId = '';
var rateDiv = null;
var rateImgId = '';
var rateImg = null;
var rateImgoriginal = '';
var rateScore = 0;
var currentUser = 0;
var rateCount= 0;
var rateSubmitted = false;
var rated;
var rateURL;

function rateInit(rateMsgs)
{
	if(rateMessages.length===0)
	{
		rateMessages = rateMsgs;
	}
}

function rateMouseOver(id, type, userid, rate_count, r, url)
{
  rateActiveId = id;
  rateActiveType = type;

  rateDivId = 'rateInfo_'+type+'_'+id;
  rateImgId = 'rateImg_'+type+'_'+id;

	rateDiv = document.getElementById(rateDivId);
	rateImg = document.getElementById(rateImgId);
  rateImg.onmousemove = rateMouseMove;
  rateImg.onmousedown = rateMouseDown;
	offset = findPos(rateImg) ;
	rateImgSrcOriginal = rateImg.src;
	currentUser = userid;
	rateCount = rate_count;
	rateSubmitted = false;
	rated = r;
	rateURL = url;
}

function rateMouseOut()
{
  var str = '';
	for(i = 0; i<rateMessages.length; i++)
	{
	  str+=i+'->'+rateMessages[i]+'\n';
	}

	if(rateSubmitted)
	{

	}
	else
	{
		rateImg.src = rateImgSrcOriginal;
		rateDiv.innerHTML = rateCount+' '+rateMessages[1];
	}

	//alert(str);
}

function rateMouseMove(ev){
	ev           = ev || window.event;
	var mousePos = mouseCoords(ev);

	var location = mousePos.x - offset[0];
	var imgpath = '/images/'

	if(!rated)
	{
		var somevalue = Math.ceil(location/imgX*5);
		somevalue = somevalue<=0?1:somevalue;
		somevalue = somevalue>5?5:somevalue;

		somevalue*=2;
		if(	rateImg.src != imgpath+'rate_'+somevalue+'.gif'&&somevalue!=0&&somevalue!=11)
		{
			rateImg.src = imgpath+'rate_'+somevalue+'.gif';
			rateScore = somevalue;
			//alert(imgpath+'rate_'+Math.round(location/imgX*10+1)+'.gif');
		}
	}
	else
	{
	  rateDiv.innerHTML = rateMessages[0];
	}
	if(currentUser < 0)
	{
		rateDiv.innerHTML = rateMessages[2];
	}

}

function rateMouseDown()
{
	if(currentUser >= 0&&!rated)
	{
		new Ajax.Updater('rateContainer_'+rateActiveType+'_'+rateActiveId, rateURL+rateScore,
			{
				onComplete: function(){
					var imgs = $$('.ratingSmall_'+rateActiveType+'_'+rateActiveId);
					var imgsrc = $(rateImgId).src.split('/');
					var imgname = imgsrc[imgsrc.length-1].split('.');
					var _newrate = imgname[0].split('_');
					for(var i=0; i<imgs.length; i++){
						var imgssrc = imgs[i].src.split('/')
						imgssrc[imgssrc.length - 1] = 'rateSmall_'+_newrate[_newrate.length -1 ]+'.gif';
						imgs[i].src = imgssrc.join('/');
					}
				}
			});
		//alert(rateURL+rateScore);
		rateSubmitted = true;
	}
}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function checkDateArchive(msg)
{
	var form = $('dateForm')
	var startDate = Form.Element.getValue('startDate');
	var endDate = Form.Element.getValue('endDate');
	if(startDate <= endDate)
	{
		return true;
	}else
	{
		alert(msg);
		return false;
	}

}

function beforeBrokeUpFriends(username,msg,ac,lb)
{
	var is = confirm(username + ' ' + msg);
	if(is)
	{
	new Ajax.Updater('d_b_f', '/friend/brokeUpWithFriend/username/'+ username +'/ac/'+ac+'/lb/'+lb+'', {asynchronous:true, evalScripts:true, onLoading:function(request, json){new Effect.Fade('d_f_k_'+username+'', {});}});; return false;
	}
}

function upload_comp(whereto, wherein)
{
	new Ajax.Updater(wherein, whereto , {asynchronous:true, evalScripts:true, onComplete:function(request, json){new Effect.Highlight(wherein, {});}});;
}

function countStatusText(formId, inputId)
{
	var form = $(formId);
	var input = form[inputId];
	var currentValue = $(input).getValue();
	if(currentValue.length >= 160)
	{
		$(input).value = currentValue.substr(0,160);
	}else
	{
		$('counter').innerHTML = '<b>'+(160 - currentValue.length) + '</b>';
	}
}

/*********************** PM *************/

function checkToggleAll(str, start, theCheckbox)
{
  var checkboxes = document.getElementsByTagName('input');
  var i = 0;

  for(i=0;i<checkboxes.length;i++)
  {
  	if(checkboxes[i].type == 'checkbox' && checkboxes[i].id.substring(start,start+str.length) == str)
  	{
			if(theCheckbox.checked===false)
			{
				//theCheckbox.checked = false;
				checkboxes[i].checked = false;
			}
			else
			{
				//theCheckbox.checked = true;
				checkboxes[i].checked = true;
			};
  	}
  	else
  	{
  	  //alert(checkboxes[i].type+':'+checkboxes[i].name);
  	  //checkboxes.splice(i,1);
  	}
  }
}

function deleteSelectedPm(url, deletetemessage)
{
	var checkboxes = document.getElementsByTagName('input');
  var i = 0;
  var ids = [];
  for(i=0;i<checkboxes.length;i++)
  {
  	if(checkboxes[i].type == 'checkbox' && checkboxes[i].id.substring(0,3) == 'pm_' && checkboxes[i].checked === true)
  	{
			ids.push(checkboxes[i].id.substring(3));
		}
  }

	if(ids.length>0&&confirm(deletetemessage))
	{
		new Ajax.Updater('privatemain', url+'/'+ids.join(), {asynchronous:true, evalScripts:false, method:'get'});
	}
}


var recipients = [];

function resetPmForm()
{
	recipients = [];
}

function toggleRecipient(username)
{
	var theli = document.getElementById('li_'+username);
	if(theli.className == 'active')
	{
		removeRecipient(username);
	}
	else
	{
		addRecipient(username);
	}
}

function addRecipient(username)
{
	for(var i = 0;i<recipients.length; i++)
	{
		if(recipients[i]==username)
		{
			return 0;
		}
	}
	recipients.push(username);
	updateInput();
	updateRecipientUl();
	updateFriendList();
}

function removeRecipient(username)
{
	var removed = '';
	for(var i = 0;i<recipients.length; i++)
	{
		if(recipients[i]==username)
		{
			recipients.splice(i,1);
			break;
		}
	}
	updateInput();
	updateRecipientUl();

	var theLi = document.getElementById('li_'+username);
	if(theLi)
	{
		theLi.className='';
	}
	updateFriendList();
}

function updateRecipientUl()
{
	var theUl = document.getElementById('recipientholder');
	theUl.innerHTML = '';
	for(var i = 0;i<recipients.length; i++)
	{
		var aLi = document.createElement('li');
		aLi.className = 'names';
		aLi.innerHTML = '<span>'+recipients[i]+'</span> <a href="#" onclick="removeRecipient(\''+recipients[i]+'\'); return false;"><img src="/images/clear.gif" alt="Clear" /></a>';
		theUl.appendChild(aLi);
	}
	var theClearDiv = document.createElement('li');
	theClearDiv.className = 'clear2';
	theUl.appendChild(theClearDiv);

	var lastLi = document.createElement('li');
	lastLi.className = 'bit-input';
	lastLi.innerHTML = '<input type="text" name="recipient" id="recipient" class=maininput value="" autocomplete="off"/>'+
	'<div id="recipient_auto_complete" class="auto_complete"></div><script type="text/javascript">';


	theUl.appendChild(lastLi);
	var theInput = document.getElementById('recipient');
	theInput.focus();

	var params = 'notin='+recipients.join();

	setUpAutocompleter(theautourl,params);
}


var theautourl = '';
function setUpAutocompleter(url, params)
{

	if(params === '' || params === null || !params)
	{
		params = '';
	}

	if(theautourl === '')
	{
	theautourl= url;
	}
	new Ajax.UserAutocompleter('recipient', 'recipient_auto_complete', theautourl,
	{afterUpdateElement:function(input, li){
		//alert(li.innerHTML);
		input.value = '';
		addRecipient(li.innerHTML);
		//setUpAutocompleter();
	},
	parameters:params});
}

function setUpFriendSelectAutocompleter(url, f)
{
	new Ajax.UserAutocompleter('recipient', 'recipient_auto_complete', url,
	{afterUpdateElement:function(input, li){
		Element.cleanWhitespace(li);
		f(li.innerHTML);
	}});
}

function updateInput()
{
	var str = '';
	for(var i = 0;i<recipients.length; i++)
	{
		if(str!='')
		{
			str+=', ';
		}
		str+=recipients[i];
	}
	document.getElementById('recipientsInput').value = str;
}

function updateFriendList()
{
	for(var i = 0;i<recipients.length; i++)
	{
		var theLi = document.getElementById('li_'+recipients[i]);
		if(theLi)
		{
			theLi.className='active';
		}
	}
}

var container = '';
var url;
var time;

function displayLink(u, after, div)
{

	container = div;
   url = u;
   //setTimeout('document.getElementById(\''+container+'\').innerHTML = <a href=\''+url+'\'>text</a>', after*1000);
   displayTimeLeft(after);
}

function finish()
{
	new Ajax.Updater(container,url, {asynchronous:true, evalScripts:false, method:'post'});
}

function displayTimeLeft( time)
{
   if(time>0)
	 {
   document.getElementById(container).innerHTML = time;
   setTimeout('displayTimeLeft('+(time-1)+')', 1000);

   }
   else
   {
   	finish();
   }

}

/******************** auto scroll ************/

				var current;
			var currentIndex;
			var scroll_container = null;

			var scrollplayimage = null;
			var scrollpauseimage = null;

			var ppButton = null;
			var isYScroll = true;
			var scrollPaused = false;

			function setIsYScroll(val)
			{
			 isYScroll = val;
			}

			function setPpButton(id)
			{
				ppButton = document.getElementById(id);
			}

			function setupPlayImage(tag)
			{
				scrollplayimage = tag;
			}

			function setupPauseImage(tag)
			{
				scrollpauseimage = tag;
			}

			function setScrollContainer(id)
			{
				scroll_container = document.getElementById(id);
			}

			function calculateChildNodesWidth(element)
			{
				var width = 0;
				for(var i = 0; i<element.childNodes.length;i++)
				{
					width+=element.childNodes[i].offsetWidth;
				}
				return width;
			}

			function scrollToNextSelected()
			{

				getCurrent();
				current = getNext();
				doScroll();


			}


			function scrollToPreviousSelected()
			{
				getCurrent();
				current = getPrevious();
				doScroll();

			}

			function doScroll()
			{
				var scrollto = getScrollTo(current);
				var scrollfrom = 0;

				if(scrollIsY(scroll_container))
				{
					scrollfrom = scroll_container.scrollTop;
				}
				else
				{
					scrollfrom = scroll_container.scrollLeft;
				}



			//	alert('box height:'+current.offsetHeight+', scroll area box:'+scroll_container.offsetHeight)
				var dosomethin = null;
				if(current.offsetHeight!=scroll_container.clientHeight)
				{
					//alert('resize require');
					var cHeight = scroll_container.clientHeight;
					var resize = (current.offsetHeight/cHeight*100);

					/*
					if(scrollIsY(scroll_container) && current.offsetHeight> cHeight)
					{
						alert('scrollto:'+scrollto+' changed to '+(scrollto - (current.offsetHeight - cHeight)));
						scrollto = scrollto - (current.offsetHeight - cHeight);

					}//*/
					dosomething = new function(){
				//	  alert('resize to:'+parseInt(resize*cHeight/100));
						new Effect.Scale(scroll_container,resize, { scaleX: false,  scaleMode: { originalHeight: cHeight}, scaleContent: false });
					};
				}
				else
				{
					dosomething = new function(){};
				}
				var scrollby = scrollto - scrollfrom;
			//	alert('scroll: at '+currentIndex+': '+current.id+' from '+scrollfrom+' to '+scrollto+' by '+scrollby+' of '+scroll_container.scrollHeight+'\nfrom box size:'+(current.previousSibling?current.previousSibling.offsetHeight:'0')+' to box size:'+current.offsetHeight);
				if(scrollIsY(scroll_container))
				{
					new Effect.Scroll(scroll_container, { y: scrollby,  duration: 0.4, afterFinish: dosomething });
				}
				else
				{
					new Effect.Scroll(scroll_container, { x: scrollby,  duration: 0.4, afterFinish: dosomething });
				}
			}

			function doNextScroll()
			{
				doPauseScroll();
				scrollToNextSelected();
			}

			function doPrevScroll()
			{
				doPauseScroll();
				scrollToPreviousSelected();
			}
			var doPauseScroll = function()
			{
				if(!scrollPaused)
				{
					clearInterval(timerId);
					//timerId = setTimeout('playScroll()',15000);
					if(ppButton)
					{
						ppButton.innerHTML = scrollplayimage;
						ppButton.onclick= playScroll;
					}
					scrollPaused = true;
				}

			}

			var playScroll = function()
			{
			  if(scrollPaused)
			  {
				  scrollPaused = false;
					timerId = setTimeout('periodicScroll()',5000);
					if(ppButton)
					{
						ppButton.innerHTML = scrollpauseimage;
						ppButton.onclick= doPauseScroll;
					}
				}
			}

			function getScrollTo(obj)
			{
				var delta = {x: 0, y: 0};
				var parent = obj.parentNode;

				el = parent.firstChild;
				while(el != obj)
				{
					delta.x+=el.offsetWidth;
					delta.y+=el.offsetHeight;
					if(Prototype.Browser.IE)
					{
						delta.y+=2;
					}
					el = el.nextSibling;
				}

				if(scrollIsY(scroll_container))
				{
					return delta.y;
				}
				else
				{
					return delta.x;
				}

			}

			function getNext()
			{
				getCurrent();
				if(current != scroll_container.firstChild.lastChild)
				{
					currentIndex++;

					return current.nextSibling;

				}
				else
				{
					currentIndex = 0;
					return scroll_container.firstChild.firstChild;
				}
			}

			function getPrevious()
			{
				getCurrent();

				if(current != scroll_container.firstChild.firstChild)
				{
					currentIndex--;
					return current.previousSibling;

				}
				else
				{
					currentIndex=scroll_container.firstChild.childNodes.length-1
					return scroll_container.firstChild.lastChild;
				}
			}

			function getCurrent()
			{
				if(current === null || current === 'undefined' || !current)
				{
					current = scroll_container.firstChild.firstChild;
					currentIndex = 0;
					//singlesize = current.offsetHeight

				}
			}

			function scrollIsY()
			{
				return isYScroll;
			}


function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.parentNode;
    }
    return { left: _x, top: _y };
}


var player;
function stopCurrentPlay(link, dummy)
{
	player.sendEvent("PLAY","false");

	if(link)
	{
	   link.href= '#';
	}
}


var someplayerloaded = false;

function playerReady(obj) {
	player = document.getElementById(obj['id']);
	someplayerloaded = true;
//	alert('player loaded');
	//player = $(obj.id);
	//addListeners();
	//alert(player);
	//$('debug').innerHTML +='<br> player loaded id:'+obj['id'];
	if (showMusicInit) {
		showMusicInit();
	}

};

function resizeOuterTo(w,h) {
 if (parseInt(navigator.appVersion)>3) {
   if (navigator.appName=="Netscape") {
    top.outerWidth=w;
    top.outerHeight=h;
   }
   else top.resizeTo(w,h);
 }
}
// image crop staff

function initPage()
{
	var stat = document.getElementById("stat");		// status message line1.
	var stat1 = document.getElementById("stat1"); 	// status message line2.
	stat1.innerHTML("page is initialized");
}





function expandCellBox()
{
	var cellbox = document.getElementById("cellbox");
	var imgTargetImage = document.getElementById("targetimg"); // target image.
	var Hincrement = 0;
	var Vincrement = 0;

	cellbox.style.heightOld = cellbox.style.height;
	cellbox.style.widthOld = cellbox.style.width;


	if(parseInt(cellbox.style.height) < parseInt(cellbox.style.width))
	{
		Vincrement = 3;
		Hincrement = 3 * (parseInt(cellbox.style.width)/parseInt(cellbox.style.height));
	}
	else
	{
		Hincrement = 3;
		Vincrement = 3 * (parseInt(cellbox.style.height)/parseInt(cellbox.style.width));
	}

	cellbox.style.height = parseInt(cellbox.style.height) + Hincrement + "px";
	cellbox.style.width = parseInt(cellbox.style.width) + Vincrement + "px";

	if( parseInt(cellbox.style.height + 3) > imgTargetImage.offsetTop + imgTargetImage.height - parseInt(cellbox.style.top)-2 )
	{
		cellbox.style.height = cellbox.style.heightOld;
		cellbox.style.width = cellbox.style.widthOld;
	}

	if(parseInt(cellbox.style.width + 3) > imgTargetImage.offsetLeft + imgTargetImage.width - parseInt(cellbox.style.left)-2 )
	{
		cellbox.style.height = cellbox.style.heightOld;
		cellbox.style.width = cellbox.style.widthOld;
	}

	getSizeCellBox(cellbox);

}

function shrinkCellBox()
{
	var cellbox = document.getElementById("cellbox");
	cellbox.style.width = parseInt(cellbox.style.width) - 3 + "px";
	cellbox.style.height = parseInt(cellbox.style.height ) - 3 + "px";
	getSizeCellBox(cellbox);
}

function FattenCellBox()
{
	var cellbox = document.getElementById("cellbox");
	var imgTargetImage = document.getElementById("targetimg"); // target image.

	cellbox.style.width = parseInt(cellbox.style.width) + 3 + "px";

	if(parseInt(cellbox.style.width) > imgTargetImage.offsetLeft + imgTargetImage.width - parseInt(cellbox.style.left) - 2)
		cellbox.style.width = parseInt(cellbox.style.width) - 3 + "px";
	getSizeCellBox(cellbox);
}

function HeigthenCellBox()
{
	var cellbox = document.getElementById("cellbox");
	var imgTargetImage = document.getElementById("targetimg"); // target image.

	cellbox.style.height = parseInt(cellbox.style.height) + 3 + "px";

	if(parseInt(cellbox.style.height) > imgTargetImage.offsetTop + imgTargetImage.height - parseInt(cellbox.style.top) - 2)
		cellbox.style.height = parseInt(cellbox.style.height) - 3 + "px";

	getSizeCellBox(cellbox);
}

function SlimmenCellBox()
{
	var cellbox = document.getElementById("cellbox");
	cellbox.style.width = parseInt(cellbox.style.width) - 3 + "px";
	getSizeCellBox(cellbox);
}

function ShortenCellBox()
{
	var cellbox = document.getElementById("cellbox");
	cellbox.style.height = parseInt(cellbox.style.height ) - 3 + "px";
	getSizeCellBox(cellbox);
}

function getSizeCellBox(t)
{
	var inpBoxWidth= document.getElementById("BoxWidth");
	var inpBoxHeight = document.getElementById("BoxHeight");

	t.style.intHeight = parseInt(t.style.height);
	t.style.intWidth = parseInt(t.style.width);

	inpBoxWidth.value = t.style.intWidth;
	inpBoxHeight.value = t.style.intHeight;


}


// 	function executed when mouse is pressed.

function startdrag(t, e)
{
	if (e.preventDefault)
	  e.preventDefault(); 									//line for IE compatibility
    e.cancelBubble = true;

    // backup onmousemove and onmouseup properties. They will be restored once button is released.

    window.document.onmousemoveOld = window.document.onmousemove;
    window.document.onmouseupOld = window.document.onmouseup;

    window.document.onmousemove=dodrag;						// call dodrag() when mouse is moved from now.
    window.document.onmouseup=stopdrag;						// call stopdrag() when mouse button is released.
  	window.document.draged = t;								// save box object in document to access in later functions.

  	// save the upper left coordinates of loaded image.


  	window.document.imageTop = document.getElementById("targetimg").offsetTop;
  	window.document.imageLeft = document.getElementById("targetimg").offsetLeft;

  	// save initial coordinate of mouse at onmousedown event.

    t.dragX = e.clientX;
    t.dragY = e.clientY;

    return false;
}


//	function to be executed when the mouse is moved after pressed.
function dodrag(e)
{
	if (!e) e = event; //line for IE compatibility
    t = window.document.draged;								// restore box object.

	dY = e.clientY - t.dragY;
	dX = e.clientX - t.dragX;
    t.dragX = e.clientX;
    t.dragY = e.clientY;

	var toffset = Position.positionedOffset(t);
	// set numerical location and shape of box object.
	toffsetLeft = toffset[0];
	toffsetTop = toffset[1];

	if(Prototype.Browser.IE)
	{
    t.style.intTop = toffsetTop  + dY;
    t.style.intLeft = toffsetLeft  + dX;
   }
   else
   {
   t.style.intTop = toffsetTop +10 + dY;
    t.style.intLeft = toffsetLeft +10 + dX;
   }
	t.style.intHeight = parseInt(t.style.height);
	t.style.intWidth = parseInt(t.style.width);

	// set property location and shape of cellbox object.

    t.style.left = t.style.intLeft+"px";
    t.style.top =  t.style.intTop+"px";


	// set property location and shape of uploaded/edited image.

	var imgTargetImage = document.getElementById("targetimg"); // target image.
	var imgoffset = Position.positionedOffset(imgTargetImage);
	imgOffsetTop = imgoffset[1]; //imgTargetImage.offsetTop;
	imgOffsetLeft = imgoffset[0]; // imgTargetImage.offsetLeft;

	// Get input box information. They are used to transfer coordinates to action.

	var inpBoxTop = document.getElementById("BoxTop");
	var inpBoxLeft = document.getElementById("BoxLeft");
	var inpBoxWidth= document.getElementById("BoxWidth");
	var inpBoxHeight = document.getElementById("BoxHeight");
	var inpImagePath = document.getElementById("ImagePath");
	var cellbox = document.getElementById("cellbox");

	// restrict movement within the loaded image only.
	// restrict top side.
//*
	if(t.style.intTop < imgOffsetTop)
	{

		t.style.top = (imgoffset[1]) + "px";
	}

	// restrict bottom side.
//	alert(imgOffsetTop + imgTargetImage.height - t.style.intHeight - 2);
	if(t.style.intTop > imgOffsetTop + imgTargetImage.height - t.style.intHeight - 2)
		t.style.top = imgOffsetTop + imgTargetImage.height - t.style.intHeight - 2 + "px";

	// restrict left side.

	if(t.style.intLeft < imgOffsetLeft)
		t.style.left = (imgOffsetLeft) + "px";

	// restrict right side.

	if(t.style.intLeft > imgOffsetLeft + imgTargetImage.width - t.style.intWidth - 2)
		t.style.left = imgOffsetLeft + imgTargetImage.width - t.style.intWidth - 2 + "px";
	//*/
	// update the form input box values to be passed to action.

	inpBoxTop.value = t.style.intTop - window.document.imageTop;
	inpBoxLeft.value = t.style.intLeft - window.document.imageLeft;

	//inpBoxTop.value = window.document.imageTop;
	//inpBoxLeft.value = window.document.imageLeft;

	inpBoxWidth.value = t.style.intWidth;
	inpBoxHeight.value = t.style.intHeight;
	//inpImagePath.value = imgTargetImage.src;

	//dispStat(e);
	/*
    // get the status text object.
	imgOffsetBottom = imgTargetImage.offsetTop + imgTargetImage.height;
	imgOffsetRight = imgTargetImage.offsetLeft + imgTargetImage.width;

	var stat = document.getElementById("stat");		// status message line1.
	var stat1 = document.getElementById("stat1"); 	// status message line2.

	// debugging info.

	t.style.intBottom = t.style.intTop + t.style.intHeight;
	t.style.intRight = t.style.intLeft + t.style.intWidth;

	stat.innerHTML = "";
	stat.innerHTML += "   mouse coord:   	 " + e.clientX + ":" + e.clientY;
	stat.innerHTML += " / image(top, left)    : " + imgOffsetTop + ":" + imgOffsetLeft;
	stat.innerHTML += " / image(bot, rite)    : " + imgOffsetBottom + ":" + imgOffsetRight;
	stat.innerHTML += " / image(wid, hite)    : " + imgTargetImage.width + ":" + imgTargetImage.height;

	stat1.innerHTML = "";
	stat1.innerHTML += "   cellbox (top, left):    " + t.style.intTop + ":" + t.style.intLeft;
	stat1.innerHTML += " / cellbox (bot, rite): " + t.style.intBottom + ":" + t.style.intRight;
	//*/

    return false;


}

//function to be executed when the mouse button is released.


function stopdrag()
{
	window.document.onmousemove=window.document.onmousemoveOld;
	window.document.onmouseup=window.document.onmouseupOld;
}

function dispStat(e)
{
	var stat = document.getElementById("stat");		// status message line1.
	var stat1 = document.getElementById("stat1"); 	// status message line2.
	var imgTargetImage = document.getElementById("targetimg"); // target image.
	var imgoffset = Position.positionedOffset(imgTargetImage);
	var toffset = Position.positionedOffset(t);

	imgOffsetLeft = imgTargetImage.offsetLeft;		// image offset.
	imgOffsetTop = imgTargetImage.offsetTop;

	stat.innerHTML = "";
	if(e)
	{
		stat.innerHTML += "   mouse coord:   	 " + e.clientX + ":" + e.clientY;
	}
	stat.innerHTML += " / image(left, top) : " + imgOffsetLeft + ":" + imgOffsetTop;
	stat.innerHTML += " / image(w, h) :      " + imgTargetImage.width + ":" + imgTargetImage.height;

	stat1.innerHTML = "";
	stat1.innerHTML += "   cellbox offset:    " + toffset[0] + ":" + toffset[1];
	stat1.innerHTML += "   cellbox setoffset:    " + t.offsetLeft + ":" + t.offsetTop;
	stat1.innerHTML += " / cellbox size:     " + t.style.intWidth + ":" + t.style.intHeight;

}

var scrollItems = [];
var current_active_scroll = 1;
var current_active_scroll_num = 1;
var previou_active_scroll_num = 0;
var scroll_item_margin = 0;
var scroll_item_width, scroll_item_height = 0;
var t = null;

var scroll_queue = [];
var running = false;
function clickScroller(i_num)
{
	if(scrollItems.length>1)
	{
		if(!running)
		{
			running = true;
		  var margin = scroll_item_margin;
			var i_count = scrollItems.length;
			previou_active_scroll_num = current_active_scroll_num;
			current_active_scroll_num = i_num;

			var mcoleftfrom = parseInt($('thumbmaskcontainer').getStyle('left'));

			var mlwidthfrom = parseInt($('thumbmaskleft').getStyle('width'));
			var mrwidthfrom = parseInt($('thumbmaskright').getStyle('width'));

			var mcoleft = (i_num-2)*(margin*2+scroll_item_width);
			var mlwidth = 20;
			var mrwidth = 20;
			//alert('item number:'+i_num+' of '+i_count+' from:'+frommcoleft);

			if(i_num == 1)
			{
				mcoleft = 0;
				mlwidth = 20;
				mrwidth = (margin*2+scroll_item_width)*2+20;
			}
			else if(i_num == i_count&&i_num>2)
			{
				mcoleft = (i_count - 3)*(margin*2+scroll_item_width);
				mlwidth = (margin*2+scroll_item_width)*2+20;
				mrwidth = 20;

			}
			else
			{
				mlwidth = (margin*2+scroll_item_width)+20;
				mrwidth = (margin*2+scroll_item_width)+20;
			}

			//$('thumbmaskcontainer').setStyle({left: mcoleft+'px'});
			if(mlwidthfrom ===0)
			{
				$('thumbmaskleft').setStyle({width:1+'px'});
				mlwidthfrom = 1;
			}
			if(mrwidthfrom ===0)
			{
				$('thumbmaskright').setStyle({width:1+'px'});
				mrwidthfrom = 1;
			}


			//$('thumbmaskleft').setStyle({width:mlwidth+'px'});
			//$('thumbmaskright').setStyle({width: mrwidth+'px'});
			var effect_arr = [
				new Effect.Scroll($('thumbscroll'), { sync: true, y: 0, x:((mcoleft)-(mcoleftfrom))}),
				new Effect.Scale($('thumbmaskleft'), mlwidth/mlwidthfrom*100, { sync: true, scaleY: false, scaleContent:false }),
				new Effect.Scale($('thumbmaskright'), mrwidth/mrwidthfrom*100, { sync: true, scaleY: false, scaleContent:false }),
				new Effect.Move($('thumbmaskcontainer'), { sync: true, x: (mcoleft-mcoleftfrom), y: 0 })
			]
			new Effect.Parallel(effect_arr, {
			  duration: 0.5,
			  delay: 0,
			  afterFinish: function(){running = false;runScrollQueue()}
			});
			scrollItems[i_num-1].f();
			clearTimeout(t);
			t = setTimeout("playNextScrollItem()",5000);
		}
		else
		{
			if(scroll_queue[scroll_queue.length -1]!=i_num)
			{
				scroll_queue[scroll_queue.length] = i_num;
			}
		}
	}
}


function runScrollQueue()
{
	if(scroll_queue.length>0)
	{
		clickScroller(scroll_queue[0]);
		scroll_queue.splice(0,1);
	}
}

function playNextScrollItem()
{
	if(current_active_scroll_num < scrollItems.length)
	{
		clickScroller( current_active_scroll_num+1);
	}
	else
	{
		clickScroller( 1);
	}
}


function flashMovie(movieName)
{
	if(window.document[movieName])
	{
		return window.document[movieName];
	}
	else if(document.getElementById(movieName))
	{
		return document.getElementById(movieName);
	}
	else
	{
		return false;
	}
}


var params = {};
function sendToFlash(idu, fname, v2, reData,msg)
{
//alert('orlloo!!');
if(flashMovie(idu).sendToFlash)
{
	var pValues ='';
	var vFilds = {};
	params = {};
	vFilds.title = 'true';

	for(i=0; i<document.forms[fname].elements.length; i++)
	{
		if(document.forms[fname].elements[i].type == 'radio')
			if(!document.forms[fname].elements[i].checked)
				continue;

				if(document.uploadForm.elements[i].value)
						var tra = document.uploadForm.elements[i].value.replace(/[\\\=\>\<\?\:\/\'\"]/gi,' ');
				else
						var tra = document.uploadForm.elements[i].value;
						pValues += document.uploadForm.elements[i].name + "=" + tra +"########";
	}
	params.data = pValues;
	params.erp = vFilds;

	//alert(params.ids +'\n' +params.data+'\n' +params.erp);
	//repSendToFlash(idu,v2);
	validation('error_pad','');
	flashMovie(idu).sendToFlash(params, v2);
	//if(console)
	//	{
	//	 console.log('clicked');
	//	 }
	//flashMovie(idu).sendToFlash(params, v2);
	}else
	{
		validation('error_pad',msg);
		reCreateVUploader(reData);
		//setTimeout("sendToFlash(\'"+idu+"\', \'"+fname+"\', \'"+v2+"\', \'"+ur+"\',\'"+to+"\')", 1000);

	}

}


var reData = new Object();
function reCreateVUploader(reData)
{
	var fo = new SWFObject("/player/VUploader.swf", "VUploader", "400", "22", 8, "#FFFFFF", true);
	fo.addParam("allowScriptAccess", "sameDomain");
	fo.addParam("quality", "high");
	fo.addParam("scale", "noscale");
	fo.addVariable("ur", reData.ur);
	fo.addVariable("to", reData.to);
	fo.addVariable("cont", "filedata");
	fo.addVariable("li", reData.li);
	fo.addVariable("types", reData.type);
	fo.addVariable("erp", "error_pad");
	fo.addVariable("sb", "summitButton");
	fo.write("flashcontent");
}


function repSendToFlash(id, v2)
{
	if(flashMovie(id).sendToFlash)
	{
		flashMovie(id).sendToFlash(params, v2);
	}
	else
	{
		setTimeout('repSendToFlash(\''+id+'\',\''+v2+'\')',1000);
		if(console)
		{
		 console.log('retry in 1 second');
		 }
	}
}

function validation(ide,val)
{
	document.getElementById(ide).innerHTML = val;
}

function disableEl(idb)
{
	document.getElementById(idb).disabled=true;

}

function prepareStyles(ids)
{
	return ids.split(',');
}

function buildCss(data,c)
{
	//alert($$('#profileupdatebox ul.mainnavi li a.active'));
	var objs = prepareStyles(data.objs);

	for(i = 0; i < objs.length; i++)
	{
		var objss = $$(objs[i]);
		for(j = 0; j < objss.length; j++)
		{
			objss[j].style[data.ty] = 	'#'+c;
		}
	}

}
function buildCssSingle(data,c1,c2,fn)
{
	//alert($$(data.objs));

	var objs = prepareStyles(data.objs);
	for(i = 0; i < objs.length; i++)
	{
		var objss = $$(objs[i]);
		for(j = 0; j < objss.length; j++)
		{
			objss[j].style[data.ty1] = c1;
			objss[j].style[data.ty2] = c2;
		}
	}
	if($('isrepeat'))
		$('isrepeat').checked = true;

	if($('bgImage'))
		$('bgImage').value = fn;
}

function BGTile(obj)
{
	if(obj)
	{
		var objs = $('devsger1');
		if(obj.checked)
		{
			if(objs)
			{
				objs.style.backgroundRepeat = 'repeat';
			}
		}else
		{
			if(objs)
			{
				objs.style.backgroundRepeat = 'no-repeat';
			}
		}
	}
}

function recieveFromTracker(per)
{
	//alert('go' + per);
	var objs = prepareStyles(bgtrans.objs);
	//var objs = $('profilepage');
	//alert(objs);
	// console.log(objs.style.filter);
	//objs.style.filter = 'alpha(opacity='+per+');-moz-opacity:'+per/100+';opacity:'+per/100;
	//alert(objs.style.filter);
	// console.log(objs.style.filter);

	for(i = 0; i < objs.length; i++)
	{
		var objss = $$(objs[i]);
		//alert(objss);
		for(j = 0; j < objss.length; j++)
		{

			//objss[j].style.filter = 'alpha(opacity='+per+');-moz-opacity:'+per/100+';opacity:'+per/100;
			objss[j].setStyle({opacity: per/100});
		}
	}

	if($('opacity') && $('opacity1'))
	{
		$('opacity').innerHTML = per+'%';
		$('opacity1').value = per;
	}

}

function recieveFromTracker_back(per)
{

	var objs = $$('#wrapper');

	for(i = 0; i < objs.length; i++)
	{
			objs[i].setStyle({opacity: per/100}); //= 'alpha(opacity='+per+');-moz-opacity:'+per/100+';opacity:'+per/100;
	}

	var objs = $$('#footer');

	for(i = 0; i < objs.length; i++)
	{
			objs[i].setStyle({opacity: per/100}); //= 'alpha(opacity='+per+');-moz-opacity:'+per/100+';opacity:'+per/100;
	}

	var objs = $$('#header');

	for(i = 0; i < objs.length; i++)
	{
			objs[i].setStyle({opacity: per/100}); //= 'alpha(opacity='+per+');-moz-opacity:'+per/100+';opacity:'+per/100;
	}


}

function restorySystemColor()
{
	 $('bgc1').value = 'C0C0C0';
	 $('bgc2').value = 'FFFFFF';
	 $('tc').value = '666666';
	 $('lc').value = '0066CC';
	 $('ttc').value = '333333';
	 $('tbc').value = 'F7F7F7';
	 $('bc').value = 'DEDEDE';
	 $('mbc').value = '0066CC';
	 $('sbc').value = '0066CC';
	 $('stc').value = '666666';
	 $('stbc').value = 'FFFFCC';

}



Event.observe(window, 'load', function() {

    /*otherMenu hover*/
    Event.observe($('otherMenu'), 'mouseover', function(){
        $('otherMenu').addClassName('menuHover');
    });
    Event.observe($('otherMenu'), 'mouseout', function(){
      	$('otherMenu').removeClassName('menuHover');
    });

});


function initDragMenu(url){
	/*Dragable Links*/
    $A(document.getElementsByTagName('a')).each(
		function(item) {

			var aPosition = item.innerHTML.indexOf("<img");
			if(aPosition){
			new Draggable(item,{
	             revert : true ,
				 onDrag : function(){
	             $('otherMenu').addClassName('menuHover');
				 },
	             onChange : function(){
	              item.onclick = function(){ return false;}
	             },
				 onEnd : function(){
	             $('otherMenu').removeClassName('menuHover');
	            }
			});
			}


	});

	/*Droppables area*/
	Droppables.add("loadmenu",{
		 onDrop: function(element) {
		 		new Ajax.Updater('loadmenu', url ,
					{
					position: 'after',
					asynchronous:true,
					parameters: { mode: 'add', title: element.text , url: element.href }
					});
				return false;
				},
		 hoverclass:'hover'
	});
}

function toggleElem(elId)
{
	if($(elId).getStyle('display')=='none')
		$(elId).setStyle({display:''})
	else
		$(elId).setStyle({display:'none'});
}

function preveiw(b1s, b2s, tcs, lcs,  ttcs,tbcs, bcs, mbcs, sbcs, stcs, stbcs, fpt, fna, ish, hna, hhi)
{
	buildCss(bgc1, b1s);
	buildCss(bgc2, b2s);
	buildCss(tc, tcs);
	buildCss(lc, lcs);
	buildCss(tbc, tbcs);
	buildCss(ttc, ttcs);
	buildCss(bc, bcs);
	buildCss(mbc,mbcs);
	buildCss(sbc, sbcs);
	buildCss(stc, stcs);
	buildCss(stbc, stbcs);

	buildCssSingle(bgi,'url('+fpt+')', 'repeat', fna);
	if(ish)
		$('head_image_pad').innerHTML = '<img style="opacity:1;filter:alpha(opacity=140)" src="'+hna+'" alt="Amur_head" height="'+hhi+'" width="1000" />';
	else
		$('head_image_pad').innerHTML = '';
}

/* Tag */
var tags = [];

function addTag(tag)
{
	for(var i = 0;i<tags.length; i++)
	{
		if(tags[i]==tag || tag == "" )
		{
			return 0;
		}
	}
	tags.push(tag);

	var aLi = document.createElement('li');
		aLi.className = 'names';
		aLi.id = 'tag'+tags[i];
		aLi.innerHTML = '<span>'+tags[i]+'</span> <a href="#" onclick="removeTag(\''+tags[i]+'\'); return false;"><img src="/images/clear.gif" alt="Clear" /></a><input type="hidden" name="the_tags[]" value="'+tags[i]+'">';

	updateTagList();
}

function removeTag(tag)
{
	for(var i = 0;i<tags.length; i++)
	{
		if(tags[i]==tag)
		{
			tags.splice(i,1);
			break;
		}
	}
	updateTagList();
}

function updateTagList()
{
	var theUl = document.getElementById('recipientholder');
	theUl.innerHTML = '';
	for(var i = 0;i<tags.length; i++)
	{
		var aLi = document.createElement('li');
		aLi.className = 'names';
		aLi.innerHTML = '<span>'+tags[i]+'</span> <a href="#" onclick="removeTag(\''+tags[i]+'\'); return false;"><img src="/images/clear.gif" alt="Clear" /></a><input type="hidden" name="the_tags[]" value="'+tags[i]+'">';
		theUl.appendChild(aLi);
	}
	var theClearDiv = document.createElement('li');
	theClearDiv.className = 'clear2';
	theUl.appendChild(theClearDiv);

	$('tagField').focus();

}
	function duplicateValue(pob,pid)
	{
		$(pid).value = pob.value;
	}

  function changeDesc(obj,wh)
  {
  		switch(parseInt(obj.options[obj.selectedIndex].value))
  		{
			case 0:
				if(wh){ $('desc_group').innerHTML =group_desc0}else{$('desc_p_group').innerHTML =group_p_desc0};
				break;
			case 1:
				if(wh){ $('desc_group').innerHTML =group_desc1}else{$('desc_p_group').innerHTML =group_p_desc1};
				break;
			case 2:
				if(wh){ $('desc_group').innerHTML =group_desc2}else{$('desc_p_group').innerHTML =group_p_desc2};
				break;
			default: $('desc_group').innerHTML = ''; break;
  		}
  }

function checkDates(pid0, pid1)
{
	if($(pid0).value && $(pid1).value && ($(pid0).value > $(pid1).value))
	{
		alert('ih bna aa');
		$(pid0).value = '';
	}else if($(pid0).value && $(pid1).value && (parseInt($(pid0).value) == parseInt($(pid1).value)))
	{
		prepareTimeSelection('s_start_time_hour', 'e_start_time_hour');
		var ss_sel = $('s_start_time_hour');
		var ee_sel = $('e_start_time_hour');

		if(parseInt(ss_sel.options[ss_sel.selectedIndex].value) >= parseInt(ee_sel.options[ee_sel.selectedIndex].value))
		{
			prepareTimeSelection('s_start_time_min', 'e_start_time_min');
		}else
		{
			var listArrayMin=new Array("e_start_time_min");
			for(var i=0; i < listArrayMin.length; i++)
			{
				var sss = $(listArrayMin[i]);
				var selected_value = parseInt(sss.options[sss.selectedIndex].value);
				sss.length = 0;
				for(var j=0; j < 60; j++)
				{
					if(j%5 == 0)
					{
						var dd = null;
						if(Math.floor(j/10) == 0)
							dd = addSelectOption(listArrayMin[i],'0'+j,null);
						else
							dd = addSelectOption(listArrayMin[i],j,null);

						if(selected_value == j)
							dd.selected = 'selected';
					}
				}
			}

		}
	}else
	{
		var listArrayTime=new Array("e_start_time_hour");
		for(var i=0; i < listArrayTime.length; i++)
		{
			var sss = $(listArrayTime[i]);
			var selected_value = parseInt(sss.options[sss.selectedIndex].value);
			sss.length = 0;
			for(var j=0; j < 24; j++)
			{
				if(selected_value == j)
				{
					var dd = addSelectOption(listArrayTime[i],j,null);
					dd.selected = 'selected';
				}else
				{
					addSelectOption(listArrayTime[i],j,null);
				}
			}
		}

		var listArrayMin=new Array("e_start_time_min");
		for(var i=0; i < listArrayMin.length; i++)
		{
			var sss = $(listArrayMin[i]);
			var selected_value = parseInt(sss.options[sss.selectedIndex].value);
			sss.length = 0;
			for(var j=0; j < 60; j++)
			{
				if(j%5 == 0)
				{
					var dd = null;
					if(Math.floor(j/10) == 0)
						dd = addSelectOption(listArrayMin[i],'0'+j,null);
					else
						dd = addSelectOption(listArrayMin[i],j,null);

					if(selected_value == j)
						dd.selected = 'selected';
				}
			}
		}

	}
}

function prepareTimeSelection(firstId, secondId)
{
	var s_select = $(firstId);
	var e_select = $(secondId);
	var selected_value = parseInt(s_select.options[s_select.selectedIndex].value);
	var selected_value_e = parseInt(e_select.options[e_select.selectedIndex].value);
	//alert(e_select.options.length +' == '+e_select.childNodes.length + ' selected: '+ selected_value);
	e_select.length = 0;
	//var str = '';
	//for(var j=0; j < e_select.childNodes.length; j++)
	//{
		//if(e_select.childNodes[j].value < selected_value)
		//{

			//e_select.removeChild(e_select.childNodes[j]);
			//str+= e_select.childNodes[j].value +'\n';
			//addSelectOption('s_start_time_hour','ho',null);
		//}
	//}

	//alert(str);

	for(var i=0; i < s_select.childNodes.length; i++)
	{
		if(s_select.childNodes[i].value && parseInt(s_select.childNodes[i].value) >= selected_value)
		{
//			removeSelectOption(e_select, e_select.options[i].value);
			//e_select.removeChild(e_select.childNodes[i]);
			if(selected_value_e == parseInt(s_select.childNodes[i].value))
			{
				var dd = addSelectOption(secondId,s_select.childNodes[i].value,null);
				dd.selected = 'selected';
			}else
			{
				addSelectOption(secondId,s_select.childNodes[i].value,null);
			}

			//alert('orloo');
		}
	}

}

// addSelectOption
//
// Add the single select option to the selection list with the id specified
//
function addSelectOption(selectId, value, display) {
 if (display == null) {
  display = value;
 }
    var anOption = document.createElement('option');
    anOption.value = value;
    anOption.innerHTML = display;
    $(selectId).appendChild(anOption);
    return anOption;
}

// removeSelectOption
//
// Remove the option with the specified value from the list of options
// in the selection list with the id specified
//
function removeSelectOption(select, value) {
 var select = select;
 var kids = select.childNodes;
 var numkids = kids.length;
 for (var i = 0; i < numkids; i++) {
      if (kids[i].value == value) {
   select.removeChild(kids[i]);
   break;
     }
    }
}

String.prototype.trim = function() {
a = this.replace(/^\s+/, '');
return a.replace(/\s+$/, '');
};