/**
 * @author Frantic Media
 */

 //onload
 $(function() {
 	
	$('#topMenu').addClass('dynamic');
   $('#modelRange').addClass('dynamic');
	$('a#mainMenu ').click(toggleTopMenu);

	/*model tooltips */
	/*test if model list is found and bind some tooltips*/
	if (document.getElementById('modelRange')) {

	
		var models = $('ul.modelList li');
		/*generate labels on top of the button*/
		models.each(function() {
			$(this).append('<h3 class="modelName">'+$(this).find('img').attr('title')+'</h3>');
		});

		models.tooltip({
			showURL: 0,
			showBody: 1,
			delay: 30,
			track: 1,
			top: -85,
			fixPNG: 1,
			bodyHandler: generateToolTip
		});
	}	
 });
 /*end of onload*/


/*functions*/
function  toggleTopMenu() {
		var spd = 'fast';
		//$('#topMenu').slideToggle('fast');

	$('#topMenu').css('display') == 'none' ?
		$('#topMenu').fadeIn(spd) : 
		$('#topMenu').fadeOut(spd);

	$(this).toggleClass('active');
	return false;
}


function generateToolTip() {
			tip = new Array();
			tip.push('<div class="tipHeader"></div>');
			tip.push('<div class="tipInner">' + $(this).find('.toolTipContent').html() + '</div>');
			tip.push('<div class="tipFooter"></div>');
			return tip.join('');
	
}

var valtraPoc = {
};

valtraPoc.submenuToggle = function() {
	if (jQuery('#subMenuToggler').hasClass('isOpen')) {
		jQuery('#subMenuToggler').removeClass('isOpen');
		jQuery('#subMenuToggler').html('Undermeny');
		jQuery('#subMenuContents').hide();
	} else {
		jQuery('#subMenuToggler').addClass('isOpen');
		jQuery('#subMenuToggler').html('st&auml;ng undermenyn');
		jQuery('#subMenuContents').show();
	}
};

valtraPoc.articleUi = {
	bigArrowButtonClick: function(direction, newHtmlUrl) {
		var speed = 200;

		var marginFrom;
		if (direction == 'right') {
			// clicked right button, slide from right to left
			marginFrom  = 700;
		} else {
			// clicked right button, slide from left to right
			marginFrom = -700;
		}
		jQuery('#carouselStageContent').hide().load(newHtmlUrl).css('left', marginFrom).show().animate({left: 0}, speed, function() {
			// what to do when animate is done goes here
		});
	}
};

valtraPoc.mediaGallery = {
        showImage: function (imageSrc, text) {
                jQuery('#imgAreaLargeImage').attr('src', imageSrc);
                jQuery('#imgAreaText').text(text);
        }
};

valtraPoc.articleGallery = {
	showImage: function (imageSrc, hreffingAnchor) {
		// update large image's src
		jQuery('#carouselImgLarge').attr('src', imageSrc);
		// update hilight of active thumb
		jQuery('#carouselImgFrame div.caruselThumbActive').removeClass('caruselThumbActive');
		jQuery(hreffingAnchor).parent().addClass('caruselThumbActive');
	}
};