//Reference page.
var page;
//Reference pages
var referencenum;
//Starts JQuery.
jQuery.noConflict();

jQuery(document).ready(function(){
	
	//making the mouseovers on the menu
	jQuery('#menu1 > li > a').mouseover(function(){
		jQuery('#resume'+jQuery(this).text()).show('fast');
	});
	jQuery('#menu1 > li > a').mouseout(function(){
		jQuery('#resume'+jQuery(this).text()).hide();
	});
	

	//Starts the loadings of the first three references	
	jQuery('.referenceContent').referenceShow();

	if (jQuery('#mainSlideshow').length>0){
		//Making the Slideshow Controllers for jFlow
		var num = 1;
		var images = jQuery('#slideshow').children('.mediaElement').length;
		
		jQuery('#slideshow').children('.mediaElement').each(function(){
			jQuery('#slideshowControllers').append('<span class="slideshowController">'+num+'</span>');
			
			if (num==images){
				//Making it all flow
				jQuery("#slideshowControllers").jFlow({
					slides: "#slideshow",
					controller: ".slideshowController", // must be class, use . sign
					slideWrapper : "#slideshowWrapper", // must be id, use # sign
					selectedWrapper: "controllerSelected",  // just pure text, no sign
					width: "800px",
					height: "400px",
					duration: 500,
					prev: ".slideshowPrev", // must be class, use . sign
					next: ".slideshowNext" // must be class, use . sign
				});
			}
			num++;
		});
		
		//Setting the next prev buttons right
		if (1<images){
			jQuery(window).load(function(){
				var offset = 30;
				jQuery('.slideshowPrev').css('left',(jQuery('#mainSlideshow').position().left-offset));
				jQuery('.slideshowPrev').css('top',(jQuery('#mainSlideshow').position().top+(jQuery('#mainSlideshow').height()/2-jQuery('.slideshowPrev').height()/2)));
				jQuery('.slideshowNext').css('left',(jQuery('#mainSlideshow').position().left+jQuery('#mainSlideshow').width()-(jQuery('.slideshowNext').width()-offset)));
				jQuery('.slideshowNext').css('top',(jQuery('#mainSlideshow').position().top+(jQuery('#mainSlideshow').height()/2-(jQuery('.slideshowNext').height()/2))));
				jQuery('.slideshowPrev, .slideshowNext').css('display','block');
			});
			jQuery(window).resize(function(){
				var offset = 30;
				jQuery('.slideshowPrev').css('left',(jQuery('#mainSlideshow').position().left-offset));
				jQuery('.slideshowPrev').css('top',(jQuery('#mainSlideshow').position().top+(jQuery('#mainSlideshow').height()/2-jQuery('.slideshowPrev').height()/2)));
				jQuery('.slideshowNext').css('left',(jQuery('#mainSlideshow').position().left+jQuery('#mainSlideshow').width()-(jQuery('.slideshowNext').width()-offset)));
				jQuery('.slideshowNext').css('top',(jQuery('#mainSlideshow').position().top+(jQuery('#mainSlideshow').height()/2-(jQuery('.slideshowNext').height()/2))));
				jQuery('.slideshowPrev, .slideshowNext').css('display','block');
			});
			
		} else {
			jQuery('.slideshowPrev .slideshowNext').css('display','none');
			
		}
	}
});