dojo.require("dojox.image");	

var c = console;
var isShowNavigationWindowOnMouseOver = false;
var isMainMenuClicked = false;
var isIE = false;
var slideShowInterval = 4000;
var playSlideShow = true;

var images = new Array(new Array("iren","/wp-content/themes/cicero/images/stories/iren_1.png"), new Array("andreas","/wp-content/themes/cicero/images/stories/andreas_1.png"), new Array("susanne","/wp-content/themes/cicero/images/stories/susanne_1.png"), new Array("tor","/wp-content/themes/cicero/images/stories/tor_1.png"))

var init = function(){
	
	/*Detect browser */
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	if (browser=="Microsoft Internet Explorer") {
		isIE = true;
	} else { 
		isIE = false;
	}	

	//preload imags for smoother slideshow
	dojox.image.preload([images[1][1],images[2][1],images[3][1]]);
};


function imageSlideShow() {	
	if (playSlideShow) {
		var i = dojo.byId('frontpage_mainImage');

		fadeOut = dojo.fadeOut({node: "frontpage_mainImage",duration: 100});
		fadeIn = dojo.fadeIn({node: "frontpage_mainImage",duration: 400});

		if (i.alt == 'iren') {
			fadeOut.onEnd = function() { fadeIn.onBegin = function() { i.src = images[1][1]; i.alt = images[1][0]; }; fadeIn.play() };
		} else if (i.alt == 'andreas') {
			fadeOut.onEnd = function() { fadeIn.onBegin = function() { i.src = images[2][1]; i.alt = images[2][0]; }; fadeIn.play() };
		} else if (i.alt == 'susanne') {
			fadeOut.onEnd = function() { fadeIn.onBegin = function() { i.src = images[3][1]; i.alt = images[3][0]; }; fadeIn.play() };
		} else {
			fadeOut.onEnd = function() { fadeIn.onBegin = function() { i.src = images[0][1]; i.alt = images[0][0]; }; fadeIn.play() };
		}
	 
		fadeOut.play();	

		setTimeout ( 'imageSlideShow()', slideShowInterval );
	}
}

function selectImageSlide(slide) {
	// turn off image slideshow
	playSlideShow = false;
	
	// change image
	var i = dojo.byId('frontpage_mainImage');

	fadeOut = dojo.fadeOut({node: "frontpage_mainImage",duration: 100});
	fadeIn = dojo.fadeIn({node: "frontpage_mainImage",duration: 200});
	fadeOut.onEnd = function() { fadeIn.onBegin = function() { i.src = images[slide - 1][1]; i.alt = images[slide - 1][0] }; fadeIn.play() };
 
	fadeOut.play();	
}

dojo.addOnLoad(init);


function mainMenu(type,animate) {
	if(type == 'mouseOver') {
		if(!isShowNavigationWindowOnMouseOver & isMainMenuClicked || isShowNavigationWindowOnMouseOver) {
			changeMainMenuItem(type)
			showMainMenu(animate);
		}
	} else if (type == 'mouseOut') {
		if (!isMainMenuClicked) {
			changeMainMenuItem(type)
			hideMainMenu(animate);
		}
	} else if ('mouseClick') {
		changeMainMenuItem(type)
		if(!isMainMenuClicked) {
			isMainMenuClicked = true;
			showMainMenu(animate);
		} else {
			closeMainMenu(animate);
		}				
	}
}

function changeMainMenuItem(type) {

	var m = dojo.byId('navigation_main_menu_item');
	var mm = dojo.byId('navigation_main_menu_item_link');
	
	if(type === 'mouseOver' || (type === 'mouseClick' & !isMainMenuClicked)) {
		if (isIE) {
			m.setAttribute('className','navigation_main_menu_item_selected');
			mm.setAttribute('className','navigation_main_menu_item_link_selected');
		} else {
			m.className = 'navigation_main_menu_item_selected';
			mm.className = 'navigation_main_menu_item_link_selected';					
		}
	} else {
		if (isIE) {
			m.setAttribute('className','navigation_main_menu_item');
			mm.setAttribute('className','navigation_main_menu_item_link');	
		} else {
			m.className = 'navigation_main_menu_item';
			mm.className = 'navigation_main_menu_item_link';					
		}
	}
}

function showMainMenu(animate) {
	var mm = dojo.byId('navigation_menu_sub');
	var cn = dojo.coords(dojo.byId('content'));
	// c.log(cn.x + " : " + cn.y + " : " + cn.w + " : " + cn.h);

	mm.style.position = 'absolute';
	mm.style.top = (cn.y - 14)+ 'px';
	mm.style.left = cn.x + 'px';
	
	if(animate) {
		fadeIn = dojo.fadeIn({node: "navigation_menu_sub",duration: 200});
		fadeIn.onBegin = function() { mm.style.display = 'block' };
	  	fadeIn.play();		
	} else {
		mm.style.opacity = 1;
		mm.style.display = 'block';
	}
  
}

function hideMainMenu(animate) {
	var mm = dojo.byId('navigation_menu_sub');
	
	if(animate) {
		c.log('hideMainMenu : animate');
		fadeOut = dojo.fadeOut({node: "navigation_menu_sub",duration: 150});
		fadeOut.onEnd = function() {mm.style.display = 'none'};
		fadeOut.play();		
	} else {
		mm.style.opacity = 0;
		mm.style.display = 'none'
	}
}

function closeMainMenu(animate) {
	isMainMenuClicked = false;
	hideMainMenu(animate);
}