// JavaScript Document

var offset;
var speed;

var strijkservice_left;
var strijkservice_top;	

var schoonmaakhulp_left;
var schoonmaakhulp_top;

var tuinman_left;
var tuinman_top;

var glazenwasser_left;
var glazenwasser_top;

var klusjesman_left;
var klusjesman_top;

var clip_strijkservice;
var clip_schoonmaakhulp;
var clip_tuinman;
var clip_glazenwasser;
var clip_klusjesman;

var strijkservice;
var schoonmaakhulp;
var tuinman;
var glazenwasser;
var klusjesman

var hand_x;
var hand_y;

var animationList;

var noPriceItem;

$(document).ready(function(){ 			
	
	noPriceItem = $("#bodyCopy .noprice");
	
	setMinHeight();
	
	offset = 12;
	speed = 1400;

	clip_strijkservice = "#strijkservice";
	clip_schoonmaakhulp = "#schoonmaakhulp";
	clip_tuinman = "#tuinman";
	clip_glazenwasser = "#glazenwasser";
	clip_klusjesman = "#klusjesman";
	
	//strijkservice_left = $(clip_strijkservice).css("margin-left");
	strijkservice_left = 80;
	strijkservice_top = 150;	
	
	schoonmaakhulp_left = 150;
	schoonmaakhulp_top = 100;
	
	tuinman_left = 230;
	tuinman_top = 90;
	
	glazenwasser_left = 320;
	glazenwasser_top = 100;
	
	klusjesman_left = 400;
	klusjesman_top = 140;
	
	hand_x = 0;
	hand_y = 280;

	strijkservice = {clip: clip_strijkservice, left: strijkservice_left, top: strijkservice_top, selected: false, detailsClip: $("#bodyCopy .strijkservice")};
	schoonmaakhulp = {clip: clip_schoonmaakhulp, left: schoonmaakhulp_left, top: schoonmaakhulp_top, selected: false, detailsClip: $("#bodyCopy .schoonmaakhulp")};
	tuinman = {clip: clip_tuinman, left: tuinman_left, top: tuinman_top, selected: false, detailsClip: $("#bodyCopy .tuinman")};
	glazenwasser = {clip: clip_glazenwasser, left: glazenwasser_left, top: glazenwasser_top, selected: false, detailsClip: $("#bodyCopy .glazenwasser")};
	klusjesman = {clip: clip_klusjesman, left: klusjesman_left, top: klusjesman_top, selected: false, detailsClip: $("#bodyCopy .klusjesman")};
		
	//setupDropDown();
	setActiveMenuItem(foldername);
	setActiveSubMenuItem(pagename);
	
	setupPriceAnimation();
	
});

$(window).resize(function() {
	setMinHeight();   
});

function setMinHeight()
{
	$("#bodyContent").css("min-height", $(this).height() - 210);	
	$("#homeContent").css("min-height", $(this).height() - 170);
}

function setHeight()
{
	$("#bodyContent").css("height", $(this).height() - 210);	
	$("#homeContent").css("height", $(this).height() - 170);		
}

function setActiveMenuItem(chapter)
{
	$("." + chapter).addClass('active');
}

function setActiveSubMenuItem(page)
{
	$("." + page).addClass('active');
}

function setupDropDown() {

	$("#mainMenu > ul > li").mouseover(function(){							  
		$(this).find("ul").show();
		$(this).find(" > a").addClass("over");
	}).mouseout(function(){
		$(this).find("ul").hide();
		$(this).find(" > a").removeClass("over");
	})
}


function setupPriceAnimation()
{
	$("#mainVisualHolder").css("marginTop", - 800);
	
	$(strijkservice.clip).css("marginTop", strijkservice.top - 800);
	$(strijkservice.clip).css("marginLeft", strijkservice.left);
	$(strijkservice.clip).hover(
		function() {
			strijkservice.detailsClip.show();
			noPriceItem.hide();	
			$(this).find("img").attr("width", 120);
			$(this).find("img").attr("height", 120);
			$(this).find("img").css("margin-left", -10);
			$(this).find("img").css("margin-top", -10);
		},
		function() {
			strijkservice.detailsClip.hide();
			noPriceItem.show();
			$(this).find("img").attr("width", 100);
			$(this).find("img").attr("height", 100);
			$(this).find("img").css("margin-left", 0);
			$(this).find("img").css("margin-top", 0);
		}
	);
	
	$(schoonmaakhulp.clip).css("marginTop", schoonmaakhulp.top - 800);
	$(schoonmaakhulp.clip).css("marginLeft", schoonmaakhulp.left);
	$(schoonmaakhulp.clip).hover(
		function() {
			schoonmaakhulp.detailsClip.show();
			noPriceItem.hide();	
			$(this).find("img").attr("width", 120);
			$(this).find("img").attr("height", 120);
			$(this).find("img").css("margin-left", -10);
			$(this).find("img").css("margin-top", -10);
		},
		function() {
			schoonmaakhulp.detailsClip.hide();
			noPriceItem.show();
			$(this).find("img").attr("width", 100);
			$(this).find("img").attr("height", 100);
			$(this).find("img").css("margin-left", 0);
			$(this).find("img").css("margin-top", 0);
		}
	);
	
	$(tuinman.clip).css("marginTop", tuinman.top - 800);
	$(tuinman.clip).css("marginLeft", tuinman.left);
	$(tuinman.clip).hover(
		function() {
			tuinman.detailsClip.show();
			noPriceItem.hide();	
			$(this).find("img").attr("width", 120);
			$(this).find("img").attr("height", 120);
			$(this).find("img").css("margin-left", -10);
			$(this).find("img").css("margin-top", -10);
		},
		function() {
			tuinman.detailsClip.hide();
			noPriceItem.show();
			$(this).find("img").attr("width", 100);
			$(this).find("img").attr("height", 100);
			$(this).find("img").css("margin-left", 0);
			$(this).find("img").css("margin-top", 0);
		}
	);
	
	$(glazenwasser.clip).css("marginTop", glazenwasser.top - 800);
	$(glazenwasser.clip).css("marginLeft", glazenwasser.left);
	$(glazenwasser.clip).hover(
		function() {
			glazenwasser.detailsClip.show();
			noPriceItem.hide();	
			$(this).find("img").attr("width", 120);
			$(this).find("img").attr("height", 120);
			$(this).find("img").css("margin-left", -10);
			$(this).find("img").css("margin-top", -10);
		},
		function() {
			glazenwasser.detailsClip.hide();
			noPriceItem.show();
			$(this).find("img").attr("width", 100);
			$(this).find("img").attr("height", 100);
			$(this).find("img").css("margin-left", 0);
			$(this).find("img").css("margin-top", 0);
		}
	);

	$(klusjesman.clip).css("marginTop", klusjesman.top - 800);
	$(klusjesman.clip).css("marginLeft", klusjesman.left);
	$(klusjesman.clip).hover(
		function() {
			klusjesman.detailsClip.show();
			noPriceItem.hide();	
			$(this).find("img").attr("width", 120);
			$(this).find("img").attr("height", 120);
			$(this).find("img").css("margin-left", -10);
			$(this).find("img").css("margin-top", -10);
		},
		function() {
			klusjesman.detailsClip.hide();
			noPriceItem.show();
			$(this).find("img").attr("width", 100);
			$(this).find("img").attr("height", 100);
			$(this).find("img").css("margin-left", 0);
			$(this).find("img").css("margin-top", 0);
		}
	);
	//startPriceAnimation();
}

function startPriceAnimation()
{
	setTimeout("hoverAnimation(strijkservice)", 0);
	setTimeout("hoverAnimation(schoonmaakhulp)", 250);
	setTimeout("hoverAnimation(tuinman)", 500);
	setTimeout("hoverAnimation(glazenwasser)", 750);
	setTimeout("hoverAnimation(klusjesman)", 1000);
}

function hoverAnimation(animObject)
{
	if (!animObject.selected)
	{
		$(animObject.clip).animate({"marginTop": animObject.top + offset, "marginLeft": animObject.left}, speed, "easeInOutQuad", function (){ hoverAnimationLoop(animObject); });
	}
}

function hoverAnimationLoop(animObject)
{
	if (!animObject.selected)
	{
		$(animObject.clip).animate({"marginTop": animObject.top - offset, "marginLeft": animObject.left}, speed, "easeInOutQuad", function(){ hoverAnimation(animObject); });
	}
}

function animateSelect(animObject)
{
	if (strijkservice.selected) { animateDeselect(strijkservice); }
	if (schoonmaakhulp.selected) { animateDeselect(schoonmaakhulp); }
	if (tuinman.selected) { animateDeselect(tuinman); }
	if (glazenwasser.selected) { animateDeselect(glazenwasser); }
	if (klusjesman.selected) { animateDeselect(klusjesman); }
	
	animObject.selected = true;
	
	$(animObject.clip).animate({"marginTop": hand_y, "marginLeft": hand_x}, speed / 2, "easeInOutQuad");
	
	$("#bodyCopy .helpText").html(animObject.text);
	$("#bodyCopy .playButton").show();
}

function animateDeselect(animObject)
{
	animObject.selected = false;
	hoverAnimation(animObject);
}

function onCommercialReady(e)
{
	if (!e.success)
	{
		gotoStatic();
	}
}

function gotoStatic()
{
	$("#commercialMovie").hide();
	$("#commercialHolder").hide();
	$("#commercialMovie").remove();
	$("#commercialHolder").remove();
	$("#mainVisualHolder").css("marginTop", 0);
	$("#bodyCopy").show(50);
	startPriceAnimation();
}