// JavaScript Document

/**
*	Mainframe parameters
**/
window.mainframe = {
	imagesArray : null,

	backgroundImg : null,

	resizeInt:null,

	isHome : false,

	isShown: true,

	imgObj : new Image(),

	showTextBox : true,

	firstLoad : false,

	/**	function innerWidth
	* returns the innerWidth of the window, crossbrowser
	**/
	innerWidth : function() {
		if(window.innerWidth){

			return window.innerWidth;
		}
		else if(document.documentElement.clientWidth){
			return document.documentElement.clientWidth;
		}
	},

	/**	function innerHeight
	* returns the clientHeight of the window, crossbrowser
	**/
	innerHeight : function() {
		if(window.innerHeight){
			return window.innerHeight;
		}
		else if(document.documentElement.clientHeight){
			return document.documentElement.clientHeight;
		}
	},


	/** function isSafari
	* returns true or false
	**/
	isSafari : function(){
		return (navigator.userAgent.toLowerCase().indexOf("safari") != -1);
	},

	/** function isIE6
	* returns true or false
	**/
	isIE6 : function(){
		return (navigator.userAgent.toLowerCase().indexOf("msie 6") != -1);
	},

	/** function isIE
	* returns true or false
	**/
	isIE : function(){
		return (navigator.userAgent.toLowerCase().indexOf("msie") != -1);
	},

	getCookie : function(cookiename){
		var cookiestring=""+document.cookie;
	 	var index1=cookiestring.indexOf(escape(cookiename));
		if (index1==-1 || cookiename=="") return "";
			var index2=cookiestring.indexOf(';',index1);
		if (index2==-1) index2=cookiestring.length;
			return cookiestring.substring(index1+cookiename.length+1,index2);
	},

	setCookie : function(name, value, expires, path, domain, secure){
		document.cookie= name + "=" + escape(value) +
		((expires) ? "; expires=" + expires.toGMTString() : "") +
	    ((path) ? "; path=" + path : "") +
	    ((domain) ? "; domain=" + domain : "") +
	    ((secure) ? "; secure" : "");
	},

	resizeBackground : function() {
		w = mainframe.innerWidth();
		h = mainframe.innerHeight();

		var image_scale = mainframe.imgObj.width/mainframe.imgObj.height;
		var window_scale = w/h;

		if (image_scale>window_scale){
			var wid = Math.floor(h*image_scale);

			$('#background_image').attr('width',wid);
			$('#background_image').attr('height',h);
		}
		else{
			var hei = Math.floor(w/image_scale);

			$('#background_image').attr('width',w);
			$('#background_image').attr('height',hei);
		}
	},


	doOnResize : function() {
		//create a little delay to "unstress" IE and Opera during resizing
		try {
			window.clearTimeout(this.resizeInt);
			this.resizeInt = null;
		}
		catch (err){
			//nice catch
		}
		this.resizeInt = window.setTimeout("mainframe.resizeBackground()", 20);

	},

	hideMenu : function(callbackfunc){
	    $('#menu_control').unbind('click',mainframe.hideMenu);

		$('#menu_control').addClass('show_menu');
		$('#hide_label').hide();
		$('#show_label').show();

		$('#logo_oma').css('visibility','hidden');
		$('#home_menu').slideUp();
		$('#home_content').slideUp(function(){
			$('#home_innercontainer').animate({width:'140px',left:0,marginLeft:0}, function(){
			    $('#menu_control').bind('click',mainframe.showMenu);
				$('#menu_control').show();
			    mainframe.isShown = false;
			    if(typeof callbackfunc == 'function') { callbackfunc();}
			});
		});
	},

	showMenu : function(){
	    $('#menu_control').unbind('click',mainframe.showMenu);
        $('#menu_control').removeClass('show_menu');
		if (!mainframe.showTextBox) {
			$('#menu_control').hide();
		}
		$('#hide_label').show();
		$('#show_label').hide();

		$('#home_innercontainer').animate({width:'990px',left:'50%',marginLeft:'-495px'}, function(){

			$('#logo_oma').css('visibility','visible');
			$('#home_menu').slideDown();
			$('#home_content').slideDown();
			$('#menu_control').bind('click',mainframe.hideMenu);
			mainframe.isShown = true;
		});
	},

	setImageObj : function(newImg,callback){

	    this.imgObj.src = newImg;
		this.imgObj.onload = callback;
		this.imgObj.onerror = function(){ };
	},

	init : function (firstload){



		mainframe.firstLoad = firstload;

		//get an random image from the array
		if( (mainframe.getCookie('bgimage') != "") && (mainframe.getCookie('bgindex') != "") && (mainframe.getCookie('flag') != "")) {

			//init from cookies
			var index = parseInt(mainframe.getCookie('bgindex'));
			this.backgroundImg = this.imagesArray[index].src;
			slideshow.currentImage = index;
		} else {

			//init from randomize
			var randomIndex = Math.floor ( Math.random() * this.imagesArray.length );
			if(this.imagesArray.length > 0) {
				var randomImage = this.imagesArray[randomIndex].src;
				mainframe.setCookie('bgimage', randomImage);
				mainframe.setCookie('bgindex', randomIndex);
				mainframe.setCookie('flag', 1);
				this.backgroundImg = randomImage;
				slideshow.currentImage = randomIndex;
			} else {
				// If no images are set the site does not initialize
				// Added this to initialize the site without background images
				window.setTimeout("mainframe.doOnFirstLoad()",300);
			}
		}
		//bind menu controls
		$('#show_label').hide();
		$('#menu_control').bind('click',mainframe.hideMenu);
		$(window).resize(function(){
			mainframe.doOnResize();
		});

		//$('#home_menu').hide();


		$('#home_content').hide();
		$('.home_innercontainer').css('width','184px');
		$('#menu_control').hide();
		$('#logo_oma').css('visibility','hidden');
		$('#home_innercontainer').css('top',mainframe.innerHeight()+'px');
		$('#home_maincontainer').show();

		//ie image caching bug
		if (mainframe.isIE()) {
			mainframe.setImageObj(this.backgroundImg,null);
			window.setTimeout("mainframe.doOnFirstLoad()",300);
		}
		else {
			mainframe.setImageObj(this.backgroundImg,mainframe.doOnFirstLoad);
		}
		//$('#background_image').attr('src', this.backgroundImg).load(mainframe.doOnFirstLoad);


		if (this.isHome){
			slideshow.init();
		}
		// If a link gets selected, call blur
		$('a').bind('focus',function() {
        	this.blur();
    	});

	},

	doOnFirstLoad : function() {


		mainframe.resizeBackground();

		$('#background_image').attr('src', mainframe.backgroundImg);

		$('#loading').hide();

		$('#background_image').show();

		// If the page loads first animate, else just position
		if (mainframe.firstLoad) {
			$('#home_innercontainer').animate({
				'top': '75px'
			}, 2000, 'swing', function(){
				$('#home_slider').show();
				$('#home_content').show();
				$('.home_innercontainer').css('width', '990px');
				if (!mainframe.showTextBox) {
					$('#menu_control').hide();
				} else {
					$('#menu_control').show();
				}
				$('#logo_oma').css('visibility', 'visible');
			});
		} else {

			$('#home_innercontainer').css('width', '990px');
			$('#home_slider').show();
			$('#home_content').show();
			$('#home_menu').show();
			$('.home_innercontainer').css('width', '990px');
			if (!mainframe.showTextBox) {
				$('#menu_control').hide();
			} else {
				$('#menu_control').show();
			}
			$('#logo_oma').css('visibility', 'visible');
		}

	}
}

window.slideshow = {
	imagesArray : null,

	currentImage : 0,

	total : 0,

	imageJqueryObj : null,

	overlayJqueryObj :null,

	init : function(){
		//slideshow logic
		this.total = this.imagesArray.length;

	    //hover handling
        slideshow.addHover('arrow_slide_prev');
	    slideshow.addHover('arrow_slide_next');

	    //click handlind
	    $('#arrow_slide_prev').bind('click',slideshow.previousImage);
	    $('#arrow_slide_next').bind('click',slideshow.nextImage);

		this.imageJqueryObj = $('#background_image');
		this.overlayJqueryObj = $('#background_overlay');

		var bulletContainer = $('#home_slider_bullets');

		for (var i=0; i < this.total; i++) {
		    bulletContainer.append('<span id="slide_'+i+'" onclick="slideshow.openImage('+i+');" class="bullet">&nbsp;</span>');
		}

		$('#slide_'+this.currentImage).addClass('selected_bullet');
		slideshow.updateInfoBar();
	},

	updateInfoBar : function (){
		var imageInfos = this.imagesArray[this.currentImage];
		if (imageInfos != undefined) {
			if (imageInfos.text != '') {
				$('#project_title').html(imageInfos.text);

				$('#project_title').show();
			}
			else {
				$('#project_title').hide();
			}
		} else {
			$('#project_title').hide();
		}

	},

	switchImage : function(direction,callback) {


		$('#slide_'+this.currentImage).removeClass('selected_bullet');

		this.currentImage += parseInt(direction);

		if (this.currentImage == this.total) this.currentImage = 0;
		if (this.currentImage == -1) this.currentImage = this.total-1;

		slideshow.openCurrentImage(callback);
		//});
	},

	openImage : function(index){
		if (mainframe.isShown){
	        mainframe.hideMenu(function(){slideshow.openImage(index);});
	        return;
	    }

		$('#slide_'+this.currentImage).removeClass('selected_bullet');
		this.currentImage = index;
		slideshow.openCurrentImage();
		mainframe.setCookie('bgimage', slideshow.imagesArray[slideshow.currentImage].src);
		mainframe.setCookie('bgindex', slideshow.currentImage);
	},

	openCurrentImage : function(callback){

		$('#slide_'+this.currentImage).addClass('selected_bullet');
		slideshow.updateInfoBar();

		//this.overlayJqueryObj.fadeIn('fast',function(){

			this.overlayJqueryObj.show();
			slideshow.imageJqueryObj.hide();
			$('#loading').show();
             slideshow.imageJqueryObj.removeAttr('src');

			var imgSrc = slideshow.imagesArray[slideshow.currentImage].src;

			//ie doesn't execute the callback function if the image has already been cached
			if (mainframe.isIE()) {
				mainframe.setImageObj(imgSrc,null);

				mainframe.resizeBackground();
				slideshow.imgHasLoaded(imgSrc);

				if(typeof callback == 'function') callback();

			}
			else {

				mainframe.setImageObj(imgSrc,function(){
					mainframe.resizeBackground();
					slideshow.imgHasLoaded(imgSrc);
					if(typeof callback == 'function') callback();
				});
			}
	},


	imgHasLoaded : function(imgSrc){



		slideshow.imageJqueryObj.attr('src',imgSrc);

		$('#loading').hide();//('fast',function(){
		slideshow.imageJqueryObj.show();
		slideshow.overlayJqueryObj.hide();
	},

	nextImage : function() {

	    if (mainframe.isShown){
	        mainframe.hideMenu(slideshow.nextImage);
	        return;
	    }

	    $('#arrow_slide_next').unbind('click',slideshow.nextImage);
	    slideshow.switchImage(1,function(){
	        $('#arrow_slide_next').bind('click',slideshow.nextImage);
	    });
		mainframe.setCookie('bgimage', slideshow.imagesArray[slideshow.currentImage].src);
		mainframe.setCookie('bgindex', slideshow.currentImage);
	},

	previousImage : function() {

        if (mainframe.isShown){
	        mainframe.hideMenu(slideshow.previousImage);
	        return;
	    }

        $('#arrow_slide_prev').unbind('click',slideshow.previousImage);
	    slideshow.switchImage(-1,function(){
	        $('#arrow_slide_prev').bind('click',slideshow.previousImage);
	    });
		mainframe.setCookie('bgimage', slideshow.imagesArray[slideshow.currentImage].src);
		mainframe.setCookie('bgindex', slideshow.currentImage);

	},

	addHover : function(id){
	    var elementId = id;

        $('#'+elementId).hover(
			function() {
				$(this).children('img').attr('src','images/'+elementId+'_roll.png');
			},

			function() {
				$(this).children('img').attr('src','images/'+elementId+'.png');
			}
		);
	}
}

//
//getPageSize()
//Returns array with page width, height and window width, height
//Core code from - quirksmode.org
//Edit for Firefox by pHaez
//
var ie=document.all&&document.getElementById;

function getPageSize(){	
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

//Determine if a reference is defined
function defined(o) {
  return (typeof(o)!="undefined");
};

function cssHypen2Camel(property) {
    if (!defined(property) || property==null) { return null; }
    if (property.indexOf("-")<0) { return property; }
    var str = "";
    var c = null;
    var l = property.length;
    for (var i=0; i<l; i++) {
      c = property.charAt(i);
      str += (c!="-")?c:property.charAt(++i).toUpperCase();
    }
    return str;
}

function cssGet(o, property) {
    if (o==null) { return null; }
    var val = null;
    var camelProperty = cssHypen2Camel(property);
    // Handle "float" property as a special case
    if (property=="float") {
      val = cssGet(o,"cssFloat");
      if (val==null) { 
        val = cssGet(o,"styleFloat"); 
      }
    }
    else if (o.currentStyle && defined(o.currentStyle[camelProperty])) {
      val = o.currentStyle[camelProperty];
    }
    else if (window.getComputedStyle) {
      val = window.getComputedStyle(o,null).getPropertyValue(property);
    }
    else if (o.style && defined(o.style[camelProperty])) {
      val = o.style[camelProperty];
    }
    // For color values, make the value consistent across browsers
    // Convert rgb() colors back to hex for consistency
    if (/^\s*rgb\s*\(/.test(val)) {
      val = css.rgb2hex(val);
    }
    // Lowercase all #hex values
    if (/^#/.test(val)) {
      val = val.toLowerCase();
    }
    return val;
};

function getHeight() {
    var body = document.body;
    if(body == null) {
    	var bodies = document.getElementsByTagName("BODY");
        if (bodies!=null && bodies.length>0) {
          body = bodies[0];
        }    	
    }
    var innerHeight = (defined(self.innerHeight)&&!isNaN(self.innerHeight))?self.innerHeight:0;
    if (document.documentElement && (!document.compatMode || document.compatMode=="CSS1Compat")) {
        var topMargin = parseInt(cssGet(body,'marginTop'),10) || 0;
        var bottomMargin = parseInt(cssGet(body,'marginBottom'), 10) || 0;
        var alt = (!defined(self.innerHeight) || isNaN(self.innerHeight))?0:self.innerHeight;
        return Math.max(body.offsetHeight + topMargin + bottomMargin, document.documentElement.clientHeight, document.documentElement.scrollHeight, alt);
    }
    var alt = (!defined(self.innerHeight) || isNaN(self.innerHeight))?0:self.innerHeight;
    return Math.max(body.scrollHeight, body.clientHeight, alt);
}

function doResize() {
	var pageSize = new Array();
	pageSize = getPageSize();
	var height = (getHeight()-60)+'px';
	if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) {
		document.getElementById('content').style.height = height;
	} else {
		document.getElementById('content').style.height =  (pageSize[1]-60)+'px';
	}
}