$(document).ready(function(){

	var page = $('body').attr('id');
	
//Space Gallery
	if(page=="home"){
		var awal = 0;
		$('#myGallery').spacegallery({
			loadingClass: 'loading',
			perspective: 65,
			before: function(){
				$(".spacegallery-description").fadeOut('slow', function(){
					$(this).css('display', 'none');
				});
			},
			after: function(){
				var jumlah = $("#myGallery img").size()-1;
				if(awal==jumlah)
					awal = 0;
				else
					awal+=1;
				//alert(awal);
				
				$(".spacegallery-description.active").removeClass("active").addClass("inactive");
				$(".spacegallery-description").each(function(index){
					if(index==awal)
					{
						$(this).removeClass("inactive").addClass("active");
					}
				})
				$(".spacegallery-description.active").fadeIn('slow');
			}
		});
		
	}

	
//Suckerfish hover function in IE6

	sfHover = function() {
		var sfEls = document.getElementById("navigation").getElementsByTagName("li");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}

	sfHover();
	
	$('#slideshow ul').cycle({
		fx: 'fade',
		timeout: 5000,
		pager: '#slider'
	});
	
//Image slider in index.html
	if(page=="home"){
		$('a.item').css("width", "180px");
		var jumlahitem = $(".wide-box .item").size();
		var lebar = jumlahitem * 85;
		var jumlahklik = jumlahitem%3;
		var klik = 0;
	
		$(".wide-box").width(lebar);
	
		$(".mini-slideshow .navigation-right").click(function(event){
			event.preventDefault();
			if(klik!=jumlahklik){
				$(".wide-box").animate({"left": "-=85px"}, "fast");
				klik += 1;
			}
		})
	
		$(".mini-slideshow .navigation-left").click(function(event){
			event.preventDefault();
			if(klik!=0){
				$(".wide-box").animate({"left": "+=85px"}, "fast");
				klik -= 1;
			}
		})
	
		$(".item a").click(function(event){
			event.preventDefault();
			var path = $(this).children("img").attr("alt");
			var href = $(this).attr("href");
			$(".faces.change img").attr("src", path);
			$(".faces.change a").attr("href", href);
			$(".item").each(function(index){
				$(this).removeClass("selected");
			})
			$(this).parent("div:first").addClass("selected");
		})
	}
	
//Image slider in beauty corner page
	if(page=="beauty-corner")
	{
		var jumlahitem = $(".sliding-content-width .sliding-content-item").size();
		var lebar = jumlahitem * 197;
		var jumlahklik = jumlahitem%4;
		var klik = 0;
		
		$(".sliding-content-width").width(lebar);
		
		$(".sliding-content-navigation  .next").click(function(event){
			event.preventDefault();
			if(klik!=jumlahklik){
				$(".sliding-content-width").animate({"left": "-=197px"}, "fast");
				klik += 1;
			}
		})
		
		$(".sliding-content-navigation  .prev").click(function(event){
			event.preventDefault();
			if(klik!=0){
				$(".sliding-content-width").animate({"left": "+=197px"}, "fast");
				klik -= 1;
			}
		})
	}
	
//Image slider in gallery
	if(page=="gallery")
	{
		var jumlahitem = $(".sliding-content-width a").size();
		var lebar = jumlahitem * 136;
		var jumlahklik = jumlahitem%6;
		var klik = 0;

		$(".sliding-content-width").width(lebar);

		$(".sliding-content-navigation  .next").click(function(event){
			event.preventDefault();
			if(klik!=jumlahklik){
				$(".sliding-content-width").animate({"left": "-=136px"}, "fast");
				klik += 1;
			}
		})

		$(".sliding-content-navigation  .prev").click(function(event){
			event.preventDefault();
			if(klik!=0){
				$(".sliding-content-width").animate({"left": "+=136px"}, "fast");
				klik -= 1;
			}
		})
		
		$(".sliding-content-width a").click(function(event){
			event.preventDefault();
			var path = $(this).children("img").attr("alt");
			$(".image-caption img").attr("src", path);
			$(".sliding-content-width a").removeClass("selected");
			$(this).addClass("selected");
		});
	}
	
	$("a.item.active").live("click", function(event){
		event.preventDefault();
		var location = $(this).attr("href");
		window.location=location;
	})
	
	$("a.item").click(function(event){
		event.preventDefault();
		return false;
	})
	
	
//jQuery validation
	if(page=="beauty-cart")
	{
		$("#cart").validate({
			rules: {
				namaperusahaan: "required",
				email: {
					required: true,
					email: true
				}
			},
			messages: {
				namaperusahaan: "Harap diisi",
				email: "Email tidak valid"
			}
		});
	}
	
//hiding dropdown
{
	$("#navigation li ul").css("display", "none");
	$("#navigation li").hover(function(){
		$(this).children("ul").animate({
			height: 'toggle',
			opacity: 'toggle'
		});
	}	
	)
	
	$("#navigation li").mouseleave(function(){
		$(this).children("ul").slideUp("fast");
	})
	
}


});