/*

###
#	
#	Enviroment js file uses jquery library
#	Filippo Pisano @ 2007
#	serverstudio.it / fpisano@serverstudio.it
#
###


*/

var $j = jQuery.noConflict();
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();



/* // Wait for the document to be ready
$j(document).ready(function() {
	init();
}); */


// Init()
function init(mode,img,size){
	div = '<div id="teaser"></div>';
	$j(div).appendTo("body");
	
	openTeaser(mode,img,size);
}

function openTeaser(thesrc, quadro_src, real_size){
		
			var liveSite = 'http://localhost/sakbegallery/';
		
			switch(thesrc){
				case '1':
				thesrc = liveSite+'arredambiente/images/letto.jpg';
				break;
				case 2:
				thesrc = 'images/...';
				break;
			}
			
			
			real_size = parseInt(real_size);
			
			
			var preloadImage = new Image();
			preloadImage.src = thesrc;
			
			  var myWidth = 0, myHeight = 0;
			  if( typeof( window.innerWidth ) == 'number' ) {
			    //Non-IE
			    myWidth = window.innerWidth;
			    myHeight = window.innerHeight;
			  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			    //IE 6+ in 'standards compliant mode'
			    myWidth = document.documentElement.clientWidth+document.body.scrollLeft;
			    myHeight = document.documentElement.clientHeight+document.body.scrollTop;
			  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			    //IE 4 compatible
			    myWidth = document.body.clientWidth+document.body.scrollLeft;
			    myHeight = document.body.clientHeight+document.body.scrollTop;
			  }
			  
			
			// Set width and height teaser
			var teaser = document.getElementById('teaser');
			teaser.style.height = myHeight+'px';
			teaser.style.cursor = 'pointer';

			
			
			/* //Dimensioni quadro
			var quadroSize = new Image();
			quadroSize.src = quadro_src;
			var imgSize = (real_size*640)/350; // 640(px) è l'altezza della foto; 350(cm) l'altezza della stanza; margine top: 200px
			var imgSize2 = (real_size*450)/350; // 640(px) è l'altezza della foto; 350(cm) l'altezza della stanza; margine top: 200px
			if((imgSize+220)>440){ // 320 è la safe area tipica dell'immagine
				imgSize=200;
			}
			
			
			if(!imgSize){
				imgSize = 200;
			} */
			
			/* var logosrc = 'arredambiente/images/logo.gif'; */
			
			//alert(thesrc);
			
			/* // Html vars
			 var quadro = '<div id="teaser_quadro_container" align="center"><img src="'+quadro_src+'" style="visibility:visible" id="teaser_quadro" height="'+imgSize+'" /><div id="teaser_buttons"><a href="javascript:void 200" onclick="javascript:closeTeaser();">Close</a></div><div>'; 
			var image = '<div id="teaser_img_container" align="center"><img src="'+thesrc+'" style="visibility:visible;opacity" id="teaser_img" /></div>';
			//var imageQuadro = '<img src="'+thesrc+'" style="visibility:visible" id="teaser_img"  />';
			var bar = '<div id="teaser_bar_container"><div id="teaser_bar"><img src="'+logosrc+'" style="visibility:visible" id="teaser_logo" /></div></div>';
			
			// Append the image to body
			$j("body").append(image);
			$j("body").append(bar);
			$j("body").append(quadro); */
			
			
			
			// Open the teaser
			 $j('#teaser').fadeTo(400,0.55,function(){
				// Display the image
				$j('#teaser_img_container').fadeIn(800,function(){
					$j('#teaser_bar_container').slideDown("slow",function(){
						$j('#teaser_logo').fadeIn(300,function(){
							$j('#teaser_quadro').fadeIn(1000);
							$j('#teaser_buttons').fadeIn(1000);
							
							
							
							
							
							
						});
					});
				});
			});
			
			
			// Function to close the teaser
			teaser.onclick = closeTeaser;
} 

function closeTeaser(){
	$j('#teaser').html('');
	$j('#teaser_img').fadeOut(200,function(){
		$j('#teaser_bar_container').fadeOut(100,function(){
			$j('#teaser_img_container').fadeOut(100,function(){
				$j('#teaser_quadro_container').fadeOut(100,function(){
					$j('#teaser').fadeOut(200);	
					$j('#teaser_buttons').fadeOut(100, function(){
						var a = document.getElementById("teaser_img_container").removeAttribute("style",'');
						var b = document.getElementById("teaser_bar_container").removeAttribute("style",'');
						var c = document.getElementById("teaser_quadro_container").removeAttribute("style",'');
						var d = document.getElementById("teaser").removeAttribute("style",'');
						var e = document.getElementById("teaser_quadro").removeAttribute("style",'');
						var h = document.getElementById("teaser_logo").removeAttribute("style",'');
						var f = document.getElementById("teaser_img").removeAttribute("style",'');
						var g = document.getElementById("teaser_buttons").removeAttribute("style",''); 
						
						var theBrowser = BrowserDetect.browser;
						if(theBrowser.match("Explorer")){
							top.location = top.location.href;
						}
					});
						
					
				});
			});
		});
	});
}