// 
//  js-helper.js
//  manner.ch
//  
//  Created by Philippe Manner on 2011-01-27.
//  Copyright 2011 Philippe Manner. All rights reserved.
// 

$(document).ready(function(){
	/* Nav menu action */
	$('a.nav').click(function(event){
		/* Remember current nav item */
		cur_nav = $(this).attr('id');
		loadNewPage(event.srcElement.parentElement);
		event.preventDefault();
	});
	
	
	/* Nav menu effect (but not on 'cur_nav' nav item) */
	$('a.nav[id!=' + cur_nav + ']').animate({opacity: 0.5}, 0);
	$('a.nav[id!=' + cur_nav + ']').mouseover(function () { $(this).animate({opacity: 1.0}, 200); });
	$('a.nav[id!=' + cur_nav + ']').mouseout(function () { $(this).animate({opacity: 0.5}, 200); });
	$("#nav_box img[title]").tooltip({ effect: 'slide', position: "bottom right", offset: [-10, 15]});
	
	
	/* Design chooser */
	$("#choice_green").click(function(event) {
		$("link[id=design]").attr({href : "web/css/design_green.css"});
		cur_design = 'green';
		event.preventDefault();
	});
	$("#choice_orange").click(function(event) {
		$("link[id=design]").attr({href : "web/css/design_orange.css"});
		cur_design = 'orange';
		event.preventDefault();
	});
	$("#choice_gray").click(function(event) {
		$("link[id=design]").attr({href : "web/css/design_gray.css"});
		cur_design = 'gray';
		event.preventDefault();
	});
	

	/* Init jQuery tools */
	$.easing.custom = function (x, t, b, c, d) {
		var s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	}
	$(".scrollable").scrollable({easing: 'custom', speed: 700, mousewheel: true});
	
	$("img[rel=#overlay_scc_onyx]").overlay({mask: '#000', effect: 'apple'});
	$("img[rel=#overlay_openair_lax]").overlay({mask: '#000', effect: 'apple'});
	$("img[rel=#overlay_hawaii_blog]").overlay({mask: '#000', effect: 'apple'});
	$("img[rel=#overlay_sverige_blog]").overlay({mask: '#000', effect: 'apple'});
	$("img[rel=#overlay_image_gallery]").overlay({mask: '#000', effect: 'apple'});
	$("img[rel=#overlay_opti_design]").overlay({mask: '#000', effect: 'apple'});
	
	/* Init page content */
	pageLoaded();
});


function loadNewPage(url) {
	gotoURL(url);
	
	/* ajax loading
	$('#content_main').load(url + ' #content_main div', function() { pageLoaded(); });
	*/
}

function pageLoaded() {
	/* Hide 'no-js' page */
	$('#box_right_no_js').addClass('dont_show');
	$('#box_right').removeClass('dont_show');
	$('#nav_box').removeClass('hidden');
	$('#footer').removeClass('hidden');
}

function gotoURL(url) {
	var urlForm = document.createElement('form');
	urlForm.method = "post";
	urlForm.action = url;
	
	/* Add current design */
	addPostAttribute(urlForm, 'design', cur_design);
	
	/* Add current nav item */
	addPostAttribute(urlForm, 'nav', cur_nav);
	
	document.body.appendChild(urlForm);
	urlForm.submit();
	document.body.removeChild(urlForm);
}

function addPostAttribute(urlForm, name, value) {
	var newInput = document.createElement('input') ;
	newInput.setAttribute('name', name);
	newInput.setAttribute('value', value);
	urlForm.appendChild(newInput) ;
}