$(document).ready(function(){
	var shadowOffset	=	1.08;
	var lightCenterX	=	150;
	var lightCenterY	=	0;
	var po3nx			=	$(".image");	
	var lightAlogo		=	$(".image");
	var po3nxCenterX	=	parseInt(po3nx.width()/2);
	var po3nxCenterY	=	parseInt(po3nx.height()/2);
	var po3nxshadow		=	$(".shadow");
	var po3nxShdwCenterX	=	parseInt(po3nxshadow.width()/2);
	var po3nxShdwCenterY	=	parseInt(po3nxshadow.height()/2);	
	moveShadow();
	lightAlogo.draggable({
		drag: function(event, ui){
			moveShadow();	
		},
	});
	po3nxshadow.stop().fadeTo(750,setOpacity(shadowDistance));
	function setOpacity(getDistance){
		return (1.2 - getDistance /1000);
	}
	function moveShadow(){
		lightX			=	450 + lightCenterX;
		lightY			=	20 + lightCenterY;
		po3nxX			=	parseInt(po3nx.offset().left) + po3nxCenterX;
		po3nxY			=	parseInt(po3nx.offset().top) + po3nxCenterY;
		distanceX		=	po3nxX - lightX;
		distanceY		=	po3nxY - lightY;
		distance		=	Math.sqrt(Math.pow(distanceX, 2) + Math.pow(distanceY, 2));
		shadowDistance	=	distance * shadowOffset;
		shadowpPosLeft	=	(distanceX / distance * shadowDistance + lightX - po3nxShdwCenterX) + "px";
		shadowpPosTop	=	(distanceY / distance * shadowDistance + lightY - po3nxShdwCenterY) + "px";
		po3nxshadow.css({ "left": shadowpPosLeft, "top": shadowpPosTop, "opacity": setOpacity(shadowDistance) });
	}
		var dockOptions =
		{ align: 'left'
		, labels: true
		};
	$('#menu').jqDock(dockOptions);
	//function for contact form dropdown
	function contact() {
		if ($("#contactForm").is(":hidden")){
			$("#contactForm").slideDown("slow");
			$("#backgroundPopup").css({"opacity": "0.7"});
			$("#backgroundPopup").fadeIn("slow"); 
		}
		else{
			$("#contactForm").slideUp("slow");
			$("#backgroundPopup").fadeOut("slow");  
		}
	}
	$( "#dialog" ).dialog({
		autoOpen: false,
		show: "blind",
		hide: "explode"
	});

	$( ".search" ).click(function() {	
		cariberita($("#search").val());		
		var myDialogX = $(".search").position().left;
		var myDialogY = $(".search").position().top + $(".search").outerHeight();
		$('#dialog').dialog('option', 'position', [myDialogX, myDialogY]);
		$( "#dialog" ).dialog( "open" );
		return false;
	});	 
	//run contact form when any contact link is clicked
	$(".contact").click(function(){contact()});
	
	//animation for same page links #
	$('a[href*=#]').each(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
		&& location.hostname == this.hostname
		&& this.hash.replace(/#/,'') ) {
		  var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
		  var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
			if ($(this.hash).length) {
				$(this).click(function(event) {
					var targetOffset = $(this.hash).offset().top;
					var target = this.hash;
					event.preventDefault();			   
					$('html, body').animate({scrollTop: targetOffset}, 500);
					return false;
				});
			}
		}
	});
	$('#commentForm').validate({
		
		rules: {
			comnama: "required", 
			comemail:{required:true,email:true},
			commessage:"required"
		},
		messages: {
			comnama: "Masukkan Nama !", 
			comemail:"Masukkan Email !",
			commessage:"Masukkan Pesan !"
		},
		submitHandler: function(e) { var idpost = $('#id_article').val(); ajaxsave('commentForm','comment','save','comment');open_url('viewcomment','commentview','id='+idpost); setTimeout("hideshow('compesan',0)",5000); setTimeout("clearcomment()",5000);return false;}
	});
	$('#shoutboxForm').validate({
		rules: {
			name: "required", 
			email:{required:true,email:true},
			message:"required"
		},
		messages: {
			name: "Masukkan Nama !", 
			email:"Masukkan Email !",
			message:"Masukkan Pesan !"
		},
		submitHandler: function(e) { ajaxsave('shoutboxForm','shoutbox','save','shoutbox');open_url('viewshoutbox','shoutpost','view=post'); setTimeout("hideshow('pesan',0)",5000); setTimeout("clearshout()",5000);return false;}
	});

  $('.contactForm').submit( function(){	
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9\.]{2,4})+$/;
		var email = document.getElementById('e-mail');
		if (!filter.test(email.value)) {
			$('.email-missing').show();
		} else {$('.email-missing').hide();}
		if (document.cform.name.value == "") {
			$('.name-missing').show();
		} else {$('.name-missing').hide();}	
		if (document.cform.message.value == "") {
			$('.message-missing').show();
		} else {$('.message-missing').hide();}		
		if ((document.cform.name.value == "") || (!filter.test(email.value)) || (document.cform.message.value == "")){
			return false;
		} 
		
		if ((document.cform.name.value != "") && (filter.test(email.value)) && (document.cform.message.value != "")) {
			$('.contactForm').hide();
			$('.loader').append($('.bar'));
			$('.bar').css({display:'block'});
		
			//send the ajax request
			$.post('sendmail.php',{name:$('#name').val(),
							  email:$('#e-mail').val(),
							  message:$('#message').val()},
		
			//return the data
			function(data){
			  //hide the graphic
			  $('.bar').css({display:'none'});
			  $('.loader').append(data);
			});
			
			//waits 2000, then closes the form and fades out
			setTimeout('$("#backgroundPopup").fadeOut("slow"); $("#contactForm").slideUp("slow")', 2000);
			
			//stay on the page
			return false;
		} 
  });
	//only need force for IE6  
	$("#backgroundPopup").css({  
		"height": document.documentElement.clientHeight 
	});  
	$("#contentimg .cloud-zoom").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'none',
		'speedIn'		:	600,
		'speedOut'		:	200,
		'overlayShow'	:	true,
		'overlayColor'	:	'#000',
		'cyclic'		:	true,
		'easingIn'		:	'easeInOutExpo'
	});
	$("#contentimg .mousetrap").live('click',function(){
		$(this).prev().trigger('click');
	});
	var $content	= $('#contentimg'),
	$thumb_list = $content.find('.thumb > ul');
	$thumb_list.each(function(){
		var $this_list	= $(this),
		total_w		= 0,
		loaded		= 0,
		//preload all the images first
		$images		= $this_list.find('img'),
		total_images= $images.length;
		$images.each(function(){
			var $img	= $(this);
			$('<img/>').load(function(){
				++loaded;
				if (loaded == total_images){
					$this_list.data('current',0).children().each(function(){
						total_w	+= $(this).width();
					});
					$this_list.css('width', total_w + 'px');

					//next / prev events

					$this_list.parent()
					.siblings('.next')
					.bind('click',function(e){
						var current = $this_list.data('current');
						if(current == $this_list.children().length -1) return false;
						var	next	= ++current,
						ml		= -next * $this_list.children(':first').width();

						$this_list.data('current',next)
						.stop()
						.animate({
							'marginLeft'	: ml + 'px'
						},400);
						e.preventDefault();
					})
					.end()
					.siblings('.prev')
					.bind('click',function(e){
						var current = $this_list.data('current');
						if(current == 0) return false;
						var	prev	= --current,
						ml		= -prev * $this_list.children(':first').width();

						$this_list.data('current',prev)
						.stop()
						.animate({
							'marginLeft'	: ml + 'px'
						},400);
						e.preventDefault();
					});
				}
			}).attr('src',$img.attr('src'));
		});
	});	
});
function ajaxsave(a,b,c,e)
{
	hideshow('loading',1);
	$.ajax({
		type: "POST",
		url: b+".php?action="+c+"&sid="+Math.random(),
		data: $('#'+a).serialize(),
		success: function(msg){
			$('#'+e).html(msg);
			hideshow('loading',0);
		}
	});
}
function cariberita(keyword)
{
	ajaxsave("searchbox","search","search&search="+keyword,"dialog");
}

function clearshout()
{
	$('#reset').click();
}
function clearcomment()
{
	$('#resetcomment').click();
}
function hideshow(el,act)
{
	if(act) $('#'+el).css('visibility','visible');
	else $('#'+el).css('visibility','hidden');
}
function open_url(page,targetId,variable) 
{
	$.ajax({
	  url: page+'.php?'+variable+'&sid='+Math.random(),
	  success: function(data) {
		$('#'+targetId).html(data);
	  }
	});
}
var xmlHttp
function GetXmlHttpObject()
{
var xamlHttp=null;
try
	{
	xmlHttp=new XMLHttpRequest();
	}
	catch (e)
		{
		try
			{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e)
				{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
		}			
return xmlHttp;
}

var please_wait = "<center><br><br><img src=images/loader.gif><br>Please Wait.....<center>";
function submitform(what,elm) {
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
	{
	alert ("Browser tidak support HTTP Request")
	}
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0) {
  		var detect = "page/"+what+".php?";
  		detect=detect+"&sid="+Math.random()
		xmlHttp.open("POST",detect,true)
		xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xmlHttp.onreadystatechange=submitChange
		var param = 'query=' + document.getElementById(elm).value;
		xmlHttp.send(param);
	}
}
function submitChange()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{
	document.getElementById("submission").innerHTML=xmlHttp.responseText
	}
if (xmlHttp.readyState==1 || xmlHttp.readyState=="loading")	{
	document.getElementById("submission").innerHTML="<center>Please Wait.....<br><img src=images/loader.gif></center>"
	}
}