/* 
*  Javascript for LaTale Teaser website.
*
*	uses the jQuery engine to call/change billing services looks.
*
*/
var LOGGED_IN = false; //PARAMETER FOR LOGGED STATE  - USED FOR GNB ********** GNB *********** GNB *************** JUST CHANGE THIS!!
var is9thLoginTry = false; //attempt to login for 9th time!!
var ogpTime = "Wed Oct 08 13:44:52 PDT 2008";//for debugging
var ogpTime_mil = 1225397003718;

var player = null;

function playerReady(thePlayer) 
{
	player = window.document[thePlayer.id];
	//addListeners();
}

function createPlayer(name, num) 
{
	var flv = new Array 
	( 
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/latale.flv', 
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/latale.jpg',
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/rf.flv',
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/rf.jpg',
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/cabal.flv', 
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/cabal.jpg',
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/a18.flv', 
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/a18.jpg',
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/ls.flv',		
		'http://static.ogplanet.com/static/Main_v2/swf/gamelayer/ls.jpg'
		/*'http://static.ogplanet.com/static/Lunia/Teaser/img/LuniaMain.flv',		
		'http://static.ogplanet.com/static/Lunia/Teaser/img/ss.jpg'*/
	)

	var flashvars = { image:flv[(num*2)+1], file:flv[num*2], autostart:"false", controlbar:"none", stretching:"fill" }
	var params = { allowfullscreen:"true", allowscriptaccess:"always", wmode:"transparent"}
	var attributes = { id:name, name:name }

	swfobject.embedSWF("http://static.ogplanet.com/static/Common/swf/player.swf", name, "233", "174", "9.0.115", false, flashvars, params, attributes);
}


$(function(){
/* ALL FUNCTIONS ARE INSIDE HERE FOR jQuery */
	/* COMMON SETTING FOR LAYER FLOAT */

	//process cookies!
	var cookieName = 'ogpid';
	var cookieValue = cookieMan(cookieName);
		//process cookie
		if (cookieValue != null){
			$('input[@name=f_remember]').attr('checked',1);
			$('input[@name=id]').val(cookieValue);		
		}
		
	//end process cookies
	
			var orig = $.fn.nyroModal.settings.showBackground;
	
			$.fn.nyroModal.settings.padding= 0;
			$.fn.nyroModal.settings.closeButton= '';
			$.fn.nyroModal.settings.closeSelector= '.modalClose';
			$.fn.nyroModal.settings.showBackground= function(elts, settings, callback){
				elts.contentWrapper.css('background',"none")
				.css('border',"none");
				orig(elts,settings,callback);
			};
			$.fn.nyroModal.settings.endFillContent = function(elts,settings){
				elts.contentWrapper.css('background',"none")
				.css('border',"none");
			};
			$.fn.nyroModal.settings.showBackground = function(elts,settings,callback){
				elts.bg.css({opacity:0.75});
				callback();
			};
			$.fn.nyroModal.settings.hideBackground = function(elts,settings,callback){
				elts.bg.css({opacity:1});
				callback();
			};
			$.fn.nyroModal.settings.showContent = function(elts, settings, callback) {
				var h = elts.loading.height();
				var w = elts.loading.width();
				elts.loading
					.css({
						height: settings.width+'px',
						width: settings.height+'px',
						marginTop: (settings.marginTop)+'px',
						marginLeft: (settings.marginLeft)+'px'
					})
					.show();
				elts.contentWrapper
					.css({
						width: settings.width+'px',
						height: settings.height+'px',
						marginTop: (settings.marginTop)+'px',
						marginLeft: (settings.marginLeft)+'px'
					})
					.show();
					elts.loading.hide();
					callback();
			};
			$.fn.nyroModal.settings.hideContent = function(elts, settings, callback) {
				elts.contentWrapper.hide(); callback();			
			};
			
	/* END COMMON SETTING */
	
	/* password setting */
	$('input:password').val('');
	
	/* clock stuff */
	$('#gnb').clock();

	/* select and then click */
	$('#sub_news_notice .listTable #gameSubject').selectLinkify();
	$('#sub_news_patches .listTable #gameSubject').selectLinkify();
	$('#sub_community_rankings .ranking_wrap .info .rightside select').selectLinkify();

	/* main decorations */
	$('.main .wrap_content').prepMain();
	
	/* Login - warning for 9th try logging in */
	$('#login9th_wrap').each(function(){
		if (is9thLoginTry){
			//float the layer!
			$(this).css('width',"400px");
			$('.login9th_trigger').nyroModal().click();//hidden <a> tag triggered.
		}
	});
	
	
	/* add to bookmark */
	$('#footer a.add_bm').addBookmark();
	
	/* deal with the quick link dropdown! */
	$('#wrap_top .quick_link').toggleShow('.quick_link_items');
	
	/* deal wtih messege balloon */
	$('p.captcha a.help').balloonToggle('#cap_help');
	
	/* In case errorBox messages need to hide after showing */
	$('div.errorBox[@rel=hideAfter]').fadeOut(3000);
	
	/* select styling */
	//1. lock select tags for profile edit page
	$('select#nameLock').styleLockSelect();
	$('select#ageLock').styleLockSelect();
	//2. orange dropdown for general use
	$('.sub select.styled').styleSelect();
	
	/* form validation/focus */
	$('input[@type=text],textarea,input[@type=password]').not('.selectLock').focus(function(){$(this).css('border-color',"#b1cbe2");})
		.blur(function(){$(this).css('border-color',"");});
/*	$('#sub_signup form.signupForm').validateSignup();
	$('#sub_reverifyAcc form.signupForm').validateVerify();
	$('#sub_login form.login').validateLogin();
	$('#sub_signup_closeAcc #close1 form').validateCloseReason();
*/	
	$('#sub_login .login2 a.what').hoverTip('#login_tip');//show the tip
	/* video viewing button, using nyroModal */
	$('.games_wrapper').prepVideoView();

	/* community invite functionalities */
	$('#sub_myplanet_invite').inviteFunctions();
	/* community flash e-card view */
	//$('#sub_community_invite').viewInviteCard(); disabled... 
	
	/* myplanet profile page form functions */
	$('#sub_myplanet_friendProfile #profileLayout .right form.module_form').inputFormCheck();
	
	/* myplanet gamer icon modal processing */
	$('.gamer_icon').prepGamerIcon();
	$('#sub_myplanet_editmyprofile form a.editIcon').prepGamerIconModal();
	
	/* go to top function*/
	$('.gotoTop').addGoToTop();
	
	/* FAQ UI */
	$('#sub_support_faq').each(function(){
		var allList = $('li',this);
		$('li.close',this).each(function(){
			var li = $(this);
			$('p.a',this).hide();
			$('h3.q',this).click(function(e){
				e.preventDefault();
				if (li.attr('class') == "open"){li.attr('class',"close").find('p.a').slideUp('fast');}
				else{
					allList.not(li).attr('class',"close").find('p.a').slideUp('fast');
					li.attr('class',"open");
					$('p.a',li).slideDown('fast');
				}
			});
		});
	});
	
	/* HELPDESK LIST UI */
	$('#sub_support_helpdesk').each(function(){
		function TimedShow(){
			var o = this;
			this.trigger = false;
			this.callback = null;
			this.timeoutid = -1;
			function timer(){o.callback(); o.trigger = false;};
			this.causeTimeout = function(){o.timeoutid = setTimeout(timer,500);};
			this.cancelTimeout = function(){clearTimeout(o.timeoutid);};
			this.setCallback = function(func){o.callback = func;};
		};
		var timer = new TimedShow();
		$(this).find('td.subject').hover(function(){
			var floater = $(this).find('.float');
			timer.setCallback(function(){floater.show(); });
			timer.causeTimeout();
				//$(this).find('.float').show();
		},function(){
			$(this).find('.float').hide();
			timer.cancelTimeout();
		});
		$(this).find('th.status select').selectLinkify();
	});
	
	/* notice View page printing */
	$('#sub_news_notice a.printPost').click(function(e){e.preventDefault(); $.jPrintArea('#sub_news_notice .printWrap')});
	
	/* scroll for character info page */
//	$('.box_content .charmenu a').pageScroll();
	/* table coloring */
	$('#sub_support_guidelines .wrap_left table.guidelines tr').oddeven();
	
	/* forum enlarger */
//	$('.freeboard_wrap iframe').enlargeForum();
	
	/* AJAX UI for various parts of pages */
	//1. my Profile
	$('#sub_myplanet_myprofile').each(function(){
		var rCheck = $(this).ajaxIDCheck({
			idInput: $('form input[@name=userid]'),
			qURL: userCheckURL,
			msgLabel: $('#addNewBuddy label.status'),
			doButton: $('#addNewBuddy input.submit'),
			mode: "click",
			customMsgCSS:true,
			msgSend:'<label class="status"><span class="center">Checking user id...</span></label>',
			msgSuccess:'<label class="status"><span class="center"><a href="#VIEWPROFILE" rel="callback">View <b>%%ID%%</b>\'s profile</a></span></label>',
			msgFail:'<label class="status"><span class="center">There is no user of that id. Please try again.</span></label>',
			successFadeMsg: false,
			callback:function(){$('#addNewBuddy form').submit();}//run when msg's <a rel="callback" is clicked.
		});
		$('#addNewBuddy form').find('input.submit').click(function(e){
			//e.preventDefault();
		}).end()
		.submit(function(e){
			if(rCheck.isUser == 1){this.submit();}
			else{e.preventDefault();}
		});
	});
	
	$('#sub_myplanet_friendProfile').prepBuddyRequestAJAX();
	
	/* newsItem images stretch prevention */
	$('.newsItem img').each(function(){
		$(this).imgStretchPrevent();
	});
	
	/* games download - toggle system requirement */
	$('.sub_games #game_downloads').each(function(){
		$(document).click(function(e){
			if ($(e.target).parents('.sysreq').length == 0)
			{	
				if (!($(e.target).hasClass("sysreq") && $(e.target).is('div') || $(e.target).hasClass("sysreq") && $(e.target).is('a') ))
				{	$('div.sysreq').hide();	}
			}
		});
	});
	$('.sub_games #game_downloads .game_info').each(function(){
			var o = $(this);
			//o.find('div.sysreq').wrap('<div style="position:absolute; height:262px; width:500px; z-index:4;"></div>');
			var rel = o.find('a.sysreq').attr('rel');
			var on = false;
			var sysreq = o.find('.sysreq_wrap .sysreq');
			/*$(this).find('a.sysreq').toggle(function(){$('.games_wrapper .sysreqs .'+rel).show();},
				function(){$('.games_wrapper .sysreqs .'+rel).hide();});*/
				$(this).find('a.sysreq').click(function(e){
					on = (sysreq.css('display') == "block") ? true : false;
					e.preventDefault();
					if (!on){sysreq.show(); on = true;}
					else{sysreq.hide(); on = false;}
				});
			
		
	});
	
	/* javascript for special contents such as ad/banner/guide links/additional functionalities */
	$('a.showGuide').click(function(e){
		e.preventDefault();
		x = parseInt(window.screen.width) / 2 - 700/2;  // the number 175 is the exact half of the width of the pop-up and so should be changed according to the size of the pop-up
		y = parseInt(window.screen.height) / 2 - 525/2;  // the number 67 is the exact half of the height of the pop-up and so should be changed according to the size of the pop-up
		day = new Date();
		id = day.getTime();
		var cmd = "page" + id + " = window.open('"+$(this).attr('href')+"', '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,status=0,menubar=0,resizable=0,width=700,height=525,left="+x+",top="+y+"');";
		eval(cmd);
	});
	$('#game_list_small').gamelist_s();
	
	$('#mygallery').mygallery();
	

});

$.fn.hoverTip = function(id){
	//shows the given id tip balloon.
	$(id).hover(function(){
	},function(){
		$(this).hide();
	});
	
	this.click(function(e){
		e.preventDefault();
		$(id).show();
	});
}

$.fn.clock = function(){
	function clocker(timeStr,element){//seed time, and element to put the string into.
		this.date = new Date(); 
		this.date.setTime(timeStr); 
		this.ogpTimeStr = "";
		this.el = element;
		var o = this;
		function tick(){
			o.date.setTime(o.date.getTime() + 1000);//increment one second.
			var timeOfDay = (o.date.getUTCHours() < 12) ? "AM" : "PM"; 
			var min = o.date.getUTCMinutes(); var hr = o.date.getUTCHours();
			var dayofMonth = (o.date.getUTCDate() < 10 ? "0" : "") + o.date.getUTCDate();
			min = (o.date.getUTCMinutes() < 10 ? "0" : "") + min; hr = (o.date.getUTCHours() < 10 ? "0" : "") + hr;
			var month_name=new Array(12);
				month_name[0]="JAN";
				month_name[1]="FEB";
				month_name[2]="MAR";
				month_name[3]="APR";
				month_name[4]="MAY";
				month_name[5]="JUN";
				month_name[6]="JUL";
				month_name[7]="AUG";
				month_name[8]="SEP";
				month_name[9]="OCT";
				month_name[10]="NOV";
				month_name[11]="DEC";
			var month = month_name[o.date.getUTCMonth()];
			o.ogpTimeStr = "OGP TIME " + dayofMonth + " " + month + " " + timeOfDay + " " + hr + ":" + min;
			o.el.innerHTML = o.ogpTimeStr;
			o.causeTimeout();
		}
		this.causeTimeout = function()
		{ return setTimeout(tick,1000);}
	};
	var clock = new clocker(ogpTime_mil, $('#gnb span.time').get(0));	
	clock.causeTimeout();
};

$.fn.imgStretchPrevent = function(){
	if (this.length > 0){
		if (this.width() != "0")//if background is not what is shown..
		{	
			//record width,height, url,classname
			var url = this.attr('src');	var height = this.css('height');	var width = this.css('width'); var classname = this.attr('class');
			var display = (this.css('display') != "undefined") ? this.css('display') : "block";
			
			//hide it by making with and height 0
			this.css('width','0px').css('height','0px').css('display',display.toString()).attr('class',"");
			//wrap it with div of same class, to give it same CSS look.
			this.wrap('<div class="'+classname+'"></div>')
			.css('background',"url('"+url+"') no-repeat top left")//set background to img.
			.css('padding',height+" 0 0 "+width);//show by adding padding.
		}
	}
};


$.fn.prepMain = function(){
	if (this.length > 0){
		//event actions
		var event = this.find('div.events');
		event.find('li img').each(function(){$(this).imgStretchPrevent();});
		
		var events = event.find('li').length;
		var timeoutid = -1;
		event.find('h2 a').click(function(e){
			e.preventDefault();
			var li = $(this).parent().parent();
			if (li.hasClass("over")){
				document.location.href = $(this).attr('href');
			}
			else
			{
				event.find('li').removeClass("over").find('img').hide();
					li.addClass("over").find('img').show();
					clearTimeout(timeoutid);
					event.find('li').each(function(i){if ($(this).hasClass("over")){slider.setI(i+1);}});
					timeoutid = slider.causeTimeout();
			}
		});

		function slideEvents()
		{
			this.i = -1;
			this.l = 1;
			var o = this;
			function turnon(){
				event.find('li').removeClass("over").find('img').hide();
				event.find('li').eq(this.i % this.l).addClass("over").find('img').show();
				this.i++;
				timeoutid = o.causeTimeout();
			};
			this.setI = function(index){i = index;};
			this.setLen = function(len){l = len;};
			this.causeTimeout = function()
			{	return setTimeout(turnon,5000);};
		};
		var slider = new slideEvents();
		slider.setLen(events);
		slider.setI(0);
		timeoutid = slider.causeTimeout();
		//new in game slider
		var in_game = this.find('div.new_in_game');
			//1. get starting index
		var in_games_len = in_game.find('.in_games a').length; 
		var in_game_i = Math.ceil((in_games_len) * Math.random()) - 1;  //random no. from 0~len-1
		var in_games = in_game.find('.in_games');
		in_games.find('img').eq(in_game_i).addClass('on');
		function slideInGames(f,index,len){
			this.i = index;
			this.l = len;
			this.timeoutid = -1;
			this.onFunc = f;
			this.curI = index;
			var o = this;
			function turnon(){
				o.i = o.i % (o.l);
				o.onFunc(o.i); //because o.i + + everytime.
				o.curI = o.i;
				o.i++;
				o.timeoutid = o.causeTimeout();
			};
			this.setI = function(index){o.i = (index == -1) ? o.l - 1 : index % o.l; return o.i;};
			this.setLen = function(len){l = len;};
			this.causeTimeout = function()
			{	return setTimeout(turnon, 5000);};
			this.resetTimer = function()
			{	if (o.timeoutid != -1){clearTimeout(o.timeoutid); o.timeoutid = o.causeTimeout();}};
		};
		var in_game_slide_func = function(i){in_games.find('img').removeClass('on').eq(i).addClass('on');};
		var in_game_slider = new slideInGames(in_game_slide_func, in_game_i, in_games_len);
		in_game_slider.causeTimeout();
		in_game.find('a.left').click(function(e){e.preventDefault(); 
			in_game_slider.curI = in_game_slider.setI(in_game_slider.curI - 1);
			in_game_slide_func(in_game_slider.i);
			in_game_slider.resetTimer();
		});
		in_game.find('a.right').click(function(e){e.preventDefault(); 
			in_game_slider.curI = in_game_slider.setI(in_game_slider.curI + 1);
			in_game_slide_func(in_game_slider.i);
			in_game_slider.resetTimer();
		});
		
		//end in_game slider
		
		//hot_topics actions
		var hot_topics = this.find('div.hot_topics');
		hot_topics.find('.topics_wrap .'+hot_topics.find('ul.menu li a.on').attr('rel')).show();
		var menus = hot_topics.find('ul.menu a');
		menus.click(function(e){
			e.preventDefault();
			menus.removeClass('on');
			$(this).addClass('on');
			hot_topics.find('.topics_wrap .topics').hide().end()
			.find('.topics_wrap .'+$(this).attr('rel')).show();
		});
		//logged in prettify
		var logged = this.find('div.logged');
		if ($.browser.msie && $.browser.version == "6.0")
		{//for link to game, make icon presentation possible for ie6 
			function ie6fix(logged){
			logged.find('div.selectGeneralOptions #_input_-1').css('background',"none");
			logged.find('div.selectGeneralOptions #_input_latale').css('background-position',"8px -77px");
			logged.find('div.selectGeneralOptions #_input_cabal').css('background-position',"8px -20px");
			logged.find('div.selectGeneralOptions #_input_rf').css('background-position',"8px -39px");
			logged.find('div.selectGeneralOptions #_input_bbt').css('background-position',"8px -58px");
			};
			logged.find('select.styled').styleSelect().selectLinkify({callback:ie6fix(logged)});
		}
		else
		{
			logged.find('select.styled').styleSelect().selectLinkify();	}
	
	
	}
	
};

$.fn.prepBuddyRequestAJAX = function(){
	if (this.length > 0)
	{
		function callResult(){
			this.status = -1;
		};
		var callData = new callResult();
		var query = "";
		var origEndFill = $.fn.nyroModal.settings.endFillContent;
		$.fn.nyroModal.settings.endFillContent = function(elts,settings){
			var buddyReqBu = elts.contentWrapper.find('a.sendreq_bu[@rel=buddyRequest]');
			if (buddyReqBu.length>0){
				//var requestBuddyURL = 'http://test.ogplanet.com:8080/MyPlanet/buddy.og?op=request&';
				query = requestBuddyURL + 'ruserid=' + friendUserID + '&comment='+ escape(elts.contentWrapper.find('textarea.infobox').text());
				//alert(query);
				$('textarea.infobox').val('');
				buddyReqBu.click(function(){
		//				$.getJSON(query,function(data){callData.status = data.Status;});
				});
			}
			origEndFill(elts,settings);
		};
		//prpare the transition for ajax..
				
		var origShowTrans = $.fn.nyroModal.settings.showTransition;
		$.fn.nyroModal.settings.showTransition = function(elts,settings,callback){
			//add event hooks into result modal
			var text = elts.tmp.find('p.requested');
			if (text.attr('title') != 'ajaxSet'){
				text.bind('ajaxError',function(){text.html('There is an error connecting with the server. <br/> Please try again.'); 
					callback();
				});
				text.bind('ajaxSuccess',function(){
					if (callData.status == 1){text.html('Your buddy request has been declined.<br/> You are already a buddy of this user.');}
					else if (callData.status == 2){text.html('You cannot add yourself to the buddy list.');}
					else if (callData.status == 9){text.html('You have already sent a buddy request to this user <br/> and awaiting the user to accept or decline your request.');}
					callback();
				});
				text.attr('title',"ajaxSet");
			}
			elts.loading
				.css({
					marginTop: elts.contentWrapper.css('marginTop'),
					marginLeft: elts.contentWrapper.css('marginLeft'),
					height: elts.contentWrapper.css('height'),
					width: elts.contentWrapper.css('width'),
					opacity: 0,
					background:"none"
				})
				.append('<div class="showBG"><div class="showBGtop"></div></div>')
				.show()
				.fadeTo(400, 1, function() {
						elts.contentWrapper.hide();
						$.getJSON(query,function(data){callData.status = data.Status;});
						//callback();
				});
			
		};
		
		//$.fn.nyroModal.settings.endFillContent = origEndFill;
		//$.fn.nyroModal.settings.showTransition = origShowTrans;//back to the normal operation!
	}
};


$.fn.selectLinkify = function(options){
	//in: select tag, optional variables too.
	var defaults = {
		callback: null, //runs the given function, if given. It will run this BEFORE the jump.
		attrCallback:false, //runs "rel" attribute tag as javascript code. 
		jump: true	//will jump to the site address given by 'rel' attribute.
	};
	var options = $.extend(defaults, options);
	//out: makes options become as links, and clicked.
	if (this.length > 0){
		this.change(function(){
			if (typeof(options.callback) == "function")
			{
				options.callback();//run callback.
			}
			if ($('option:selected',this).attr('rel')  && options.jump && !options.attrCallback)
			{
				window.location.assign($('option:selected',this).attr('rel'));
			}
			else if($('option:selected',this).attr('rel') && options.attrCallback)
			{
				eval($('option:selected',this).attr('rel'));
			}
		});
	}
};

$.fn.inputFormCheck = function(){
	//simple validation to check if all fields are entered.
	if (this.length > 0){
		var inputs = this.find('input, textarea');
		var inputSubmit = this.find('input.submit');
		var inputChk = true;
		var errormsg = this.find('label.error');
		this.submit(function(){
			inputChk = true;
			inputs.not('.submit').each(function(){
				inputChk = inputChk && (this.value != "");			
			});
			if (inputChk){inputSubmit.get(0).submit();}
			else {errormsg.show().text('Please enter both fields. Thank you!');}
			return false;
		});
	}
	return this;
};

$.fn.prepGamerIcon = function(){
	if (this.length > 0){
		var imgs = this.find('.icons img');
		var myimg = $('img.iconimg');
		var close = this.find('a.modalClose');
		imgs.hover(function(){$(this).attr('class',"hover");},
					function(){
						if ($('input[@name=UserIconType]').val() != $(this).attr('rel'))
						{$(this).attr('class',"");}
					})
		.click(function(){
			$('input[@name=UserIconType]').val($(this).attr('rel'));
			$('img.iconimg').attr('rel',$(this).attr('rel'));
			$(this).css('border-color',"");
			imgs.attr('class',"");
			myimg.attr('src',$(this).attr('src'));
			close.click();
			$('div.styleSelectWrap').css('z-index',0);
		})
		.mousedown(function(){$(this).css('border-color',"red");});
		
	}
	return this;
};
$.fn.prepGamerIconModal = function(){
	if (this.length > 0){
		var value = $('img.iconimg').attr('rel');
		$('.gamer_icon img[@rel='+value+']').attr('class',"hover");//initialization
		this.click(function(e){e.preventDefault();
			$('div.styleSelectWrap').css('z-index',-1);
			var value = $('img.iconimg').attr('rel');
			$('.gamer_icon img[@rel='+value+']').attr('class',"hover");//initialization
		})
		.nyroModal();
		
	}
	return this;
};

$.fn.styleSelect = function(options){
	var defaults = {
		callback: null //runs the given function, if given. It will run this BEFORE the jump.
	};
	var options = $.extend(defaults, options);
	if (this.length > 0){
		var z = 99;
		this.each(function(){
			$(this).wrap('<div class="styleSelectWrap"></div>');
			var wrap = $(this).parent();
			$(this).selectbox({
				inputClass:'selectGeneral',
				containerClass:'selectGeneralOptions',
				hoverClass:'optionCur'
			});
			var styled = $(this).prev().prev();
			var options = $(this).prev();
			wrap.css('z-index',z);
			options.css('z-index',z);
			z--;
			//styled.height($(this).height());
			//styled.width($(this).css('width'));
		});
		if (typeof(callback) == "function")
		{
			callback();
		}
	}
	return this;
};

$.fn.styleLockSelect = function(){
	if (this.length > 0){
	//used with the special DIVs to emulate select operation
	this.selectbox({
			inputClass:'selectLock',
			containerClass:'selectLockOptions',
			hoverClass:'optionCurLock'
	});
	var styled = this.prev().prev();
	var option = this.prev().find('li');
	//initial input styling
	if (styled.val() == 'show')
	{ styled.css('background-position',"");}
	else
	{styled.css('background-position',"-31px top");}
	//initial option image changing
	option.each(function(){
			if ($(this).text() == 'show')
				{$(this).css('background-position',"3px -17px");}
	});
	
	//change input image if option clicked
	option.click(function(){
		if ($(this).text() == 'show')
			{ styled.val($(this).text()).css('background-position',"");}
		else
		{styled.val($(this).text()).css('background-position',"-31px top");}
	});
	}
	return this;
};

$.fn.inviteFunctions = function(){
	//functions that make the page work
	if (this.length > 0){
	var o = this;
	var done = false;
	
	/* initialization: if not already declared outside!*/
	var startCard = parseInt($('#startCard').text());//first one in holiday card !!!!! **** SET THIS ONE!!!! CORRECTLY!
	
	/* click a thumbnail skin image, it changes the image, stores the image value */
	if (this.find('.message_skins_wrap').length > 0){
		this.find('.message_skins_wrap').cycle({ 
				fx:     'fade',
				//easing: 'easeOutQuart',
				timeout: 0,
				pager: '.skin_wrap',
				speed:300,
				startingSlide:startCard
			});
	}
	
	//at this point .skin_wrap is populated with links that flip the images. Now we must categorize them into 'holiday' and 'game'.
	//easiest way would be to append divs, put the images in accordingly, and use <a>tags to operate.
	var skinField = o.find('input[@name=skinNo]');//field which stores what card was selected
	var nav = o.find('.skin_wrap a');//all links that flip images

	nav.click(function(){
		skinField.get(0).value = o.find('.message_skins_wrap .card').eq(Number($(this).text())-1).attr('rel').split(',')[0];//store selected card info to field
	});

	this.find('.message_skins_wrap .card').each(function(i){
		//sort out and categorize
		if ($(this).attr('rel').indexOf("holiday") == -1){
			nav.eq(i).attr('class',"skin").attr('rel',"game").css('background-image',"url("+(this.src).replace('.jpg',"_t.gif")+")");//add .skin class and therefore display
		}else if($(this).attr('rel').indexOf("holiday") != -1){
			var url = $(this).attr('rel').split(',')[1];
			nav.eq(i).attr('class',"skin").attr('rel',"holiday").css('background-image',"url("+url.replace('.jpg',"_t.gif")+")");
		}
	});
	
	//skinField.get(0).value = "holiday_a181"; // Added by Jonghyun Han

	//now group 'game' links into a div
	
	o.find('.skin_wrap').append('<div class="game"></div>');
	o.find('.skin_wrap').append('<div class="holiday"></div>');
	nav.filter('[@rel=game]').appendTo(o.find('.skin_wrap .game'))
	   .end()
	   .filter('[@rel=holiday]').appendTo(o.find('.skin_wrap .holiday'));
	
	var icon_game = o.find('.skin_wrap .game');
	var icon_holiday = o.find('.skin_wrap .holiday');
		
	//make 'holiday' menu show only if there are .card with rel=holiday*
	var existsHoliday = this.find('.message_skins_wrap .card[@rel*=holiday]').length > 0; 
	if (existsHoliday){o.find('.skin_cat a[@rel=holiday],.skin_cat span.space').show(); o.find('.skin_cat a[@rel=holiday]').addClass('sel');}
	else {o.find('.skin_cat a[@rel=game]').addClass('sel');}
	o.find('.skin_cat a[@rel=game]').show();
	//make the groups show/hide by the link in .skin_cat
	o.find('.skin_cat a').click(function(e){
		//if this link has class .sel, it's selected, so disable its click event
		e.preventDefault();
		if (!$(this).hasClass('sel')){
		  icon_game.hide();	icon_holiday.hide();
		  o.find('.skin_wrap .'+$(this).attr('rel')).show();
		  $(this).siblings().removeClass('sel').end().addClass('sel');
		}
	});
	
	
	//add clear class for landing floating divs
	o.find('.skin_wrap').append('<div class="clear"></div>');
	
	/* initialization:*/ 
	
	if (skinField.length > 0){ skinField.get(0).value = o.find('.message_skins_wrap .card').eq(startCard).attr('rel').split(',')[0];}//since first one already shows
	nav.eq(startCard).addClass("activeSlide");//show first one as selected
	//then hide game.
	if(existsHoliday){icon_game.hide();}
	else{icon_holiday.hide();}
	
	/* click more friends, load 3 more input fields. stop there! */
	var addFriendsStr = 	'<div class="friend"><input name="friend_name6" id="friend_name6" type="text" value="Name" class="input_left"/><input type="text" name="friend_email6" id="friend_email6" value="E-mail"/></div><div class="friend"><input name="friend_name7" id="friend_name7" type="text" value="Name" class="input_left"/><input type="text" name="friend_email7" id="friend_email7" value="E-mail"/></div>';
	addFriendsStr = addFriendsStr +	'<div class="friend"><input name="friend_name8" id="friend_name8" type="text" value="Name" class="input_left"/><input type="text" name="friend_email8" id="friend_email8" value="E-mail"/></div><div class="friend"><input name="friend_name9" id="friend_name9" type="text" value="Name" class="input_left"/><input type="text" name="friend_email9" id="friend_email9" value="E-mail"/></div><div class="friend"><input name="friend_name10" id="friend_name10" type="text" value="Name" class="input_left"/><input type="text" name="friend_email10" id="friend_email10" value="E-mail"/></div>';
	addFriendsStr = addFriendsStr + '<div style="clear:both;"></div>';
	this.find('input[@type=text]').css('color','#bbbbbb');
	var noInputColor = this.find('input[@type=text]').css('color');
	
	this.find('input[@type=text]').focus(function(){if ($(this).css('color')== noInputColor){this.value=""; $(this).css('color',"");}})
		.blur(function(){
				if (this.value == ""){
					$(this).css('color',"#bbbbbb");
					if($(this).attr('class') != 'title'){
						this.value=($(this).attr('class') == "input_left") ? 'Name' : 'E-mail';
					}else{	
						this.value='Enter Title';
					}
				}
		});
	/*	
	this.find('.addFriend').click(function(e){
		e.preventDefault();
		if (!done){
			o.find('.addclass').append(addFriendsStr).find('input[@type=text]').not('[@rel=noJS]').css('color','#bbbbbb')
				.focus(function(){$(this).css('border-color',"#b1cbe2");if ($(this).css('color')== noInputColor){this.value=""; $(this).css('color',"");}})
				.blur(function(){$(this).css('border-color',"");
				if (this.value == ""){$(this).css('color',"#bbbbbb");
				this.value=($(this).attr('class') == "input_left") ? 'Name' : 'E-mail'}
				});
			done = true;
			$(this).hide();
		}
		return false;
	});
	*/
	this.find('form').submit(function(){
		//check if all fiel.ds filled
		var error = o.find('label.error');
		var fieldChk = false;
		var myFieldChk = true;
		var friendChk = true;
		var errorFriends = new Array();
		//user's name check
		o.find('input[@name=email],input[@name=name]').each(function(){myFieldChk = myFieldChk && $(this).css('color') != noInputColor;});
		o.find('div.friend').each(function(i){
			//each friend, or condition.
			friendChk = true;
			$(this).find('input[@type=text]:not(.title)').each(function(){friendChk = friendChk && $(this).css('color') != noInputColor;});
			if (!friendChk){errorFriends[i] = i;}
			else{errorFriends[i]=-1; }
			fieldChk = fieldChk || ((friendChk) ? true : false);
		});
		
		if (fieldChk && myFieldChk)
		{ 
			error.text(' '); 
			for (i = 0; i < errorFriends.length; i++)
			{
				if (errorFriends[i] != -1) {o.find('div.friend').eq(i).find('input').val("");}
			}
			this.submit();	
		}
		else{error.text('Please enter all values in a name/e-mail pair. Thanks!');}
		return false;
	});
	//function to handle printing
	
	//this.find('a.invite_print').click(function(e){
	//	e.preventDefault();
	//	$.jPrintArea('.printDiv');
	//});
	
	this.find('#invite_url').click(function(e){
		$(this).select();
	});
	this.find('#invite_msg').change(function(e){
		alert($(this).text());
	});
	this.find('.viewall').click(
		function (e) {
			$('.panel').css('position', "").css('float', "left");
			$('.belt').css('left', "0").css('width', "580px");
			$('.stepcarousel, .invite_card_img').height(565);
			$('.invite_cont_box, .allow').hide();
			$('.viewall').hide();
			$('.invite_card_img').css('border-bottom', "7px solid #d2dce6");
			$('.viewclose').show();
		}
	);
	
	this.find('.viewclose').click(
		function (e) {
			//close flash box
			showECardList();
		}
	);
}};


function showECardList() {
	temp = parseInt(selectedFlash / 5);
	temp1 = selectedFlash % 5;
	
	if(temp1 == 0) temp = temp -1;

	stepcarousel.configholder.mygallery.currentpanel = 	temp * 5;
	stepcarousel.fadebuttons(stepcarousel.configholder.mygallery, temp * 5);
	var leftfar = -((temp * 5)*116);

	$('.panel').css('position', "absolute").css('float', "none");
	$('.belt').css('left', leftfar+"px").css('width', "10000px");
	$('.stepcarousel').height(98);
	$('.invite_card_img').attr('style', "");
	$('.invite_card_img').show();
	$('.invite_cont_box, .allow').show();
	$('.viewall').show();
	$('.viewclose').hide();
}

selectedFlash = 1;

$.fn.mygallery = function(){
	var check_click = 0 ;
	var check_num = 0;
	var dcheck_num = 1;
	var img_sum = this.find('.panel');
	img_sum.find('a').append('<img class="sori" src="http://static.ogplanet.com/static/Main_v2/images/community/invite_friends_aux/sori.gif" />')
	img_sum.each(function(){
		$(this).hover(
			function () {
				$(this).find('img:first').css('border', "3px solid #63b5ff").css('padding', "0");
			}, 
			function () {
				$(this).prevAll().addClass("dcheck_num");
				dcheck_num = $('.belt .dcheck_num').length + 1;
				$(this).prevAll().removeClass("dcheck_num");
				if (dcheck_num != check_num)
				{
					$(this).find('img:first').css('border', "").css('padding', "3px");
				}
			}
		);
	})

	img_sum.click(function(){
		check_num = check_num - 1
		$('.belt .panel:eq('+ check_num +')').find('img:first').css('border', "").css('padding', "3px");
		$(this).prevAll().addClass("check_num");
		check_num = $('.belt .check_num').length + 1;
		$('.belt:eq(check_num)').find('img:first').css('border', "3px solid #63b5ff").css('padding', "0");
		$(this).prevAll().removeClass("check_num");
		selectedFlash = check_num;
		
		showECardList();
		
		var swf = $(this).attr('swf');
		ECard.showFlashObjectECard(swf, "write" ,"", "flashCard");
	});
}

$.fn.viewInviteCard = function(){//not used 
	if (this.length > 0){
		var flash = this.find('div.flash');
		var text = flash.find('div.animate p');
		function roll(text){
			text.animate({marginTop:(0-(Number(text.height()) + 10)).toString()+"px"}, text.height()*200, function(){
				$(this).css('margin-top',$(this).parent().height().toString()+"px");
				roll(text);
			});
		}
		roll(text);
		
	}
}
$.fn.InviteCopy = function(){//not used 
	if (this.length > 0){
		var flash = this.find('div.flash');
		var text = flash.find('div.animate p');
		function roll(text){
			text.animate({marginTop:(0-(Number(text.height()) + 10)).toString()+"px"}, text.height()*200, function(){
				$(this).css('margin-top',$(this).parent().height().toString()+"px");
				roll(text);
			});
		}
		roll(text);
		
	}
}
$.fn.prepVideoView = function(){
	if (this.size() > 0)
	{
		$.fn.nyroModal.settings.processHandler = function(settings) {
			var from = settings.from;
			if (from && from.href && $(from).text() == "MOVIE") {
				$.nyroModalSettings({
						type: 'swf',
						height: 325,
						width: 425,
						url: from.href
				});
			}
		};
	}
};

/*** validation collections ***/
$.fn.validateCloseReason = function(){
	var error = this.find('label.error');
	var validated = false;
	var get_val = function(dom){return dom.options[dom.selectedIndex].value;};
	var checkfunc = function(o){
		validated = true;
		var val = get_val(o);
		if (val == "select") {error.text('Please select a reason.'); validated = validated && false;}
		else {error.text(' '); validated = validated && true;}
	}
	this.find('select').change(function(){
		checkfunc(this);
	});
	this.submit(function(){
		checkfunc($(this).find('select').get(0));
		if (validated) {this.submit();}
		return false;
	});
	return this;
};
$.fn.validateLogin = function(){
	var id = this.find('#id');
	var pw = this.find('#pw');
	var error = this.find('label.error');
	var validated = false;
	this.find('input').not('.submit').each(function(){
			$(this).blur(function(){
				validated = true;
				if (this.value == "") {error.text('Please enter both input fields.'); validated = validated && false;}
				else {error.text(' '); validated = validated && true;}
			});
	});
	this.submit(function(){
		if (validated) {this.submit();}
		else{error.text('Please enter both input fields.');} 
		return false;
	});
	return this;
};
$.fn.validateVerify = function(){
	var id = this.find('#id');
	var pw = this.find('#pw');
	var email = this.find('#email');
	var emailre = this.find('#emailre');
	if (this.parents('#sub_reverifyAcc').length > 0){
	var v_id = new LiveValidation(id.attr('id'), {validMessage: " ", wait:200});
		v_id.add(Validate.Presence, { failureMessage:" "});
		v_id.add(Validate.Length, { minimum:4, maximum:20, wrongLengthMessage:" ", tooShortMessage:" ", tooLongMessage:" "});
		v_id.add(Validate.Format, { pattern: /^[a-z0-9\_\-]+$/i , failureMessage:" "});
	/*	v_id.add(Validate.Custom, {against: function(value, args)
				{//checking valid userid - via AJAX
					var rCheck = new ruserIDCheck();
					var rinput = args.uid;
					var queryURL = 'http://billing.ogplanet.com/checkuser.og?ruserid=';
					if ($('.ajax_status',o).length != 1){o.find(id).after('<span class="ajax_status"></span>');}//only create one.
					var statusLabel = $('.ajax_status',o);
					rCheck.set(rinput, queryURL, statusLabel);//AJAX function that handles user checking and related visual effects. returns if user or not user.
					rCheck.run();//AJAX check function runs..
					return rCheck.correct;
				},args: {uid: id.get(0).value}});*/
	var v_pw = new LiveValidation(pw.attr('id'), {validMessage: " ", wait:500});
		v_pw.add(Validate.Presence, { failureMessage:" "});
		v_pw.add(Validate.Length, { minimum:6, maximum:15, wrongLengthMessage:" ", tooShortMessage:" ", tooLongMessage:" "});
	var v_email = new LiveValidation(email.attr('id'), {validMessage: " ", wait:500});
		v_email.add(Validate.Presence, { failureMessage:""});	
		v_email.add(Validate.Email, { failureMessage:"Enter valid address, please."});
	var v_emailre = new LiveValidation(emailre.attr('id'), {validMessage: " ", wait:500});
		v_emailre.add(Validate.Presence);
		v_emailre.add(Validate.Confirmation, {match: email.attr('id')});
	}
	
};

$.fn.validateSignup = function(){
	var id = this.find('#id');
	var pw = this.find('#pw');
	var pwre = this.find('#pwre');
	var sa = this.find('#sa');
	var email = this.find('#email');
	var emailre = this.find('#emailre');
	var nameF = this.find('#nameF');
	var nameL = this.find('#nameL');
	var sq = this.find('#sq');
	var dobM = this.find('#dobM');
	var dobD = this.find('#dobD');
	var dobY = this.find('#dobY');
	var sex = this.find('input.sex');
	var country = this.find('#country');
	var agree = this.find('#agree');
	
	var o = this;
	if (this.parents('#sub_signup').length > 0){
	var v_id = new LiveValidation(id.attr('id'), {validMessage: " ", wait:200});
		v_id.add(Validate.Presence, { failureMessage:" "});
		v_id.add(Validate.Length, { minimum:4, maximum:20, wrongLengthMessage:" ", tooShortMessage:" ", tooLongMessage:" "});
		v_id.add(Validate.Format, { pattern: /^[a-z0-9\_\-]+$/i , failureMessage:" "});
	/*	v_id.add(Validate.Custom, {against: function(value, args)
				{//checking valid userid - via AJAX
					var rCheck = new ruserIDCheck();
					var rinput = args.uid;
					var queryURL = 'http://billing.ogplanet.com/checkuser.og?ruserid=';
					if ($('.ajax_status',o).length != 1){o.find(id).after('<span class="ajax_status"></span>');}//only create one.
					var statusLabel = $('.ajax_status',o);
					rCheck.set(rinput, queryURL, statusLabel);//AJAX function that handles user checking and related visual effects. returns if user or not user.
					rCheck.run();//AJAX check function runs..
					return rCheck.correct;
				},args: {uid: id.get(0).value}});*/
	var v_pw = new LiveValidation(pw.attr('id'), {validMessage: " ", wait:500});
		v_pw.add(Validate.Presence, { failureMessage:" "});
		v_pw.add(Validate.Length, { minimum:6, maximum:15, wrongLengthMessage:" ", tooShortMessage:" ", tooLongMessage:" "});
	var v_pwre = new LiveValidation(pwre.attr('id'), {validMessage: " ", wait:500});
		v_pwre.add(Validate.Presence);
		v_pwre.add(Validate.Confirmation, {match: pw.attr('id')});
	var v_sa = new LiveValidation(sa.attr('id'), {validMessage: " ", wait:500});
		v_sa.add(Validate.Presence, { failureMessage:" "});
		v_sa.add(Validate.Length, { minimum:3, maximum:20, wrongLengthMessage:" ", tooShortMessage:" ", tooLongMessage:" "});
	var v_email = new LiveValidation(email.attr('id'), {validMessage: " ", wait:500});
		v_email.add(Validate.Presence, { failureMessage:" "});	
		v_email.add(Validate.Email, { failureMessage:" "});
	var v_nameF = new LiveValidation(nameF.attr('id'), {validMessage: " ", wait:500});
		v_nameF.add(Validate.Presence, {});
	var v_nameL = new LiveValidation(nameL.attr('id'), {validMessage: " ", wait:500});
		v_nameL.add(Validate.Presence, {});
	var v_sq = new LiveValidation(sq.attr('id'), {validMessage: " ", wait:500});
		v_sq.add(Validate.Exclusion,{ within: ["select"], failureMessage:" "});
	
	var v_country = new LiveValidation(country.attr('id'), {validMessage: " ", wait:500});
		v_country.add(Validate.Exclusion,{ within: ["select"], failureMessage:" "});
	var v_agree = new LiveValidation(agree.attr('id'), {validMessage: " ", wait:500});
		v_agree.add(Validate.Acceptance,{failureMessage:" "});
		
	var checkArr = [v_id,v_pw,v_pwre,v_sa,v_email,v_nameF,v_nameL,v_sq,v_country, v_agree];

	//further checking..
	//1.radio buttons
	
	
	var radioChkFn = function(){
		var radioCheck = false;
		radioCheck = (sex.get(1).checked || sex.get(0).checked) ? true : false;
		var msg = (radioCheck) ? '<span class="LV_validation_message LV_valid"> </span>' : '<span class="LV_validation_message LV_invalid"> </span>';
		var inset = (radioCheck) ? 'LV_validation_message LV_valid' : 'LV_validation_message LV_invalid';
		($(sex.get(1), o).next().next().attr('class') == undefined) ? $(sex.get(1), o).next().after(msg) : $(sex.get(1), o).next().next().attr('class', inset);  
		return radioCheck;
	};
	 
	sex.click(function(){radioChkFn();});
	
	//2. birth dates.
	var get_val = function(dom){return dom.options[dom.selectedIndex].value;};
	var birthCheck = function(){
		var chkM = (get_val(dobM.get(0)) == "select") ? false : true;
		var chkD = (get_val(dobD.get(0)) == "select") ? false : true;
		var chkY = (get_val(dobY.get(0)) == "select") ? false : true;
		var check = chkM && chkD && chkY;
		var errmsg = (check) ? '' : "Please enter all parts.";
		var msg = (check) ? '<span class="LV_validation_message LV_valid"></span>' : '<span class="LV_validation_message LV_invalid">'+errmsg+'</span>';
		var inset = (check) ? 'LV_validation_message LV_valid' : 'LV_validation_message LV_invalid';
		(dobY.next().attr('class') == undefined) ? dobY.after(msg) : dobY.next().attr('class', inset).text(errmsg);
		return check;  
	};
	
	this.find('#dobM, #dobD, #dobY').change(function(){birthCheck();});
	
	this.submit(function(){
		a = radioChkFn();
		b = birthCheck(); 
		if (LiveValidation.massValidate(checkArr) && a && b)
		{
			this.submit();
		}
		return false;
	});
	
	}
};

/*** AJAX user id check function
function ruserIDCheck()//***** AJAX TESTING FUNCTION
{//takes rinput, queries it the queryURL, prints status in statusLabel
	this.userID = "";
	this.rinput = "";
	this.queryURL = "";
	this.statusLabel = "";
	this.isUser = 0;
	this.correct = false;
	var o = this;//did this to call and use 'o.isUser'. this will be updated as AJAX request is finished, which happens asynchronously but will be updated as o.isUser is calling by REFERENCE! ^^
	this.set = function(rinput,queryURL, statusLabel)
	{//sets the object variables.
		o.userID = rinput.attr('value');
		o.rinput = rinput;
		o.queryURL = queryURL;
		o.statusLabel = statusLabel;
		//o.isUser = 0;
	};
	this.run = function()//just runs the AJAX request again.
	{
		o.userID = o.rinput.attr('value');
		o.isUser = 0;
		//when input gets blurred,
		//1. show the message "Checking user id ..."
		if (o.userID != undefined)
		{
			var query = o.queryURL+o.userID;
			o.rinput.bind("ajaxSend", function(){
			//2. do an AJAX call the to the server for user check. - if only it's a new user.
				o.statusLabel.css('font-weight',"normal").css('font-size',"1em").text("Checking user id ..").css('color',"red");})
			.bind("ajaxSuccess",function(){
				if (o.isUser == 1)
			//3. if correct user, say correct
				{o.statusLabel.text("Entered a valid user ID.").css('font-weight',"normal").css('font-size',"1em").sleep(700,function(){o.statusLabel.text("");});
					o.rinput.attr('value',o.userID).css('color',"black");
					o.correct = true;}
				else if (o.isUser == 0)
			//4. if incorrect user, say "Incorrect user ID. Try again."
				{	o.statusLabel.css('font-weight',"bold").css('font-size',"2em").text("User ID NOT CORRECT!");
						o.rinput.attr('value',o.userID).css('color',"red").focus();}
				
			});
			$.getJSON(query, function(data){o.isUser = data.IsUser;});
		}
	};
}***/
// END AJAX function
/*** END validations ***/


jQuery.fn.toggleShow = function(showDiv){
	var sd = this.find(showDiv);
	var shown = false;
	var sdover = false;
	this.find('.quick_link_bu').click(function(e){
		e.preventDefault();
		if (shown) {sd.slideUp("fast"); shown=false;}
		else {
			sd.slideDown("fast");
			shown = true;}
	});
	this.hover(function(){},function(){
		if (shown )
		{
			shown = false;
			sd.slideUp("fast");
		}
		return this;
	});
	sd.hover(function(){},function(){
		if (shown )
		{
			shown = false;
			sd.slideUp("fast");
		}
		return this;
	});
	
};

jQuery.fn.balloonToggle = function(showDiv){
	var sd = $(showDiv);
	this.click(function(e){
		e.preventDefault();
		sd.show();
	});
	sd.click(function(e){
		e.preventDefault();
		sd.hide();
	});
};

jQuery.fn.addBookmark = function(){
	this.click(function(e){
		e.preventDefault();
		 var title = "OGPlanet - It's Your World - Online Games Portal"; 
		
		 var url = "http://www.ogplanet.com";
		
			if (window.sidebar) { // Mozilla Firefox Bookmark
				window.sidebar.addPanel(title, url,"");
			} else if( window.external ) { // IE Favorite
				window.external.AddFavorite( url, title); }
			else if(window.opera && window.print) { // Opera Hotlist
				return true; }
		 
	});
};

jQuery.fn.enlargeForum = function(){
	// enlarges the forum window by making it absolute.
	if (this.length != 0){
		//changing css
		var height = this.height();
		this.css('height',"30px");
		var width = this.width();
		this.css('position',"absolute");
		this.css('top',"300px");
		this.css('left',"50%");
		this.css('margin-left',"-220px");
		this.css('z-index',"99");
		//animating to enlarge forum
		this.animate({width:"900px", marginLeft:"-433px", height:height, top:"200px"},"slow");
		//adding close button
		var closePos = 'top: 188px; left:50%; margin-left:468px;'
		var close = '<a id="closeForum" href="#" style="display:block; position:absolute; '+closePos+' background:url(http://static.ogplanet.com/static/Latale/images/forum/close.gif) no-repeat; width:12px; height:12px;"></a>';
		this.parent().prepend(close);
		//when clicking this button, close css and bring to what it was before
		var forumIframe = this
		this.parent().find('#closeForum').click(function(e){
			e.preventDefault();
			//return the forum window to how it was before
			forumIframe.css('height',height);
			forumIframe.css('position',"");
			forumIframe.css('top',"");
			forumIframe.css('left',"");
			forumIframe.css('margin-left',"");
			forumIframe.css('z-index',"");
			forumIframe.css('width',"");
			$(this).remove();//remove close button.
		});
	}
	return this;
};
jQuery.fn.oddeven = function(){
	//adds odd,even class to tr's. for table row coloring/background selection.
	this.each(function(i){
		if (i % 2 == 1) {$(this).attr('class',"even"); }
		else {$(this).attr('class',"odd");}
	});
	return this;
};

jQuery.fn.pageScroll = function(){
	//handles animated scrolling to anchor locations.
	this.click(function(e){
		e.preventDefault();
		$.scrollTo($(this).attr('href'), 700, {easing:"easeOutQuart"});
	});
	return this;
};

jQuery.fn.addGoToTop = function(){
	if (this.css('top') != undefined)
	{
		var menuYloc = parseInt(this.css('top').substring(0,this.css('top').indexOf("px")));
		var el = this;
		this.click(function(e){
			e.preventDefault();
			$('html,body').animate({scrollTop:0},{duration:500, easing: "easeOutCirc"});
			
		});

	}
	return this;
};

var check = cookieMan('close_aday') == null ? false : true;

//open_gl for game_list_layer

var flag_div = false;
var flag_div_mouseover = false;
var timerID1 = null;

function open_gl(game_num) {
	clearTimeout(timerID1);
	if(game_num == 9){
		timerID1 = setTimeout('open_gl_op(' + game_num + ')', 0)
	}else{
		$('.game_list_layer').hide();
		timerID1 = setTimeout('open_gl_op(' + game_num + ')', 500)
	}
};
var id_num = 1;
function open_gl_op(game_num){

	if(check == true) return; 
	$('.close_aday').click(function(e){
		cookieMan('close_aday', 'close_true', { expires: 1, secure: false });//var close_aday_cookie does not get passed outside this function
		$('.game_list_layer').hide();
		check = true;
		
	});

	if (cookieMan('close_aday') != 'close_true')//no you have to get the value from the cookieMan('close_aday')
	{
		
		$(function(){
			id_num = game_num;
			var glayer = $('.game_list_layer');
			var peak = $('.game_list_layer .top_peak');
			var glayer_00 = $('.ogp_glmovie_loader_00');
			var glayer_01 = $('.ogp_glmovie_loader_01');
			var glayer_02 = $('.ogp_glmovie_loader_02');
			var glayer_04 = $('.ogp_glmovie_loader_04');
			//var glayer_05 = $('.ogp_glmovie_loader_05');
			var title = glayer.find('.game_layer_title_01');
			var title_00 = ('<img id="game_layer_title_img" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/game_layer_title_01.jpg" /><span>(Genre : MMORPG)</span>');
			var title_01 = ('<img id="game_layer_title_img" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/game_layer_title_02.jpg" /><span>(Genre : ACTION)</span>');
			var title_02 = ('<img id="game_layer_title_img" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/game_layer_title_03.jpg" /><span>(Genre : MMORPG)</span>');
			var title_04 = ('<img id="game_layer_title_img" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/game_layer_title_05.jpg" /><span>(Genre : ACTION)</span>');
			//var title_05 = ('<img id="game_layer_title_img" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/game_layer_title_06.jpg" /><span>(Genre : MMORPG)</span>');
			var contents = glayer.find('.game_layer_contents_01');
			var contents_00 = ('La Tale beautifully illustrates the greatest story of them all: Yours. Journey across strange and beautiful lands that combine swords, sorcery, science, art, music, and much more!');
			var contents_01 = ('Rumble Fighter offers fast-paced beat-em- up action with players from all over. Create your own unique character, equip them with sacred martial arts scrolls and powerful ExoCores, and jump into the fight.');
			var contents_02 = ('Master a wide range of skills and spectacularly animated battle moves while exploring the beautifully-rendered world of Nevareth. Challenge other players with an expanded PvP and Nation War system.');
			var contents_04 = ('Hereos from myth, legend, fantasy and sci-fi unite in an all out brawl across space and time. Use their skills to bring you fame and fortune as you battle in ancient ruins, floating castles, icy rifts, space stations and more!');
			//var contents_05 = ('An action-packed arcade game where precise timing can land you killer combos and killer rewards. Lunia combines the fun of an arcade game with the strategies and role-playing elements of a MMORPG. Hone your skills and develop your character in the wondrous world of Rodesia.');
			var scr_01 = glayer.find('.scr_list_01');
			var scr_01_00 = ('<a href="http://latale.ogplanet.com/download.og?op=gallery"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_01_01.jpg" /></a>');
			var scr_01_01 = ('<a href="http://rf.ogplanet.com/downloads/screenshots.asp"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_02_01.jpg" /></a>');
			var scr_01_02 = ('<a href="http://cabal.ogplanet.com/community.og?op=screenshot"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_03_01.jpg" /></a>');
			var scr_01_04 = ('<a href="http://lostsaga.ogplanet.com/DOWNLOADS/SCREENSHOTS.html"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_05_01.jpg"');
			//var scr_01_05 = ('');
			var scr_02 = glayer.find('.scr_list_02');
			var scr_02_00 = ('<a href="http://latale.ogplanet.com/download.og?op=gallery"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_01_02.jpg" /></a>');
			var scr_02_01 = ('<a href="http://rf.ogplanet.com/downloads/screenshots.asp"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_02_02.jpg" /></a>');
			var scr_02_02 = ('<a href="http://cabal.ogplanet.com/community.og?op=screenshot"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_03_02.jpg" /></a>');
			var scr_02_04 = ('<a href="http://lostsaga.ogplanet.com/DOWNLOADS/SCREENSHOTS.html"><img class="game_layer_title" src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_05_02.jpg"');
			//var scr_02_05 = ('');
			var global = glayer.find('.global');
			var coming_game = ('Coming soon');
			var canada_game = ('Region : USA and Canada Only');
			var none = ('');
			var game_list_scr = glayer.find('.game_list_scr');
			var game_list_scr_01 = ('<img src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_01.jpg" />');
			var game_list_scr_02 = ('<img src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_02.jpg" />');
			var game_list_scr_03 = ('<img src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_03.jpg" />');
			var game_list_scr_05 = ('<img src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_05.jpg" />');
			//var game_list_scr_06 = ('<img src="http://static.ogplanet.com/static/Main_v2/images/main/game_layer/scr_06.jpg" />');

			if( game_num != 9)
			{
				$(glayer).show();
			}

			$('.game_list_layer').mouseover(function(){
				flag_div_mouseover = true;
			});
			$('.game_list_layer').mouseout(function(){
				flag_div_mouseover = false;
			});


			switch(id_num) {
				case 0 :
					flag_div = true;
					glayer.css('margin-left', "-396px").css('margin-top', "0"); // -365 -75
					peak.css('background-position', "28px 0"); // 100 0
					title.html(title_00);
					contents.html(contents_00);
					scr_01.html(scr_01_00);
					scr_02.html(scr_02_00);
					global.html(none);
					$('.close_aday').css('padding-top', "22px");
					game_list_scr.html(game_list_scr_01);
					createPlayer('ogp_glmovie_loader', 0);
					return;
				case 1 :
					flag_div = true;
					glayer.css('margin-left', "-275px").css('margin-top', "0"); // -345 -75
					peak.css('background-position', "70px 0"); // 300 0
					title.html(title_01);
					contents.html(contents_01);
					scr_01.html(scr_01_01);
					scr_02.html(scr_02_01);
					global.html(canada_game);
					$('.close_aday').css('padding-top', "2px");
					game_list_scr.html(game_list_scr_02);
					createPlayer('ogp_glmovie_loader', 1);
					return;
				case 2 :
					flag_div = true;
					glayer.css('margin-left', "-200px").css('margin-top', "0"); // -300 -75
					peak.css('background-position', "135px 0"); // 455 0
					title.html(title_02);
					contents.html(contents_02);
					scr_01.html(scr_01_02);
					scr_02.html(scr_02_02);
					global.html(canada_game);
					$('.close_aday').css('padding-top', "2px");
					game_list_scr.html(game_list_scr_03);
					createPlayer('ogp_glmovie_loader', 2);
					return;
				case 4 :
					flag_div = true;
					glayer.css('margin-left', "-290px").css('margin-top', "0"); // -365 0
					peak.css('background-position', "382px 0"); // 100 0
					title.html(title_04);
					contents.html(contents_04);
					scr_01.html(scr_01_04);
					scr_02.html(scr_02_04);
					global.html(none);
					$('.close_aday').css('padding-top', "10px");
					game_list_scr.html(game_list_scr_05);
					createPlayer('ogp_glmovie_loader', 4);
					return;
				/*case 5 :
					flag_div = true;
					glayer.css('margin-left', "-290px").css('margin-top', "0"); // -345 0
					peak.css('background-position', "382px 0"); // 300 0
					title.html(title_05);
					contents.html(contents_05);
					scr_01.html(scr_01_05);
					scr_02.html(scr_02_05);
					global.html(none);
					$('.close_aday').css('padding-top', "34px");
					game_list_scr.html(game_list_scr_06);
					createPlayer('ogp_glmovie_loader', 5);
					return;*/

				case 9 :
					if(flag_div == true)
					{
						if(flag_div_mouseover == false){
							$('.game_list_layer').hide();
							clearTimeout(timerID1);
						}
					}
					break;
			}
		});
	}

};
var checking_play = 0;
$(function(){//#game_list_layer_close
	$('#game_list_layer_close').click(function(e){
		e.preventDefault();
		$('.game_list_layer').hide();
		player.sendEvent('STOP')
	});
	$('.game_list_scr').click(function(e){
		e.preventDefault();
		$(this).hide();
		player.sendEvent('PLAY')
		checking_play = 1;
		
	});
	$('.game_list_layer').mouseover(function(){
		flag_div_mouseover = true;
		$(this).show();
	});
	$('#super_container').mouseover(function(){
		$('.game_list_layer').hide();
		if (checking_play == 1){
			if(player.sendEvent !=null) {
				player.sendEvent('STOP');
			}
		}
	});
}); 

$.fn.gamelist_s = function(){
	$('#game_list_small').mouseover(function(){
		$('#game_list_small_div').show();
	});
	$('#game_list_small').mouseout(function(){
		$('#game_list_small_div').hide();
	});
	$('#game_list_small_div').mouseover(function(){
		$(this).show();
	});
	$('#game_list_small_div').mouseout(function(){
		$(this).hide();
	});

	$("#game_list_small_div div").each(function(){
		var gamelist_s = $(this).attr('class');
		$(this).hover(
			function () {
				$(this).attr('class',gamelist_s.replace('_off','_on'));
			}, 
			function () {
				$(this).attr('class',gamelist_s.replace('_on','_off'));
			}
		);
	})
}