var video_width = 560;
var video_height = 460;
var open_video = "";

var dimensions 			= new Array();
dimensions 				= getDimensions();
 var viewportwidth 	= dimensions[0];
 var viewportheight	= dimensions[1];

function tab1Over() 	{ document.getElementById("navi_videos").className = "navi_videos_over"; }
function tab1Out() 	{ document.getElementById("navi_videos").className = ""; }

function tab2Over() 	{ document.getElementById("navi_about").className = "navi_about_over";  }
function tab2Out() 	{ document.getElementById("navi_about").className = "";  }

function tab3Over() 	{ document.getElementById("navi_press").className = "navi_press_over"; }
function tab3Out() 	{ document.getElementById("navi_press").className = ""; }

function tab4Over() 	{ document.getElementById("navi_news").className = "navi_news_over"; }
function tab4Out() 	{ document.getElementById("navi_news").className = ""; }




 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 function getDimensions()
 {
 	
 var dims=new Array();

	
 	if (typeof window.innerWidth != 'undefined')
 	{
     	 dims[0] = window.innerWidth,
     	 dims[1] = window.innerHeight
 	}
 
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 	else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 	{
     	 dims[0] = document.documentElement.clientWidth,
     	 dims[1] = document.documentElement.clientHeight
 	}
 
 	// older versions of IE
 
 	else
 	{
     	 dims[0] = document.getElementsByTagName('body')[0].clientWidth,
     	 dims[1] = document.getElementsByTagName('body')[0].clientHeight
 	}
 	return dims;
 }



var popup_image_visible = 0;
var self = this;

var popup_div_id 		= "popup_template";
var popup_div_class 	= "popup_template_class";

var popup_html 	=  "<div id=\"" + popup_div_id  + "\" class=\"" + popup_div_class + "\">"; 
popup_html 			+= "<!--empty-->"; 
popup_html 			+= "</div>";	


var teebox_back_html_id 		= "teebox_back";
var teebox_back_html_class 	= "teebox_back_class";

var teebox_back_html 		=  "<div id=\"" + teebox_back_html_id  + "\" class=\"" + teebox_back_html_class + "\" onclick=\" hideVideo()\">"; 
teebox_back_html 			+= "<!--empty-->"; 
teebox_back_html 			+= "</div>"	

var teebox_html_id 				= "teebox";
var teebox_html_class 			= "teebox_class";

var teebox_html 		=  "<div id=\"" + teebox_html_id  + "\" class=\"" + teebox_html_class + "\">"; 
teebox_html 			+= "<!--empty-->"; 
teebox_html 			+= "</div>"	


window.onload = function() 
{ 
	var div1 = document.createElement('div'); 
	div1.innerHTML 	= popup_html;
	document.body.appendChild(div1.firstChild);

	var div2 = document.createElement('div'); 
	div2.innerHTML 	= teebox_back_html;
	document.body.appendChild(div2.firstChild);
	
	var div3 = document.createElement('div'); 
	div3.innerHTML 	= teebox_html;
	document.body.appendChild(div3.firstChild);	
}; 



function showTeeboxBack(content_element)
{
		var div_element = document.getElementById(teebox_back_html_id);
		var new_left 	= 0;
		var new_top 	= 0;	

		div_element.style.left 			= new_left + "px"; 
		div_element.style.top 			= new_top + "px"; 
		div_element.style.visibility 	= "visible";	
		div_element.style.display		= "block";				
		div_element.style.opacity 		= 0.7;				

				
		content_element.style.visibility 		= "visible";
		content_element.style.display 		= "block";	
		content_element.style.left 			= String((viewportwidth / 2) - (video_width / 2))+ "px";
		content_element.style.top				= String((viewportheight / 2) - (video_height / 2)) + "px";		
		content_element.style.opacity 		= 1.0;		
		content_element.style.zIndex		= 250;			
		document.body.appendChild(content_element);
	
}

function showVideo(video_block_id)
{
	if(open_video)
	{
		hideVideo();
	}
		
	scroll(0,0);
	open_video = video_block_id;
	var div_element = document.getElementById(video_block_id);	
	showTeeboxBack(div_element);
	
	var div_element 			= document.getElementById(open_video);	
	var dims 						= getDimensions();
	div_element.style.left 	= String((dims[0] / 2) - (video_width / 2))+ "px";
	div_element.style.top	= String((dims[1] / 2) - (video_height / 2)) + "px";		
}

function hideVideo()
{
	var div_element = document.getElementById(teebox_back_html_id);	
	div_element.style.visibility 	= "hidden";		
	var div_element = document.getElementById(open_video);	
	div_element.style.visibility 	= "hidden";	
	div_element.style.display 		= "none";	
	div_element.style.opacity 		= 0;			
	open_video = null;
}

function videoThumbMouseOver(obj, id_hidden)
{

	if(popup_image_visible == 0)
	{	
		popup_image_visible = 1;
		var div_element = document.getElementById(popup_div_id);
		var hidden_element = document.getElementById("video_gallery_hidden_" + id_hidden);
		var new_left 	= findPosX(obj);	
		var new_top 	= findPosY(obj);	

		//var new_left 	= 50;
		//var new_top 	= 50;			
		
		div_element.style.left 			= new_left + "px"; 
		div_element.style.top 			= new_top + "px"; 
		div_element.style.width			= 175;
		div_element.style.height		= 131;		
		div_element.innerHTML			= hidden_element.innerHTML;
		div_element.style.visibility 	= "visible";		
		div_element.style.display 		= "block";				
		div_element.style.opacity 		= 0.8;					
		div_element.onclick = function () 
		{ 
			var block_name = "video" + obj.id.substring(5);
			showVideo(block_name);
		}		
		div_element.onmouseout = function () 
		{ 
			videoThumbMouseOut(obj)
		}			
	}
	else
	{
		videoThumbMouseOut(obj);
	}
}

function videoThumbMouseOut(obj)
{
	if(popup_image_visible == 1)
	{
		popup_image_visible = 0;
		var div_element = document.getElementById(popup_div_id);
		div_element.style.visibility = "hidden";	
		div_element.style.display 	= "none";				
		div_element.style.opacity 	= 0;						
	}
}



function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
  
window.onresize = function() 
{
	if(open_video)
	{
		var div_element 			= document.getElementById(open_video);	
		var dims 						= getDimensions();
		div_element.style.left 	= String((dims[0] / 2) - (video_width / 2))+ "px";
		div_element.style.top	= String((dims[1] / 2) - (video_height / 2)) + "px";	
	}	
}

function dosomething(e)
{
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
}