$(document).ready(function() {
 $("#logo").fadeIn("slow");
 var 
   _page               = (page_find() || "home").toLowerCase(),
   effect_bol         = true,
   slide_show_div     = $("#slide-show-div"),
   text               = $("#text"),
   home_t             =  text.html(),
   slide_show_num     = slide_show_div.find("img").length,
   url_check_timer    = setInterval(url_check, 100),
   slide_show_offset  = 553,
   page_fn            = [];
   if(_page == "home")
     url("#page=home");
   load_page(_page);
   if(slide_show_num > 1){
     $('#slide-prev').addClass("slide-prev-default");
     $('#slide-next').addClass("slide-next-disable"); 
   }else{
     $('#slide-prev').addClass("slide-prev-disable");
     $('#slide-next').addClass("slide-next-disable"); 
   }
   // blog load fn
   page_fn["blog"] = function(){
	  page_link();
   };
   page_fn["home"] = function(){
    alert('22');
   }
   var  email_v,message_v;
   page_fn["contact"] = function(){
	   page_link();
	   var  code    = $("input[name=code]"),
			email   = $("input[name=email]"),
			message = $("textarea[name=message]");
	   email.val(email_v);
	   message.val(message_v);
	   $("#contact-send").click(function(){
			 $("#contact-error").html(""); 
			   email_v = email.val();
			   message_v = message.val();
			   if(!code.val()){
			    code.addClass("input-error");
			    $("#contact-error").append("<p>Please enter security code, are you human?</p>");
			   }else
			    code.removeClass("input-error");
			   //
			   if(!email.val()){
			    email.addClass("input-error");
			    $("#contact-error").append("<p>Please enter email adress, i need your email for replay your message</p>");
			   }else
			    email.removeClass("input-error");
			   //
			   if(!message.val()){
			    message.addClass("input-error");
			    $("#contact-error").append("<p>Please enter message, cannot send blank message</p>");
			   }else
			    message.removeClass("input-error");
			   if(!code.val() && !email.val() && !message.val())
			     $("#contact-error").html("<p>cannot send blank form</p>");
			   if(code.val() && email.val() && message.val()){
			    loading(function(){
					  $.post("?page=contact/send", { email: email.val(), code: code.val(),message:message.val() },function(data){
						  $("#text").fadeOut("slow",function(){$("#text").html(data).fadeIn("slow");page_link();})
					  });

	             })
			   }
		     return false;
	    });
   };
   

 $("#menu a")
		.mouseover(function(){
		   $(this).stop().animate({backgroundPosition:"(0 -250px)"},{duration: 1000});
		   //slide_show_div.animate({"left":(left+-slide_show_offset)+"px"},{duration: 1000,easing: 'easeOutBack'})
			//$(this).animate({"background-position":"10",{duration: 1000})
		})
		.mouseout(function(){
			$(this).removeClass("slide-prev-hover");
		})
 $('#slide-prev')
		.mouseover(function(){
		    $(this).addClass("slide-prev-hover");
		})
		.mouseout(function(){
			$(this).removeClass("slide-prev-hover");
		})
		.click(function(){
			var left   = parseInt(slide_show_div.css("left").split("px")[0]);
			if(effect_bol && (slide_show_num*slide_show_offset > -left+slide_show_offset )){
			  slide_show_div.animate({"left":(left+-slide_show_offset)+"px"},{duration: 1000,easing: 'easeOutBack',complete: function(){effect_bol=true;}})
			  effect_bol = false;
			  $('#slide-next').removeClass("slide-next-disable").addClass("slide-next-default");
			  if(slide_show_num*slide_show_offset == -left+slide_show_offset*2)
			    $('#slide-prev').removeClass("slide-prev-default").addClass("slide-prev-disable");
			}
		})
		.mousedown(function(){
		   $('#slide-prev').addClass("slide-prev-click");
		})
	    .mouseup(function(){
		    $('#slide-prev').removeClass("slide-prev-click");
		});
 $('#slide-next')
		.mouseover(function(){
			$(this).addClass("slide-next-hover");
		})
		.mouseout(function(){
			$(this).removeClass("slide-next-hover");
		})
		.click(function(){
			var left   = parseInt(slide_show_div.css("left").split("px")[0]);
			if(effect_bol && (-left>0 )){
			  slide_show_div.animate({"left":(left+slide_show_offset)+"px"},{duration: 1000,easing: 'easeOutBack',complete: function(){effect_bol=true;}})
			  effect_bol = false;
			  $('#slide-prev').removeClass("slide-prev-disable").addClass("slide-prev-default");
			  if(-left == slide_show_offset)
			    $('#slide-next').removeClass("slide-next-default").addClass("slide-next-disable");
			}
		})
		.mousedown(function(){
		   $('#slide-next').addClass("slide-next-click");
		})
	    .mouseup(function(){
		    $('#slide-next').removeClass("slide-next-click");
		});
  $("#text").ajaxError(function(){
    $(this).fadeOut("slow",error);
  });
  
  // page link
  page_link();
function page_link(){
   $("a").click(function(){
	 
	 var page = page_find($(this).attr("href"));
	 //if(_page == page)
	   //return;
	 if (page)
      load_page(page);
	 else{
      url("#page=error")
	   $("#slide-show").fadeOut("slow");
	   $("#text").fadeOut("slow",error);
	 }
  });
}
function url_check(){
 if(page_find() && _page != page_find())
   load_page(page_find())
}
function load_page(page){
   _page = page;
   if(page == "home")
    load_home();
   else
   loading(function(){
				$.ajax({
					   url: "?page="+page,
					   cache: false,
					   success:function(html){$("#text").fadeOut("slow",function(){$("#text").html(html).fadeIn("slow");if(typeof page_fn[page] == "function")page_fn[page]();  });}
					  });
				})
}// end fu load page
function load_home(){
	loading(function(){
		$("#text").fadeOut("slow",function(){$("#slide-show").fadeIn("slow");$("#text").html(home_t).fadeIn("slow");})
	  }) 
	//url("#page=home");
}
function loading(callback){ 
  $("#text").fadeOut("slow",
					 function(){
						 $("#slide-show").fadeOut("slow");
						 $("#text").html('<div style="text-align:center;padding-top: 24px;"><img src="images/loading.gif"  alt="Loading..." /></div>').fadeIn("slow",callback);
					 });
}
function error(){
  $("#text").html('<div  class="error ui-corner-all"><img src="images/error.png" class="png-fix text-icon" /><p >Sorry,Cannot load this Page .</p></div>').fadeIn("slow");
}
function page_find(page){
  page = page || url();
  return page.split("#page=")[1];
}
function url (str){
 if(typeof str == "string")
  location.href = str;
 return location.href;
}

});

