/*
opacity: 0.8;  // Firefox, Safari(WebKit), Opera  
filter: alpha(opacity=80);      // IE 4-7  
-ms-filter: "alpha(opacity=80)"; // IE 8  
For dynamic setting you need only two:

element.style.opacity="0.8";
element.style.filter="alpha(opacity=80)";
*/
function xshowPic(view){
	elTrans = window.document.getElementById('transparency');
	elCon = window.document.getElementById('content');
	elText = window.document.getElementById('text');
	elSites= window.document.getElementById('websites');
	elLink= window.document.getElementById('showText');
	if (view){
		elTrans.style.visibility='hidden';
		elCon.style.visibility='hidden';
		elText.style.visibility='hidden';
		elSites.style.display='none';
		elLink.style.visibility='visible';
		MojoMagnify.makeMagnifiable(  document.getElementById("background"),    "painting.jpg"  );  
	}
	else{
		elTrans.style.visibility='visible';
		elCon.style.visibility='visible';
		elText.style.visibility='visible';
		elSites.style.display='block';
		elLink.style.visibility='hidden';
		MojoMagnify.init();
	}
	return(false);
}

 
function imgWin(a){
	return(newWin(a,0, 0, 'sc'));
}
 
function newWin(a,width, height, opts){
	url = a.href;
    if (! width || width < 1 )  width =  screen.availWidth * .95;
    if (! height || height < 1 )  height =  screen.availHeight * .85;
    var left = parseInt((screen.availWidth/2) - (width/2));
    var top = parseInt((screen.availHeight/2) - (height/2));
	if (! opts) opts = 'st,tb,sc,rs,lo';
	var options = 'status='; options +=  (opts.indexOf('st')!= -1) ?  'yes' : 'no';
	options += ',toolbar=' ; options +=  (opts.indexOf('tb')!= -1) ?  'yes' : 'no';
	options += ',scrollbars=' ; options +=  (opts.indexOf('sc')!= -1) ?  'yes' : 'no';
	options += ',resizable=' ; options +=  (opts.indexOf('rs')!= -1) ?  'yes' : 'no';
	options += ',location=' ; options +=  (opts.indexOf('lo')!= -1) ?  'yes' : 'no';
	
	//toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no
    var windowFeatures = options + ",width=" + width + ",height=" + height + ",left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;
     
	myWindow = window.open(url, "subWind", windowFeatures);
	myWindow.focus();
	return(false);
}
 
var opacity=1;
function loaded(){
	var app=navigator.appName.toLowerCase();
	//if (app.indexOf("microsoft")!=-1 && parseInt(navigator.appVersion)>=4) return;
	var transWin = new Fader('transparency', 0, 100, 500);
	var textWin = new Fader('text', 0, 100, 2000);
	var website_1 = new Fader('website_1', 0, 100, 3000  );
	var website_2 = new Fader('website_2', 0, 100, 3500  );
	var website_3 = new Fader('website_3', 0, 100, 4000  ); 
	var website_4 = new Fader('website_4', 0, 100, 4500  ); 
	var showPic = new Fader('showPic', 0, 100, 4500  ); 
	
	transWin.fade();
	textWin.fade();
	website_1.fade();
	website_2.fade();
 	website_3.fade();
 	website_4.fade();
	showPic.fade();
  
}
 
function Fader(strID, start, end, startDelay, fadeDelay){
	this.enabled = false;
	this.id = strID;
	this.opacityStart=start;
	this.opacityEnd=end;
	this.startDelayMS = startDelay;
	// Methods
	this.checkEnabled = checkEnabled;
	this.fade = fade;
	this.checkEnabled();
	
	this.fadeDelayMS = (fadeDelay) ? fadeDelay: 10;  
	this.fadeStep = 2;  
	if (document.getElementById) this.el = window.document.getElementById(strID);
	else if (document.all) this.el = window.document.all[strID];
	this.el.style.visibility='hidden';
 	if (this.isIE)	this.el.style.filter= "alpha(opacity=" + this.opacity + ")"; 
	else if (this.isFF || this.isSafari || this.isOpera) this.el.style.opacity =this.opacity/100;
		

function fade(){
	if (!this.enabled) return;
	
	if (this.startDelayMS > 0){
		var pThis = this;
		var f = function(){pThis.fade();}
		this.delayID =  setTimeout(f,  this.startDelayMS);
		this.startDelayMS=0
		return;
	}
	
	if (this.el  ){
		var timer = 0;
	    for(i = this.opacityStart; i <= this.opacityEnd; i++) { 
            setTimeout("changeOpac(" + i + ",'" + this.id + "')",(timer * this.fadeDelayMS)); 
            timer++; 
        } 
 
 
 	}
}

 

		
function checkEnabled(){
	this.isIE = false;
	this.isFF = false;
	this.isSafari = false;
	this.isOpera = false;
	// convert all characters to lowercase to simplify testing
	var agt=navigator.userAgent.toLowerCase();
	var app=navigator.appName.toLowerCase();
	
	 //alert( agt + '\n\n' + app);
	if (app.indexOf("microsoft")!=-1 && parseInt(navigator.appVersion)>=4) {
		this.enabled = true;
		this.isIE = true
	}
	if (agt.indexOf("firefox")!=-1  ) {
		this.enabled = true;
		this.isFF = true
	}
	if (agt.indexOf("safari")!=-1  ) {
		this.enabled = true;
		this.isSafari = true
	} 
	if (agt.indexOf("opera")!=-1  ) {
		this.enabled = true;
		this.isOpera = true
	} 
}

}

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
	object.visibility='visible';;
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
	
	if (opacity==100 && object.filter)   object.filter = null;
}