var moveMainCalled = false;
var bVer;
var g_MenuState = true;
var g_opt_star="0";
var g_b_LoadStarList=false;


$(document).ready(function(){
	msieversion();	
	m_WordAjax.init(g_url);
	m_StarList.init(g_url_extra, 15,10,"");
	moveMain();	
	
	var ret = getCookie("OPT_STAR");	
	if(ret==-1) 
	{
		g_opt_star="0";
		setCookie("OPT_STAR",g_opt_star,1000);
	}
	else
	{
		g_opt_star=ret;
	}		
	

	
	if(Has_SearchEngine())
	{
		$("#bookmark").html("<div style='float:right;'><div class='widgetbtn' onclick=\"javascript:OnClickLink('http://takeoutimage.tistory.com/15')\"></div><div class='blogbtn' onclick=\"javascript:OnClickLink('http://takeoutimage.tistory.com')\"></div><div id='addsearcbtn' class='addsearchbtnoff' onclick=\"javascript:Show_AddSearchEngine()\"></div><div id='addsearch'></div></div>");
	}
	else
	{
		$("#bookmark").html("<div style='float:right;'><div class='widgetbtn' onclick=\"javascript:OnClickLink('http://takeoutimage.tistory.com/15')\"></div><div class='blogbtn' onclick=\"javascript:OnClickLink('http://takeoutimage.tistory.com')\"></div></div>");
	}
	if(g_opt_star=="1")
	{
		if(g_b_LoadStarList)
		{
			S_OpenStarDlg(2);
		}
		else 
		{
			S_OpenStarDlg(1);
		}
	}
	else
	{
		S_OpenStarDlg(0);
	}
	

});	



/* Util */

function setPng24(obj) {
    obj.width=obj.height=1;
    obj.className=obj.className.replace(/\bpng24\b/i,'');
    obj.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+ obj.src+'",sizingMethod="image");'
    obj.src='';
    return '';
}
function Encode_URI(uri)
{
	var temp = uri;
	var enuri = encodeURI(temp);	
//	ret = enuri.replace(/%20/,"%2B");
	ret = enuri.replace(/%20/,"+");
	
	return ret;
}
function Decode_URI(uri)
{
	var temp = uri;
	deuri = temp.replace(/\+/," ");	
	var ret = decodeURI(deuri);		
	
	return ret;
}
function thisMovie(movieName) 
{
	if (navigator.appName.indexOf("Microsoft") != -1) 
	{
		return window[movieName]
	} 
	else 
	{
		return document[movieName]
	}
}

function ResizeWidth_Image(maxWidth, obj) 
{		
  w = obj.width;
  h = obj.height;

  if(w > maxWidth)
  {
	  nw = maxWidth;
	  nh = Math.round((h*nw)/w);
  }else{
	nw = w;
	nh = h;
  }
  obj.height = nh;
  obj.width = nw;
//  obj.style.display = "block";
}
function Resize_Image(maxWidth, maxHeight, obj) 
{		
  w = obj.width;
  h = obj.height;


  if(w > maxWidth || h > maxHeight){
	if(w > h){
	  nw = maxWidth;
	  nh = Math.round((h*nw)/w);
	}else{
	  nh = maxHeight;
	  nw = Math.round((nh*w)/h);
	}
  }else{
	nw = w;
	nh = h;
  }
  obj.height = nh;
  obj.width = nw;
//  obj.style.display = "block";
}

function mouseover(e,obj,func) {
    var from = e?e.relatedTarget:event.fromElement;

    while(from) {
        if(from == obj) return;
        from = from.parentNode;
    }

    eval(func);
}

function mouseout(e,obj) {
    var to = e?e.relatedTarget:event.toElement;
	
    while(to) {
        if(to == obj) return false;
        to = to.parentNode;
    }

	return true;
//    eval(func);
}



/* 쿠키 관련 */
function setCookie( cookieName, cookieValue, expireDate )
{
	var today = new Date();
	today.setDate( today.getDate() + parseInt( expireDate ) );
	document.cookie = cookieName + "=" + escape( cookieValue ) + "; path=/; expires=" + today.toGMTString() + ";";
}
function getCookie( cookieName )
{
	var search = cookieName + "=";
	var cookie = document.cookie;
	
	// 현재 쿠키가 존재할 경우
	if( cookie.length > 0 )
	{
		startIndex = cookie.indexOf( cookieName );
		
		if( startIndex != -1 )
		{
			startIndex += cookieName.length;		
			endIndex = cookie.indexOf( ";", startIndex );		
			if( endIndex == -1) endIndex = cookie.length;		
			return unescape( cookie.substring( startIndex + 1, endIndex ) );
		}
		else
		{
			return -1;
		}
	}
	else
	{
		return -1;
	}
}
 function deleteCookie( cookieName )
{
	var expireDate = new Date();
	
	//어제 날짜를 쿠키 소멸 날짜로 설정한다.
	expireDate.setDate( expireDate.getDate() - 1 );
	document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
}
/* 쿠키 관련 끝 */
	
	
/* Util */








/* Top menu */
function MoveTop()
{
	if (bVer == 6) 
	{
		if($('#main').get(0))
		{
			$('#main').scrollTop(0);
		}
	}
	else
	{
		document.documentElement.scrollTop=0;		
	}
		
}

function MoveTo(val)
{
	if (bVer == 6) 
	{
		if($('#main').get(0))
		{
			$('#main').scrollTop(val);
		}
	}
	else
	{
		document.documentElement.scrollTop=val;
	}
		
}

function OnScrollPos()
{		
// 서치에서만 필요
}

function msieversion()
{
	var ua = window.navigator.userAgent;
	var msie = ua.indexOf ( "MSIE " );

	if ( msie > 0 )      // If Internet Explorer, return version number
	   bVer = parseInt (ua.substring (msie+5, ua.indexOf (".", msie )));
	else                 // If another browser, return 0
	   bVer = 0;
}

function Show_Menu(b_istop)
{
	if(bVer == 6)
	{
		if(b_istop)
		{
			$('#mode_btn2').animate({top: "42px"}, 200 );
			
			$('#logo_s').fadeIn(500);
			$('#logo').fadeOut(500);
			$('#usingerror').animate({top: "-30px"}, 200 );

			if($('#srightbody')[0])
			{				
				vtop = $('#oengine').css('top');
				temp = vtop.substring(0,vtop.length-2);
				vvtop = Number(temp)+7;
				$('#srightbody').animate({top: vvtop}, 200 );
			}
		}
		else
		{
			$('#mode_btn2').animate({top: "34px"}, 200 );
			$('#logo').fadeIn(500);
			$('#logo_s').fadeOut(500);
			$('#usingerror').animate({top: "0px"}, 200 );				
			if($('#srightbody')[0])
			{				
				vtop = $('#oengine').css('top');
				temp = vtop.substring(0,vtop.length-2);
				vvtop = Number(temp)+37;
				$('#srightbody').animate({top: vvtop}, 200 );
			}
		}
	}
	else
	{
		if(b_istop)
		{
			$('#mode_btn2').animate({top: "42px"}, 200 );
			
			$('#logo_s').fadeIn(500);
			$('#logo').fadeOut(500);

			$('#topoutbox').animate({top: "-30px"}, 200 );				
			if($('#srightbody')[0])
			{				
				vtop = $('#oengine').css('top');
				temp = vtop.substring(0,vtop.length-2);
				vvtop = Number(temp)+7;
				$('#srightbody').animate({top: vvtop}, 200 );
			}
		}
		else
		{
			$('#mode_btn2').animate({top: "34px"}, 200 );
			
			$('#logo').fadeIn(500);
			$('#logo_s').fadeOut(500);

			$('#topoutbox').animate({top: "0px"}, 200 );				
			if($('#srightbody')[0])
			{				
				vtop = $('#oengine').css('top');
				temp = vtop.substring(0,vtop.length-2);
				vvtop = Number(temp)+37;
				$('#srightbody').animate({top: vvtop}, 200 );
			}
		}
	}				
}
function Check_Scroll()
{
	if (bVer == 6) 
	{
		var scrolltop=0;
		if($('#main').get(0))
		{
			scrolltop = $('#main').scrollTop();
			if (scrolltop < 77)
			{
				if(!g_MenuState)
				{
					g_MenuState = true;
					//최대화
					Show_Menu(false);
				}
			}
			else
			{
				if(g_MenuState)
				{
					g_MenuState = false;
					//최소화
					Show_Menu(true);
				}
			}
		}
		
		var scrollheight = document.getElementById('main').scrollHeight;
		if(!scrollheight) scrollheight = document.body.scrollHeight;

		var clientheight = document.documentElement.clientHeight;
		if(!clientheight) clientheight = document.body.clientHeight;
		
		if(clientheight!=0 && scrolltop!=0 && (scrollheight-scrolltop)-clientheight<100)
		{	
			OnScrollPos();
		}		
		
	}
	else 
	
	{
		v1 = document.documentElement.scrollTop;
		v2 = document.body.scrollTop;
		if (v1 != 0 && v2 == 0) scrolltop = v1;
		else if (v1 ==0 & v2 != 0) scrolltop = v2;
		else if (v1 ==0 && v2 ==0) scrolltop= 0 ;
		if (scrolltop < 77)
		{
			if(!g_MenuState)
			{
				g_MenuState = true;
				//최대화
				Show_Menu(false);
			}
		}
		else
		{
			if(g_MenuState)
			{
				g_MenuState = false;
				//최소화
				Show_Menu(true);
			}
		}
		
		var scrollheight = document.documentElement.scrollHeight;
		if(!scrollheight) scrollheight = document.body.scrollHeight;

		var clientheight = document.documentElement.clientHeight;
		if(!clientheight) scrollheight = document.body.clientHeight;

		if(clientheight!=0 && scrolltop!=0 && (scrollheight-scrolltop)-clientheight<100)
		{
			OnScrollPos();
		}
		
	}
	setTimeout("Check_Scroll()",800);
}
function Check_FullScroll()
{
	var scrollheight=0;
	var clientheight=0;
	
	if (bVer == 6) 
	{
		scrollheight = document.getElementById('main').scrollHeight;//$('#main').scrollHeight;
		if(!scrollheight) scrollheight = document.body.scrollHeight;

		clientheight = document.documentElement.clientHeight;
		if(!clientheight) clientheight = document.body.clientHeight;		
	}
	else 
	{		
		scrollheight = document.documentElement.scrollHeight;
		if(!scrollheight) scrollheight = document.body.scrollHeight;

		clientheight = document.documentElement.clientHeight;
		if(!clientheight) scrollheight = document.body.clientHeight;
	}
	
//	alert(scrollheight+" "+clientheight);
	if(scrollheight<=(clientheight+100))return false;
	
	return true;
}
function moveMain()
{
	if(!moveMainCalled)
	{
		moveMainCalled = true;
		Check_Scroll();
	}
	return true;
}
/* Top menu */





function S_OpenStarDlg(state)
{
	Set_HomePos(state);
	
	switch(state)
	{
		case 0:
			$('#starmenu').hide();
//			$('#relword').css({top:'79px'});
			$('#paperbtn').css({top:'82px'});
			$('#starbtn').css({top:'43px'});
			$('#starbtn').removeClass().toggleClass("off");		
			$('#oengine').css({top:'82px'});
			
			$('#engineoption').css({top:'55px'});

		break;
		case 1:

			$('#starmenu').show();
			$('#starmenu').css({height:'42px'});
			$('#starcat').css({height:'42px'});
			$('#starlist').hide();
//			$('#relword').css({top:'121px'});
			$('#oengine').css({top:'125px'});
			$('#paperbtn').css({top:'123px'});
			$('#starbtn').css({top:'84px'});
			$('#starbtn').removeClass().toggleClass("on");		
			
			$('#engineoption').css({top:'97px'});
			
		break;
		case 2:
			$('#starmenu').show();
			$('#starmenu').css({height:'172px'});
			$('#starcat').css({height:'39px'});
			$('#starlist').show();
			
//			$('#relword').css({top:'251px'});
			$('#oengine').css({top:'255px'});
			$('#paperbtn').css({top:'253px'});
			$('#starbtn').css({top:'214px'});
			$('#starbtn').removeClass().toggleClass("on");		
			
			$('#engineoption').css({top:'227px'});

		break;
	}
				
	if($('#srightbody')[0])
	{				
		vtop = $('#oengine').css('top');
		temp = vtop.substring(0,vtop.length-2);
		vvtop = Number(temp)+(g_MenuState?37:7);
		$('#srightbody').css({top: vvtop});
	}
		
	g_showstate=state;
	
	if(g_showstate)g_opt_star="1";
	else g_opt_star="0";
	
	setCookie("OPT_STAR",g_opt_star,1000);	
}



var g_showstate=1;

function S_ShowStar()
{
	if(g_showstate)S_OpenStarDlg(0);
	else 
	{
		if(g_b_LoadStarList)
			S_OpenStarDlg(2);
		else 
			S_OpenStarDlg(1);
	}
	
	S_OpenStarDlg(g_showstate);
}


var category="";
var gender="";
var prefix="";


var precat=-1;
var prech=1;
var pregen=1;

function S_ChangeCat(val,cat)
{
	category = encodeURI(cat);
	S_OpenStarDlg(2);	
	m_StarList.Load_List(1);	
	g_b_LoadStarList=true;	

	$('#scat_'+precat).removeClass().toggleClass("off");	
	$('#scat_'+val).removeClass().toggleClass("on");	
	precat=val;
		
	S_ChangeCh(1,'all');
	S_ChangeGen(1,'all');	
}

function S_ChangeCh(val,cchar)
{
	prefix=encodeURI(cchar);
	m_StarList.Load_List(1);	
	$('#schar_'+prech).removeClass().toggleClass("off");	
	$('#schar_'+val).removeClass().toggleClass("on");	
	prech=val;
}

function S_ChangeGen(val,gen)
{
	gender=gen;
	m_StarList.Load_List(1);	
	$('#sgen_'+pregen).removeClass().toggleClass("off");		
	$('#sgen_'+val).removeClass().toggleClass("on");		
	pregen=val;
}

	


var m_StarList =
{ 
	init: function (url, getcount,pagecountperscreen,option)
	{
		this.url = url;
		
		this.getcount = getcount;
		this.pagecountperscreen = pagecountperscreen;

		this.option = option;
		this.b_working=false;
				
		if(this.page==null)this.page = 1;
		
	},
	Load_NextPageList: function()
	{		
		if(this.total_page>this.page)
		{
			this.page = Number(this.page)+1;
			
			this.Load_List(this.page);
			return true;
		}
		else
		{
			return false;
		}
	},	
	Load_PrevPageList: function()
	{
		if(this.page>1)
		{
			this.page = Number(this.page)-1;
			
			this.Load_List(this.page);
			return true;
		}		
		else
		{
			return false;
		}
	},	
	Load_List: function(page)
	{				
		this.page=page;

		var param = "";	
		
		if(this.b_working==false)
		{
			for(i=0;i<=16;i++)
			{
				this.Clear_Content(i, "");
			}
			
			this.b_working = true;
			
			$('#starloading').show();		
			
			var option ="&category="+category+"&gender="+gender+"&prefix="+prefix;
			
			var param = "imgret=RET_GET_STARLIST3&page="+page+"&getcount="+this.getcount+option;	
			var othis = this;			
			
			$.ajax(
			{
				type: "GET",
				url: othis.url,
				data: param,
//				async:false,
				
				success: function(request) 
				{
					var res = request;							
					var result = res.getElementsByTagName("result")[0].firstChild.nodeValue;											
					
					switch (result) 
					{
						case 'EMPTY':
							othis.Print_EmptyInfo();
							break;
						case 'FAIL':
							break;
							
						case 'SUCCESS':
							
								var total_record = res.getElementsByTagName("total_record")[0].firstChild.nodeValue;				
								var page = res.getElementsByTagName("page")[0].firstChild.nodeValue;												
								var titles = res.getElementsByTagName("title");
								var imgs = res.getElementsByTagName("img");
								var searchnames = res.getElementsByTagName("searchname");
								
								othis.Print_PagingBar(total_record,page);		
					
								if( titles.length > 0 ) 
								{
									
									for( var i=0;i<titles.length;i++ ) 
									{
										var list1 = titles[i];
										var list2 = imgs[i];
										var list3 = searchnames[i];
										
										var title = list1.childNodes[0].nodeValue;
										var img = list2.childNodes[0].nodeValue;
										var searchname = list3.childNodes[0].nodeValue;
										othis.Print_Content(i, title,img,searchname);
									}

									for(i=titles.length;i<othis.getcount;i++)
									{
										othis.Clear_Content(i, "");
									}
								}	
							
						default:
							//					window.alert(result);
							break;
					}
					othis.b_working=false;
					
				},
				error: function(request) 
				{
					othis.b_working=false;					
				},
				complete: function(request) {}
			});
		
			
		}		
	},
	Print_EmptyInfo: function()
	{
		$('#starloading').hide();
		this.b_working=false;
		$('#paging').html("");	
		for(i=0;i<this.getcount;i++)
		{
			$('#sitem_'+i).html("");
		}
	},		

	Print_Content: function(idx, title, img, searchname)
	{

		if(searchname=="")
		{
			searchname = title;			
		}
		
		if(title)
		{
			$('#sitem_'+idx).html("<div class='starbox' title='"+title+"' onclick=\"Search_Sametab('"+searchname+"',1);\" style='display: block;'><div class='img'><table cellspacing='0' cellpadding='0'><tbody><tr><td height='60' width='60' valign='middle' align='center'><img width='52' src='"+img+"'/></td></tr></tbody></table></div><div class='title'>"+title+"</div></div>");
			tooltip.add($('#sitem_'+idx+' div' ).get(0));
		}
	},		


	Clear_Content: function(idx, content)
	{
		$('#sitem_'+idx).html("");
	},		

	Print_PagingBar: function(total_record,page)		
	{		
		this.page = page;
		$('#starloading').hide();//fadeOut(300);
		
		var first = this.getcount * (page -1);
		var no = total_record - first;
		
		this.total_record = total_record;
		
		this.total_page = Math.ceil(total_record/this.getcount);

		var total_block = Math.ceil(this.total_page/this.pagecountperscreen);	
		var block = Math.ceil(page/this.pagecountperscreen);
		
		var first_page = (block-1)*this.pagecountperscreen;
		var last_page = block*this.pagecountperscreen;
		
		var prev = first_page;
		var next = last_page + 1;
		var go_page = first_page +1;
		
		if(total_block<=block)
			last_page = this.total_page;
			
		var paging = "<table align=center><tr>";
			if(block>1)
				paging +="<td width=20 align=left><a href=\"javascript:m_StarList.Load_List('"+prev+"');\"> <<&nbsp;&nbsp;</a></td>";				
			for(go_page; go_page<=last_page; go_page++)
			{
				if(page==go_page)
					paging +="<td width=13><font color='#e5389c'> "+go_page+" </font></td>";
				else
					paging +="<td width=13><a href=\"javascript:m_StarList.Load_List('"+go_page+"');\"> "+go_page+" </a></td>";
			}
			if(block<total_block)
				paging +="<td width=20 align=left><a href=\"javascript:m_StarList.Load_List('"+next+"');\">&nbsp;&nbsp;>> </a></td>";				

		paging += "</tr></table>";

		$('#paging').html(paging);		
	}	
}		

/* Open Search */
function Show_TodayAddSearchEngine() 
{
	if(Has_SearchEngine()==1)
	{
		var ret = getCookie("opensearch");

		if(ret==-1)
		{
			Show_AddSearchEngine();
		}
	}
}

function Close_AddSearchEngine(val) 
{
	if(val==1) // 더이상 안열기 버튼
	{
		setCookie("opensearch",1,30);		
	}
	else if(val==2) // 설치 버튼 클릭
	{
		setCookie("opensearch",1,1000);		
	}
	
	$("#addsearch").hide();
	$("#addsearcbtn").removeClass().toggleClass("addsearchbtnoff");
}

function Show_AddSearchEngine() 
{
	var brnscript = "<div class='ok' onclick=\"javascript:Add_SearchEngine()\"></div><div class='close' onclick=\"javascript:Close_AddSearchEngine(0)\"></div><div class='nomore'><a href=\"javascript:Close_AddSearchEngine(1)\">이 안내창 더이상 열지 않기</a></div>";

	if(Has_SearchEngine())
	{
		if (jQuery.browser.mozilla) 
		{
			$("#addsearch").css("background-image","url(http://www.takeoutimage.com/img/search1.jpg)");
			$("#addsearch").html(brnscript);
			$("#addsearcbtn").removeClass().toggleClass("addsearchbtnon");
			$("#addsearch").show();
		}
		else if(jQuery.browser.msie)
		{
			$("#addsearch").css("background-image","url(http://www.takeoutimage.com/img/search2.jpg)");
			$("#addsearch").html(brnscript);
			$("#addsearcbtn").removeClass().toggleClass("addsearchbtnon");
			$("#addsearch").show();
		}
	}
}

function Add_SearchEngine() 
{
	var url = "http://www.takeoutimage.com/OpenSearch.xml";  

	if(Has_SearchEngine())
	{
		try {	
		    window.external.AddSearchProvider(url);
		} catch (e) {}			
	}
	
	Close_AddSearchEngine(2);	
}

function Has_SearchEngine()
{	
	var url = "http://www.takeoutimage.com";	
	if(jQuery.browser.msie)
	{
		if(window.external)
		{
			try 
			{	
				if(window.external.IsSearchProviderInstalled(url))
				{
					return 2;
				}
				else
				{
					return 1;
				}
			} catch (e) 
			{ 			
				return 0; 
			}			
		}
	}

	if ((jQuery.browser.msie || jQuery.browser.mozilla) && window.external)
	{
		try 
		{	
			if(("AddSearchProvider" in window.external)) 
				return 1;
			else
				return 0;
		} catch (e) { return 0; }					
	}
	
	return 0;
}

/* Open Search */


/* rolling SearchWord */

function Init_SearchWord()
{
	var param = "";		
	var rankwidget="";

	if($("#adarea").html())return;

	param = "imgret=RET_SEARCHRANK&type=1";
	
	$.ajax({
		type: "GET",
		url: g_url,
		data: param,
		
		
		success: function(request)
		{
			var res = request;		
			
			var contents = res.getElementsByTagName("K");
			var updowns = res.getElementsByTagName("S");
			var changes = res.getElementsByTagName("V");
			var list="";

			var rollingDiv = $("#adarea");
			rollingDiv.rolling("up", 150, 18, 1);
			$("#adarea").show();
			$("#adarea").bind("mouseover", function() {$("#adarea").stopRolling();});
			$("#adarea").bind("mouseover", function() {set_rankwidget('1',true);$("#ranking").show()});
			$("#ranking").bind("mouseout", function() {if(mouseout(arguments[0],this)){set_rankwidget('1',true);$('#ranking').hide();$('#adarea').resumeRolling();}});

			if( contents.length > 0 ) 
			{
				for( var i=0;i<contents.length;i++ ) 
				{
					var title = contents[i].childNodes[0].nodeValue;
					var updown = updowns[i].childNodes[0].nodeValue;
					var change = changes[i].childNodes[0].nodeValue;
												
					if(updown=="+")
					{
						updown = "<img src=http://www.takeoutimage.com/img/rank_up.gif width='11' height='10' align='absmiddle'>";
					}
					else if(updown=="-")
					{
						updown = "<img src=http://www.takeoutimage.com/img/rank_down.gif width='11' height='10' align='absmiddle'>";
					}
					else // new
					{
						updown = "&nbsp;&nbsp;&nbsp;&nbsp;<img src=http://www.takeoutimage.com/img/rank_new.gif width='20' height='5' align='absmiddle'>";
						change="&nbsp;";
					}

					rollingDiv.addRollingItem("<li><div class='list_wrap'><span class='rank_num'><em>"+(i+1)+"</em></span><strong>"+title+"</strong><span class='updown'>"+updown+" "+change+"</span></div></li>");
					
					list += "<li><div class='list_wrap'><span class='rank_num'><em>"+(i+1)+"</em></span><strong><a href=\"javascript:OnClickRankWord('"+title+"')\">"+title+"</a></strong><span class='updown'>"+updown+" "+change+"</span></div></li>";
				}
			}				
			
			m_WordAjax.Print_WordList("rank_1",list);
			
			if($("#rank_home").get(0))
			{
				$("#rank_home").html("");
				m_WordAjax.Print_WordList("rank_home",list);
			}
			
			rollingDiv.bindRollingEvent(function(event, currentRollingItem) {});
			rollingDiv.bindViewingEvent(function(event, currentRollingItem) {});
			rollingDiv.bindStartEvent(function(event) {});
			rollingDiv.bindStopEvent(function(event) {});
			rollingDiv.bindReverseEvent(function(event) {});
			rollingDiv.startRolling(1, 3000, 30);
		
		},
		error: function(request) {
			},
		complete: function(request) {
			}
	});		
	
	
}
/* rolling SearchWord */




var m_WordAjax =
{ 
	init: function (url)
	{
		this.url = url;
	},
	Load_SearchRank: function(domid, rankid)
	{			
		var param = "";		
		var rankwidget="";
					
		param = "imgret=RET_SEARCHRANK&type="+rankid;
	
		var othis = this;
		othis.Show_LoadingInfo(domid);	
			
		$.ajax({
			type: "GET",
			url: this.url,
			data: param,
			
			success: function(request) 
			{
				var res = request;//.responseXML;			
				
				var contents = res.getElementsByTagName("K");
				var updowns = res.getElementsByTagName("S");
				var changes = res.getElementsByTagName("V");
				
				if( contents.length > 0 ) 
				{
					othis.rankwidget="";
					for( var i=0;i<contents.length;i++ ) 
					{
						var title = contents[i].childNodes[0].nodeValue;
						var updown = updowns[i].childNodes[0].nodeValue;
						var change = changes[i].childNodes[0].nodeValue;
													
						if(updown=="+")
						{
							updown = "<img src=http://www.takeoutimage.com/img/rank_up.gif width='11' height='10' align='absmiddle'>";
						}
						else if(updown=="-")
						{
							updown = "<img src=http://www.takeoutimage.com/img/rank_down.gif width='11' height='10' align='absmiddle'>";
						}
						else // new
						{
							updown = "&nbsp;&nbsp;&nbsp;&nbsp;<img src=http://www.takeoutimage.com/img/rank_new.gif width='20' height='5' align='absmiddle'>";
							change="&nbsp;";
						}
												
						othis.rankwidget += "<li><div class='list_wrap'><span class='rank_num'><em>"+(i+1)+"</em></span><strong><a href=\"javascript:OnClickRankWord('"+title+"')\">"+title+"</a></strong><span class='updown'>"+updown+" "+change+"</span></div></li>";
						
					}
				}				
				othis.Hide_LoadingInfo(domid);
				othis.Print_WordList(domid,othis.rankwidget);
			},
			error: function(request) {
				},
			complete: function(request) {
				}
		});		
	
	},
	Print_WordList: function(domid, rankwidget)
	{
		if($("#"+domid).html()=="")
		{
			if(domid=="rank_home")
			{
				$("#"+domid).html("<ul class='rank01' style='border-bottom:none'>"+rankwidget+"</ul>");
			}
			else
			{
				$("#"+domid).html("<ul class='rank01'>"+rankwidget+"</ul>");
			}
		}	
	},
	Show_LoadingInfo: function(domid)
	{			
		$('#'+domid).html("<table  width=100% height=100%  vliagn=middle><tr><td align=center><img src='http://www.takeoutimage.com/img/ajax_s.gif'/></td></tr></table>");
	},
	Hide_LoadingInfo: function(domid)
	{			
		$('#'+domid).html("");
	}

}	


/* widget */
var i_prevno=-1;
function set_rankwidget(i_no,ireset)
{
	if(i_prevno>0)
	{	
		$('#rank_'+i_prevno).hide();	
		$('#rtitle_'+i_prevno).removeClass().toggleClass("rank_title");
		$('#rank_'+i_prevno).removeClass().toggleClass("rank_content");		
	}
	if(ireset || (i_prevno != i_no && i_no>0))
	{
		$('#rank_'+i_no).show();					
		$('#rtitle_'+i_no).removeClass().toggleClass("rank_titleon");
		$('#rank_'+i_no).removeClass().toggleClass("rank_contenton");
 
		i_prevno = i_no;
		g_opt_wz=i_prevno;

		if($('#rank_'+i_no).html()=="")
		{
			m_WordAjax.Load_SearchRank('rank_'+i_no,i_no);
		}
	}
	else
	{
		g_opt_wz="1";
		i_prevno=-1;
	}
}



/* Search */
function OnOpenTakeout(md5)
{
	window.open(g_server+"/"+md5);
}
function OnClickLink(s_link) 
{
	window.open(s_link);
}	

function OnClickRankWord(s_tag) 
{
	Search_Sametab(s_tag);
}	

function Click_Search()
{	
	Search_Sametab($('#searchfield').val())

}
function Click_SearchNewtab()
{
	Search_Newtab($('#searchfield').val())
}

// 앞에 스페이스가 있을때 제거.
function Check_QueryText(val)
{
	var i_length = val.length;
	var b_isspace=false;
	var ret="";
	
	for(i=0;i<i_length;i++)
	{
		if(val.charCodeAt(i)==32)
		{
			b_isspace=true;			
		}
		else
		{
			break;
		}
	}


	if(b_isspace)
	{
		if(i==i_length)
		{
			ret = false;
		}
		else
		{
			ret = val.substr(i,i_length-i);			
		}
	}
	else
	{
		ret = val;
	}
	
	return ret;
}
/* Search */




function Init_Cart()
{	
	g_Storage = thisMovie("supercookie");	

	var i_length = g_Storage.Get_Length();
	
	var s_data="";
	g_dropcount=0;
	
	if(i_length>0)
	{
		$('#mbcontent').html("<ul id='droplist'></ul>");
		for(i=0;i<i_length;i++)
		{
			s_data = g_Storage.Get_Data(i);	

			var s_item = s_data.split('||');
			
			Add_ToCart(s_item[0]);

			g_dropcount++;
		}
	}
	else
	{
		$('#mbcontent').html("<table width='148' height='100%'><tr><td align='center' valign='middle'><img class='png24' src='http://www.takeoutimage.com/img/myboxdef.png' /><br />가져갈 이미지와 동영상을<br />끌어서 담아주세요</td></tr></table>");
		g_dropcount=0;		
		$("#myboxtitle").html("내 보관함");		
	}	
}



function OnClearCart()
{
	var i_length = g_Storage.Get_Length();
	
	if(i_length>0)
	{
		var ret = confirm("내 보관함에 담아 놓은 이미지와 동영상을 모두 삭제하겠습니까?");	
		
		if(ret)
		{
			g_Storage.Clear_Data();			
		}
	}
	Init_Cart();
}

function OnDelCartItem(oitem)
{
	var i_index = $("div.item div.itemclose").index(oitem);

	g_Storage.Remove_Data(i_index);
	$(oitem).parent().parent().remove();//fadeOut(300);
	g_dropcount--;
	
	var i_length = g_Storage.Get_Length();
	
	if(i_length<=0)
	{
		Init_Cart();		
	}	
	$("#myboxtitle").html("내 보관함 ("+g_Storage.Get_Length()+")");	
}

function OnDropCart(ev, ui)
{
	if(g_Storage.Get_Length()>30)
	{
		alert("내 보관함에는 이미지/동영상을 최대 30개 이상은 넣을 수 없습니다\r\n페이퍼를 만드신 후 다시 이용해 주세요");
		return;
	}
	
	if(g_dropcount==0)$('#mbcontent').html("<ul id='droplist'></ul>");

	var photoId = $(ui.draggable).attr('id');
	
	photoId = photoId.substring(5,photoId.length);
	var isnew = true;
	var itemobject = g_ContentList[Number(photoId)];
	
	itemobject.type = String(itemobject.type);
	switch(itemobject.type)
	{
		case "1":
		case "2":
		case "7":
			var s_data = itemobject.thumb+"||"+itemobject.title+"||"+itemobject.source+"||"+itemobject.image+"||"+itemobject.size+"||"+itemobject.type;
			
			if(g_Storage.Find_Data(s_data)==-1)
			{
				g_Storage.Add_Data(s_data);	
				Add_ToCart(itemobject.thumb);
				g_dropcount++;
			}
			break;			
		case "4":
		case "5":
		case "6":
		case "B1": // 다음
		case "B2": // 싸이월드
//			case "B3": // 네이버
		case "B4": // 엠엔캐스트
		case "B5": // 유튜브
		case "B6": // 판도라TV
		case "B7": // 프리애그
			var type = Number(itemobject.type);
			if(itemobject.type=="B1")type=3;
			else if(itemobject.type=="B2")type=8; 
			else if(itemobject.type=="B4")type=10; 
			else if(itemobject.type=="B5")type=6; 
			else if(itemobject.type=="B6")type=5; 
			else if(itemobject.type=="B7")type=11; 
			var s_data = itemobject.thumb+"||"+itemobject.title+"||"+itemobject.source+"||"+itemobject.image+"||"+itemobject.size+"||"+type;
			if(g_Storage.Find_Data(s_data)==-1)
			{
				g_Storage.Add_Data(s_data);			
				Add_ToCart(itemobject.thumb);
				g_dropcount++;
			}
			break;
		case "3":
			// 다음 비디오
			param = "imgret=RET_GETVIDEO1&vid="+itemobject.image;		
			var othis = this;	
			
			$.ajax({
				type: "GET",
				url: g_url,
				data: param,
				
				success: function(request) 
				{
					var res = request;//.responseXML;			
					var result = res.getElementsByTagName("result")[0].firstChild.nodeValue;						
					
					switch(result) 
					{
						case 'EMPTY':							
							break;
		
						default :
							var s_data = itemobject.thumb+"||"+itemobject.title+"||"+itemobject.source+"||"+result+"||"+itemobject.size+"||3";
							
							if(g_Storage.Find_Data(s_data)==-1)
							{
								g_Storage.Add_Data(s_data);			
								Add_ToCart(itemobject.thumb);
								g_dropcount++;
							}
							break;
					}				
				},
				error: function(request) {},
				complete: function(request) {}
			});
			break;
	}		
		
	$('#mbcontent').scrollTop($('#mbcontent').height());
}

function Add_ToCart(thumb)
{
	$("#droplist").append("<div class='item'><div class='iteminbox'><img src='"+thumb+"' width='62' /><div class='itemclose' onclick='OnDelCartItem(this)'><img src='http://www.takeoutimage.com/img/deltakeout.gif'/></div></div></div>");

	$("#droplist > .item").bind("mouseover", function() {$(this).contents().find(".itemclose").show()});
	$("#droplist > .item").bind("mouseout", function() {if(mouseout(arguments[0],this) && $(this).hasClass('iteminbox')==false){$(this).contents().find('.itemclose').hide();}});
	
	$("#myboxtitle").html("내 보관함 ("+g_Storage.Get_Length()+")");
}

function Add_GetVideoIDAndAddCart(itemobject)
{		
	var param = "";		

	switch(itemobject.type)
	{
		case "4":
		case "5":
		case "6":
		case "B1": // 싸이월드
		case "B2": // 싸이월드
			var type = itemobject.type;
			if(itemobject.type=="B1")type='3';
			else if(itemobject.type=="B1")type='8'; 
			var s_data = itemobject.thumb+"||"+itemobject.title+"||"+itemobject.source+"||"+itemobject.image+"||"+itemobject.size+"||"+type;
			g_Storage.Add_Data(s_data);			
			Add_ToCart(itemobject.thumb);
			break;
		case "3":
			// 다음 비디오
			param = "imgret=RET_GETVIDEO1&vid="+itemobject.image;		
			var othis = this;	
			
			$.ajax({
				type: "GET",
				url: g_url,
				data: param,
				
				success: function(request) 
				{
					var res = request;//.responseXML;			
					var result = res.getElementsByTagName("result")[0].firstChild.nodeValue;						
					
					switch(result) 
					{
						case 'EMPTY':							
							break;
		
						default :
							var s_data = itemobject.thumb+"||"+itemobject.title+"||"+itemobject.source+"||"+result+"||"+itemobject.size+"||"+itemobject.type;
							
							if(g_Storage.Find_Data(s_data)==-1)
							{
								g_Storage.Add_Data(s_data);			
								Add_ToCart(itemobject.thumb);
							}
							break;
					}				
				},
				error: function(request) {},
				complete: function(request) {}
			});
			break;
	}
}

function OnTakeout()
{
	var i_length = g_Storage.Get_Length();
	
	if(i_length>0)
	{
		window.open('takeout.php', 'takeout');
	}
	else
	{
		alert("내 보관함이 비어 있습니다.\r\n가져가길 원하는 이미지나 동영상을 끌어서 담으신 후 다시 해 주세요.");
	}
}

function OnCompleteTakeout()
{
	Init_PreTakeout();	
//	g_Storage.Clear_Data();			
//	Init_Cart();
}
function OnRefreshTakeout()
{
//	Init_Cart();
}


/* search 화면을 제외한 곳에서 쓰임 */
function Search_Newtab(query)
{	
	var querytxt = Check_QueryText(query);

	if(querytxt)
	{
		g_query=querytxt;
		window.open(g_server+"/?search#q="+g_query);
	}					
}

function Search_Sametab(query)
{
	var querytxt = Check_QueryText(query);

	if(querytxt)
	{
		g_query=querytxt;
		window.location.href = g_server+"/?search#q="+g_query;
	}
}
/* //search 화면을 제외한 곳에서 쓰임 */



function Init_PreTakeout()
{
	var ret1=null;
	var ret2=null;
	var list="";
	for(i=0;i<5;i++)
	{
		ret1 = getCookie("taketitle_"+i);		
		ret2 = getCookie("takeno_"+i);		
		
		if(ret1!=-1 && ret2!=-1) 
		{		
			list += "<li><div class='list_wrap'><div class='title' style='width:145px'><a href=\"javascript:OnOpenTakeout('"+ret2+"')\">"+ret1+"</a></div></div></li>";
		}
	}		
	if(list!="")
	{
		$("#takecontent").html("<ul class='rank01' style='border-bottom:none'>"+list+"</ul>");
	}
	else
	{
		$("#takecontent").html("<ul class='takeinfo'><li>내가 만든 페이퍼가 없습니다.</li><li>검색 후 원하는 미디어를 내보관함에 담아 페이퍼를 만드세요</li></ul>");
	}
	
}





function Load_SwfVideo(s_domid, i_type, s_video)
{
	
	var videoid;
	var videolink;
	var params     = {"allowfullscreen": 'true',"allowscriptaccess":'always', 'wmode' :'opaque'};		
	var params2     = {};		
	var flashvars  = {};
	var attributes = {};
	var content ="";
	
	if(i_type=="B1")i_type=3;
	else if(i_type=="B2")i_type=8; 
	else if(i_type=="B4")i_type=10; 
	else if(i_type=="B5")i_type=6; 
	else if(i_type=="B6")i_type=5; 
	else if(i_type=="B7")i_type=11; 
	
	switch(i_type)
	{
		case 3:
			attributes = {"name": "video", "id": s_domid};
			videolink = "http://flvs.daum.net/flvPlayer.swf?vid="+s_video;
			if (swfobject) swfobject.embedSWF(videolink, s_domid, 502, 399, "9","", flashvars, params, attributes);
			break;
		case 4:
			attributes = {"name": "video", "id": videoid};
			videolink = "http://play.mgoon.com/Video/"+s_video+"/";
			if (swfobject) swfobject.embedSWF(videolink, s_domid, 500, 423, "9","", flashvars, params2, attributes);
			break;
		case 5:
			attributes = {"name": "video", "id": videoid};
			videolink = "http://flvr.pandora.tv/flv2pan/flvmovie.dll/"+s_video;
			if (swfobject) swfobject.embedSWF(videolink, s_domid, 640, 385, "9","", flashvars, params, attributes);
			break;
		case 6:
			attributes = {"name": "video", "id": videoid};
			videolink = "http://www.youtube.com/v/"+s_video+"&hl=ko&fs=1";
			if (swfobject) swfobject.embedSWF(videolink, s_domid, 640,385, "9","", flashvars, params, attributes);
			break;
		case 8:
			attributes = {"name": "video", "id": videoid};
			videolink = "http://dbi.video.cyworld.com/v.sk/movie/"+s_video;
			if (swfobject) swfobject.embedSWF(videolink, s_domid, 480,412, "9","", flashvars, params, attributes);
			break;
		case 10:
			attributes = {"name": "video", "id": videoid};
			videolink = "http://dory.mncast.com/mncastPlayer.swf?movieID="+s_video;
			if (swfobject) swfobject.embedSWF(videolink, s_domid, 526,453, "9","", flashvars, params, attributes);
			break;
		case 11:
			attributes = {"name": "video", "id": videoid};
			videolink = "http://www.freeegg.com/flash/player/flvContainer.swf?id="+s_video;
			if (swfobject) swfobject.embedSWF(videolink, s_domid, 605,385, "9","", flashvars, params, attributes);
			break;
	}
			
}


function OnClickBestVideo(titleid,thumbid,s_video,s_type)
{
	switch(s_type)
	{
		case "B1": // 다음
			var videolink = "http://flvs.daum.net/flvPlayer.swf?vid="+s_video;				
			hs.htmlExpand($("#"+thumbid).get(0), { objectType: 'swf', captionId:titleid, src: videolink , swfOptions: {version: '8', params: {allowfullscreen: 'true',allowscriptaccess:'always'} }, width: 502, objectWidth: 502, objectHeight: 399, maincontentText: 'You need to upgrade your Flash player' } )	;		
			break;
		case "B2": // 싸이월드
			var videolink = "http://dbi.video.cyworld.com/v.sk/movie/"+s_video;				
			hs.htmlExpand($("#"+thumbid).get(0), { objectType: 'swf', captionId:titleid, src: videolink , swfOptions: {version: '8', params: {allowfullscreen: 'true',allowscriptaccess:'always'} },width: 480, objectWidth: 480, objectHeight: 412, maincontentText: 'You need to upgrade your Flash player' } )	;		
			break;
/*		case "B3": // 네이버
			break;*/
		case "B4": // 엠엔캐스트
			var videolink = "http://dory.mncast.com/mncastPlayer.swf?movieID="+s_video;
			hs.htmlExpand($("#"+thumbid).get(0), { objectType: 'swf', captionId:titleid, src: videolink , swfOptions: {version: '8', params: {allowfullscreen: 'true',allowscriptaccess:'always'} },width: 526, objectWidth: 526, objectHeight: 453, maincontentText: 'You need to upgrade your Flash player' } )	;		
			break;
		case "B5": // 유튜브
			var videolink = "http://www.youtube.com/v/"+s_video+"&hl=ko&fs=1";			
			hs.htmlExpand($("#"+thumbid).get(0), { objectType: 'swf', captionId:titleid, src: videolink , swfOptions: {version: '8', params: {allowfullscreen: 'true',allowscriptaccess:'always'} },width: 640, objectWidth: 640, objectHeight: 385, maincontentText: 'You need to upgrade your Flash player' } )	;		
			break;
		case "B6": // 판도라TV
			var videolink = "http://flvr.pandora.tv/flv2pan/flvmovie.dll/"+s_video;
			hs.htmlExpand($("#"+thumbid).get(0), { objectType: 'swf', captionId:titleid, src: videolink , swfOptions: {version: '8', params: {allowfullscreen: 'true',allowscriptaccess:'always'} },width: 640, objectWidth: 640, objectHeight: 385, maincontentText: 'You need to upgrade your Flash player' } )	;		
			break;
		case "B7": // 프리애그
			var videolink = "http://www.freeegg.com/flash/player/flvContainer.swf?id="+s_video+"\&autoplay=true";				
			hs.htmlExpand($("#"+thumbid).get(0), { objectType: 'swf', captionId:titleid, src: videolink , swfOptions: {version: '8', params: {allowfullscreen: 'true',allowscriptaccess:'always'} },width: 605, objectWidth: 605, objectHeight: 385, maincontentText: 'You need to upgrade your Flash player' } )	;		
			break;
	}		

	Add_VideoViewCount(s_video);
}



function Add_VideoViewCount(s_video)
{
	var param = "imgret=RET_ADDVIEWCOUNT&video="+s_video;
	
	$.ajax({
		type: "GET",
		url: g_videoupdate,
		data: param,
		
		success: function(request) {},
		error: function(request) {},
		complete: function(request) {}

	});			
}