/*****************************************************************************
 *
 *  Copyright              : Copyright (C) FJ Design
 *  Website                : www.fj-design.nl
 *  
 *****************************************************************************/

var screenW = "", screenH = "";
if (parseInt(navigator.appVersion)>3) {
 screenW = screen.width;
 screenH = screen.height;
}
else if (navigator.appName == "Netscape" 
    && parseInt(navigator.appVersion)==3
    && navigator.javaEnabled()
   ) 
{
 var jToolkit = java.awt.Toolkit.getDefaultToolkit();
 var jScreenSize = jToolkit.getScreenSize();
 screenW = jScreenSize.width;
 screenH = jScreenSize.heigth;
}
if(screenW>1680){
	document.write('<link rel="stylesheet" type="text/css" href="/css/style_intro_1920.css" />');	
}else if(screenW>1600){
	document.write('<link rel="stylesheet" type="text/css" href="/css/style_intro_1680.css" />');	
}else if(screenW>1440){
	document.write('<link rel="stylesheet" type="text/css" href="/css/style_intro_1600.css" />');	
}else if(screenW>1280){
	document.write('<link rel="stylesheet" type="text/css" href="/css/style_intro_1440.css" />');	
}else if(screenW>1024){
	if(screenH<1024){
		document.write('<'+'link rel="stylesheet" type="text/css" href="/css/style_intro_1280.css" />');
	}else{
		document.write('<'+'link rel="stylesheet" type="text/css" href="/css/style_intro_1280_1024.css" />');
	}
}
var zooming=0;
var id_now=0;
function zoom(id){
	if(zooming==0){
		zooming=1;
		id_now=id;
		$("#zooming").animate({ height: $("#imgmax").css('height'), left: $("#img"+id).css('left'), top: $("#img"+id).css('top'), width: $("#imgmax").css('width')}, 300, function() {zooming=0; if(id!=id_now) do_last(id); });				
	}
}

function do_last(id){
	$("#zooming").animate({ height: $("#imgmax").css('height'), left: $("#img"+id).css('left'), top: $("#img"+id).css('top'), width: $("#imgmax").css('width')}, 300, function() {zooming=0; });	
}

function exit_zoom(){	
	$("#zooming").animate({ height: $("#zoom").css('height'), left: '0', top: '0', width: $("#zoom").css('width')}, 300, function(){zooming=0;});	
}
