// JavaScript Document
$(document).ready(function(){
	// Navigaatio
	// remove link background images since we're re-doing the hover interaction below 
	// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
	// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
	$(".nav").children("li").each(function() {
		var current = "nav current-" + ($(this).attr("class"));
		var parentClass = $(".nav").attr("class");
		if (parentClass != current) {
			$(this).children("a").css({backgroundImage:"none"});
		}
	});	


	// create events for each nav item
	attachNavEvents(".nav", "miksiimo");
	attachNavEvents(".nav", "koulutusohjelma");
	attachNavEvents(".nav", "koulutuspaivat");
	attachNavEvents(".nav", "kouluttajat");
	attachNavEvents(".nav", "caset");
	attachNavEvents(".nav", "ilmoittaudu");


	function attachNavEvents(parent, myClass) {
		$(parent + " ." + myClass).mouseover(function() {
			$(this).append('<div class="nav-' + myClass + '"></div>');
			$("div.nav-" + myClass).css({display:"none"}).fadeIn(500);
			var p = $(parent + " ." + myClass + " a");
			p = p.offset();
			$("#Info").css("left", p.left);
			var titletext = $(parent + " ." + myClass + " a").attr("title");
			$("#Info").text(titletext);
			
		}).mouseout(function() {
			$("div.nav-" + myClass).fadeOut(500, function() {
				$(this).remove();
			});
			
		}).mousedown(function() {
			$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click").fadeOut(500);
		}).mouseup(function() {
			//$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass).fadeIn(200);
		});
	}
	// Navigaatio
	
	//Accordion
	
	$("#accordion").accordion({ header: "h2", active: 0 });
		
	//Accordion
	
	//Preload Images
	jQuery.preloadImages = function()
	{
	  for(var i = 0; i<arguments.length; i++)
	  {
		jQuery("<img>").attr("src", arguments[i]);
	  }
	}
	
	$.preloadImages("../img/BG.jpg","../img/blue-nav.jpg","../img/FPBg.jpg","../img/HeadBG.jpg");
	//Preload Images
	
	//Kerro kaverille
		
		//getter
		//setter
		$('#TellaFriend').draggable();

	
	//Kerro kaverille
});