//GLOBALS
var searchBoxHTML = null;
var localcount = 0;
var curtpage = 0;
var roundedsettings = {
      tl: { radius: 20 },
      tr: { radius: 20 },
      bl: { radius: 20 },
      br: { radius: 20 },
      antiAlias: true,
      autoPad: true,
      validTags: ["div"]
};
var divshown = '';
//functions
function gid(id)
{
	return document.getElementById(id);
}
function findX(obj)
{
	var curleft = 0;
	if(obj.offsetParent)
		while(1)
			{
				curleft += obj.offsetLeft;
				if(!obj.offsetParent)
					break;
				obj = obj.offsetParent;
			}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}
function findY(obj)
{
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
			curtop += obj.offsetTop;
			if(!obj.offsetParent)
				break;
			obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}

function makeRounded()
{
	var newCornersObj = new curvyCorners(roundedsettings, "myrounded");
	newCornersObj.applyCornersToAll();
}

function init()
{
	$('div.rounded').corner();
	scrollTemplate(0);
	searchBoxHTML = gid('searchboxcontainer').innerHTML;
	makeRounded();
	toggleSearch('web','#82ABBA');

	localcount = getCookie('triyama_localcount');
	if(localcount == '' || localcount == 'undefined' || isNaN(localcount))
		localcount = 0;
	//alert('localcount='+localcount);
	var url = getCookie('selected_wallpaper');
	var pos = getCookie('selected_pos');
	var color = getCookie('selected_color');
	alignWait();
	if(url)
		applyskin('',url,'',color,pos,0);

	var i = 0;
	for(i=0;i<localcount;i++)
	{
		var name = getCookie('triyama_name'+i);
		var url = getCookie('triyama_wallpaper'+i);
		var thumb = getCookie('triyama_thumb'+i);
		var color = getCookie('triyama_color'+i);
		var pos = getCookie('triyama_pos'+i);
		tempname = tempname.concat(name);
		templates = templates.concat(url);
		thumbs = thumbs.concat(thumb);
		colors = colors.concat(color);
		positions = positions.concat(pos);
	}
	initPaging();
	//for(i=0;i<thumbs.length;i++)
	//	alert(thumbs[i]);

}
$(document).ready(init);
function hideAll()
{
	hidediv(divshown);
}
function hidediv(divid)
{
	if(divid)
		gid(divid).style.visibility = 'hidden';
	divshown = '';
}
function showdiv(divid)
{
	hidediv(divshown);
	gid(divid).style.visibility = 'visible';
	divshown = divid;
}
function togglediv(divid)
{
	if(divshown == divid)
		hidediv(divid);
	else
		showdiv(divid);
}

function changeTemplate(img)
{
	img += (imgcount * curtpage);
	if(img >= templates.length)
		gid('wallpaper').style.backgroundImage=null;
	else
	{
		applyskin('', templates[img], '', colors[img], positions[img], 0);
/*		gid('wallpaper').style.backgroundImage="url('" + SERVER + (templates[img]) + "')";
		gid('wallpaper').style.backgroundPosition=positions[img];
		gid('wallpaper').style.color=colors[img];
		hidediv('template');
		hidediv('tryskin');
		setCookie('selected_wallpaper',templates[img],365);
		setCookie('selected_pos',positions[img],365);
		setCookie('selected_color',colors[img],365);*/
	}
}
function initPaging()
{
	var total = templates.length;
	var totalpages = parseInt(total/imgcount);
	if(total > (totalpages*imgcount))
		totalpages++;
	var link = '';
	for(var i=0;i<totalpages;i++)
	{
		link += '<a href="#" onclick="javascript:showTemplatePage(' + i + ');" style="background:url(\'images/templatebuttons.png\') ';
		if(i == curtpage)
			link += '0px';
		else
			link += '-9px';
		link += ' -16px;width:10px;height:10px;margin:6px;">&nbsp;&nbsp;</a>';
	}
	gid('tpaging').innerHTML = link;
}
function scrollTemplate(dir)
{
	curtpage += dir;
	showTemplatePage(curtpage);
}
function showTemplatePage(page)
{
	curtpage = page;
	var total = templates.length;
	var totalpages = parseInt(total/imgcount);
	if(total > (totalpages*imgcount))
		totalpages++;
	gid('leftscroll').style.display = 'block';
	gid('rightscroll').style.display = 'block';
	if(curtpage == 0)
		gid('leftscroll').style.display = 'none';
	else
		if(curtpage >= totalpages - 1)
			gid('rightscroll').style.display = 'none';
	for(var i=0;i<imgcount;i++)
	{
		var img = (imgcount * curtpage) + i;
		if(img >= templates.length)
		{
			gid('tempimage' + i).style.display = 'none';
			gid('tempimage' + i).src = '';
			gid('templink' + i).innerHTML = '';
		}
		else
		{
			gid('tempimage' + i).style.display = 'block';
			gid('tempimage' + i).src = SERVER + thumbs[img];
			gid('templink' + i).innerHTML = tempname[img];
		}
	}
	initPaging();
	return false;
}

function applyskin(name, url, thumb, color, pos, isNew)
{
	//alert(name +','+ url +','+ thumb +','+ color +','+ pos);
	if(isNew == 1)
	{
		setCookie('triyama_name'+localcount,name,365);
		setCookie('triyama_wallpaper'+localcount,url,365);
		setCookie('triyama_thumb'+localcount,thumb,365);
		setCookie('triyama_color'+localcount,color,365);
		setCookie('triyama_pos'+localcount,pos,365);
		localcount++;
		setCookie('triyama_localcount',localcount,365);
		tempname = tempname.concat(name);
		templates = templates.concat(url);
		thumbs = thumbs.concat(thumb);
		positions = positions.concat(pos);
		colors = colors.concat(color);
		initPaging();
	}
	var wallpaper = "url('" + url + "')";
	//cache the image
	if(url) {
		$("#screen").show();
		$("#divwait").show();
		var x = new Image();
		x.onload = function() {
			$("#screen").hide();
			$("#divwait").hide();
		};
		x.src = url;
	}
	gid('wallpaper').style.color = color;
	gid('wallpaper').style.backgroundPosition = pos;
	gid('wallpaper').style.backgroundImage = wallpaper;
	hidediv('template');
	hidediv('tryskin');
	setCookie('selected_wallpaper',url,365);
	setCookie('selected_color',color,365);
	setCookie('selected_pos',pos,365);
}

function setCookie(c_name,value,expiredays)
{
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+
		((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

function getCookie(c_name)
{
	if (document.cookie.length>0)
	{
		c_start=document.cookie.indexOf(c_name + "=");
		if (c_start!=-1)
		{
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(";",c_start);
			if (c_end==-1)
				c_end=document.cookie.length;
			return unescape(document.cookie.substring(c_start,c_end));
		}
	}
	return "";
}

function toggleSearch(skinid,color)
{
	if(skinid == 'blog')
	{
		gid('sarrow').style.backgroundImage = 'url(images/blogarrow.png)';
		gid('sarrow').style.margin = '-10px 520px';
		gid('blogsvisible').style.display = 'block';
	}
	else
	{
		gid('blogsvisible').style.display = 'none';
		if(skinid == 'images')
		{
			gid('sarrow').style.backgroundImage = 'url(images/imgarrow.png)';
			gid('sarrow').style.margin = '-10px 260px';
		}
		else if(skinid == 'video')
		{
			gid('sarrow').style.backgroundImage = 'url(images/vidarrow.png)';
			gid('sarrow').style.margin = '-10px 390px';
		}
		else
		{
			gid('sarrow').style.backgroundImage = 'url(images/webarrow.png)';
			gid('sarrow').style.margin = '-10px 200px';
		}
	}
	gid('searchboxcontainer').innerHTML = searchBoxHTML;
	gid('searchbox').style.backgroundColor = color;
	var searchBoxObject = new curvyCorners(roundedsettings, gid("searchbox"));
	searchBoxObject.applyCornersToAll();
}
function SkinsPage(id)
{
	if(id==0)
	{
		gid('tempwrapper').style.display = 'block';
		gid('leftscroll').style.display = 'block';
		gid('rightscroll').style.display = 'block';
		gid('uploadimage').style.display = 'none';
		var total = templates.length;
		var totalpages = parseInt(total/imgcount);
		if(curtpage == 0)
			gid('leftscroll').style.display = 'none';
		else if(curtpage >= totalpages - 1)
			gid('rightscroll').style.display = 'none';
	}
	else
	{
		gid('tempwrapper').style.display = 'none';
		gid('leftscroll').style.display = 'none';
		gid('rightscroll').style.display = 'none';
		gid('uploadimage').style.display = 'block';
	}
}
function ajaxFileUpload()
{
	if(!gid('agree').checked)
	{
		alert('You need to certify to upload any skin.');
		return;
	}

	$("#screen")
	.ajaxStart(function(){
		$(this).show();
	});
//	.ajaxComplete(function(){
//		$(this).hide();
//	});
	$("#divwait")
	.ajaxStart(function(){
		$(this).show();
	});
//	.ajaxComplete(function(){
//		$(this).hide();
//	});

	$.ajaxFileUpload
	(
		{
			url:'doajaxfileupload.php',
			secureuri:false,
			fileElementId:'skin',
			dataType: 'json',
			success: function (data, status)
			{
				if(typeof(data.error) != 'undefined')
				{
					if(data.error != '')
					{
						alert(data.error);
					}else
					{
						applyskin(data.name, data.url, data.thumb, gid('inputcolor').value, gid('inputposition').value, 1);
					}
				}
				$("#screen").hide();
				$("#divwait").hide();
			},
			error: function (data, status, e)
			{
				alert(e);
				$("#screen").hide();
				$("#divwait").hide();
			}
		}
	)

	return false;

}
function setPos(ele, position)
{
	$("div.posselector").css('border','1px solid #ffffff');
	$(ele).css('border','1px solid #b00000');
	gid('inputposition').value = position;
	//alert(position);
}
function alignWait()
{
	var width,height;
	if(document.documentElement && document.documentElement.clientWidth)
		width = parseInt((parseInt(document.documentElement.clientWidth) - 200)/2);
	else
		width = parseInt((parseInt(document.body.offsetWidth) - 200)/2);
	if(document.documentElement && document.documentElement.clientHeight)
		height = parseInt((parseInt(document.documentElement.clientHeight) - 160)/2);
	else
		height = parseInt((parseInt(document.body.offsetHeight) - 160)/2);
	//gid('divwait').style.width = '208px';
	//gid('divwait').style.height = '13px';
	gid('divwait').style.left = width + 'px';
	gid('divwait').style.top = height + 'px';
}