$(function() {
  //random skin list
  (function randomOrder (skinList){
      var skinList = [{id:"default", name:0},{id:"ths", name:1},{id:"ssy", name:2},{id:"yy", name:3},{id:"zlj", name:4},{id:"wr", name:5},{id:"zy", name:6},{id:"wh", name:7}]
      var arrayLength = skinList.length
      var original = new Array();
      for (var i = 0; i < arrayLength; i ++){
          original [i] = i
      }
      var rndArray = new Array();
      for (var i = 0; i < arrayLength; i ++){
        rndArray[i] = original.splice(Math.floor(Math.random () * original.length) , 1);

      }
      var rsArray = new Array();
      for (var i = 0; i < arrayLength; i ++){
          rsArray[i] = skinList[rndArray[i]];        
          $("#changeSkin li").eq(i).attr({"id":rsArray [i]["id"],"name":rsArray[i]["name"]});
      }
      return rsArray
  })();


	function GetCookie(sName){
		var aCookie = document.cookie.split("; ");
		for (var i=0; i < aCookie.length; i++){
			var aCrumb = aCookie[i].split("=");
			if (sName == aCrumb[0])
			{
				return aCrumb[1];
			}
		}
		return null;
	}

	function SetCookie(name, value, time, domain){
		var expdate = new Date();
		var expires = time;
		if(expires!=null){
		  expdate.setTime(expdate.getTime() + ( expires * 1000 ));
		  expd = "expires="+expdate.toGMTString()+";";
		} else expd = "";
		if (domain) {
			domain = "domain="+ domain +"; path=/; ";
		}
		document.cookie = name + "=" + escape (value) + "; " + expd + domain;
	}

	var cookieTag = "skinCSS", vSkin = GetCookie(cookieTag), baseURL = $("#base_url").attr("href") + "/wp-content/themes/UED/";

	function setSkinColor(vSkinNum){
		SetCookie( cookieTag, vSkinNum, 60*60*24*30,"");
		$("#skinCss").attr("href",baseURL+vSkinNum+"/style.css");    
	}

	if( vSkin != null ){
	  $("#skinCss").attr("href",baseURL+vSkin+"/style.css");
	}else{
    $("#skinCss").attr("href",baseURL+"/default/style.css");
  }

	/*change skin*/
	(function(){

		/* update count */
		function updateCount(id) { 
			var url = baseURL + "skincount.php?action=update",
				_data = "id=" + id; 
			$.post(url,_data,function(res){});
		}

		var skin_url = $("#skinCss").attr("href").split("/");
		var k = skin_url.length-2;
		var	skin_name =skin_url[k];  
		$("#changeSkin > li").each(function(){
			var _this = $(this);
			if(this.id == skin_name){
				_this.addClass("current");
			}    
		}); 
	
		$("#changeSkin > li").click(function(){
			var _this = $(this),
				new_style = this.id;
			_this.addClass("current")
				.siblings().removeClass("current");

			setSkinColor(new_style);

			/*to update count*/
			updateCount(_this.attr("name"));
		});
	})(jQuery);
  
	/*pet scroll*/
	(function(){
		$(window).scroll(function(){
			scroll_pet();
		});
		function scroll_pet(){
			var scroll_h=$(window).scrollTop();
			var win_h=$(window).height();
			var pet_top=scroll_h+win_h/2-100;
			if (pet_top<400) lift_top = 100;
			$(".pet").stop(false,false).animate({top:pet_top+"px"},"fast");
		}
	})(jQuery);  
});
