/*
 * Screen Display 
 * By Philippe Alves (http://www.praisedesign.com)
 * Based on
 * Thickbox 3 - One Box To Rule Them All.
 * By Cody Lindley (http://www.codylindley.com)
 * Copyright (c) 2007 cody lindley
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/
		  
var sd_pathToImage = "lib/loadinganimation.gif";

/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/

//on page load call sd_init
$(document).ready(function(){   
	sd_init('a.screenDisplay');//pass where to apply thickbox
	imgLoader = new Image();// preload image
	imgLoader.src = sd_pathToImage;
});

//add thickbox to href & area elements that have a class of .thickbox
function sd_init(domChunk){
	$(domChunk).click(function(){
	var t = this.title || this.name || null;
	var a = this.href || this.alt;
	sd_show(t,a);
	this.blur();
	return false;
	});
}

function sd_show(caption, url) {//function called when the user clicks on a link

	try {
		if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
			$("body","html").css({height: "100%", width: "100%"});
			$("html").css("overflow","hidden");
			if (document.getElementById("SD_HideSelect") === null) {//iframe to hide select elements in ie6
				$("body").append("<iframe id='SD_HideSelect'></iframe><div id='SD_overlay'></div><div id='SD_window'></div>");
				$("#SD_overlay").click(sd_remove);
			}
		}else{//all others
			if(document.getElementById("SD_overlay") === null){
				$("body").append("<div id='SD_overlay'></div><div id='SD_window'>");
				$("#SD_overlay").click(sd_remove);
			}
		}
		
		if(caption===null){caption="";}
		$("body").append("<div id='SD_load'><img src='"+imgLoader.src+"' /></div>");//add loader to the page
		$('#SD_load').show();//show loader
		
		var baseURL;
		if(url.indexOf("?")!==-1){ //ff there is a query string involved
			baseURL = url.substr(0, url.indexOf("?"));
		}else{ 
	   		baseURL = url;
		}
	   
	   var urlString = /\.mov/g;
	   var urlType = baseURL.toLowerCase().match(urlString);

		if(urlType == '.mov'){//code to show videos
			
			imgPreloader = new Image();
			imgPreloader.onload = function(){		
			imgPreloader.onload = null;
			
			var imageWidth = imgPreloader.width;
			var imageHeight = imgPreloader.height;
			
			SD_WIDTH = imageWidth + 30;
			SD_HEIGHT = imageHeight + 60;
			$("#SD_window").append("<a href='' id='SD_ImageOff' title='Close'><iframe id='SD_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='SD_closeWindow'><a href='#' id='SD_closeWindowButton' title='Close'><img src='images/fileclose.png' width='50' height='50' /></a></div>"); 		
			
			$("#SD_closeWindowButton").click(sd_remove);
			
			document.onkeydown = function(e){ 	
				if (e == null) { // ie
					keycode = event.keyCode;
				} else { // mozilla
					keycode = e.which;
				}
				if(keycode == 27){ // close
					sd_remove();
				} else if(keycode == 190){ // display previous image
					if(!(SD_NextHTML == "")){
						document.onkeydown = "";
						goNext();
					}
				} else if(keycode == 188){ // display next image
					if(!(SD_PrevHTML == "")){
						document.onkeydown = "";
						goPrev();
					}
				}	
			};
			
			sd_position();
			$("#SD_load").remove();
			$("#SD_ImageOff").click(sd_remove);
			$("#SD_window").css({display:"block"}); //for safari using css instead of show
			};
			
			imgPreloader.src = url;
		}else{//code to show html pages
			
			var queryString = url.replace(/^[^\?]+\??/,'');
			var params = sd_parseQuery( queryString );

			SD_WIDTH = (params['width']*1) + 30 || 650; //defaults to 640 if no paramaters were added to URL
			SD_HEIGHT = (params['height']*1) + 40 || 385; //defaults to 480 if no paramaters were added to URL
			ajaxContentW = SD_WIDTH - 30;
			ajaxContentH = SD_HEIGHT - 45;
			
				if(url.indexOf('SD_iframe') != -1){				
					urlNoQuery = url.split('SD_');		
					$("#SD_window").append("<div id='SD_title'><div id='SD_ajaxWindowTitle'>"+caption+"</div><div id='SD_closeAjaxWindow'><a href='#' id='SD_closeWindowButton' title='Close'><img src='images/fileclose.png' width='50' height='50' /></a></div></div><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='SD_iframeContent' name='SD_iframeContent' style='width:"+(ajaxContentW + 30)+"px;height:"+(ajaxContentH + 41)+"px;' onload='sd_showIframe()' scrolling='no'> </iframe><div id='SD_note'>Merci de patienter un instant pendant le t&eacute;l&eacute;chargement de la vid&eacute;o</div><div></div>");
				}else{
					if($("#SD_window").css("display") != "block"){
						if(params['modal'] != "true"){
						$("#SD_window").append("<div id='SD_title'><div id='SD_ajaxWindowTitle'>"+caption+"</div><div id='SD_closeAjaxWindow'><a href='#' id='SD_closeWindowButton'><img src='images/fileclose.png' width='50' height='50' /></a></div></div><div id='SD_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div>");
						}else{
						$("#SD_overlay").unbind();
						$("#SD_window").append("<div id='SD_ajaxContent' class='SD_modal' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");	
						}
					}else{
						$("#SD_ajaxContent")[0].style.width = ajaxContentW +"px";
						$("#SD_ajaxContent")[0].style.height = ajaxContentH +"px";
						$("#SD_ajaxContent")[0].scrollTop = 0;
						$("#SD_ajaxWindowTitle").html(caption);
					}
			}
					
			$("#SD_closeWindowButton").click(sd_remove);
			
				if(url.indexOf('SD_inline') != -1){	
					$("#SD_ajaxContent").html($('#' + params['inlineId']).html());
					sd_position();
					$("#SD_load").remove();

					$("#SD_window").css({display:"block"}); 
				}else if(url.indexOf('SD_iframe') != -1){
					sd_position();
					if(frames['SD_iframeContent'] === undefined){//be nice to safari
						$("#SD_load").remove();
						$("#SD_window").css({display:"block"});
						$(document).keyup( function(e){ var key = e.keyCode; if(key == 27){sd_remove();}});
					}
				}else{
					$("#SD_ajaxContent").load(url += "&random=" + (new Date().getTime()),function(){//to do a post change this load method
						sd_position();
						$("#SD_load").remove();
						sd_init("#SD_ajaxContent a.thickbox");
						$("#SD_window").css({display:"block"});
					});
				}
			
		}

		if(!params['modal']){
			document.onkeyup = function(e){ 	
				if (e == null) { // ie
					keycode = event.keyCode;
				} else { // mozilla
					keycode = e.which;
				}
				if(keycode == 27){ // close
					sd_remove();
				}	
			};
		}
		
	} catch(e) {
		//nothing here
	}
}

//helper functions below
function sd_showIframe(){
	$("#SD_load").remove();
	$("#SD_window").css({display:"block"});
}

function sd_remove() {
 	$("#SD_imageOff").unbind("click");
	$("#SD_overlay").unbind("click");
	$("#SD_closeWindowButton").unbind("click");
	$("#SD_window").fadeOut("fast",function(){$('#SD_window,#SD_overlay,#SD_HideSelect').remove();});
	$("#SD_load").remove();
	if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
		$("body","html").css({height: "auto", width: "auto"});
		$("html").css("overflow","");
	}
	document.onkeydown = "";
	return false;
}

function sd_position() {
$("#SD_window").css({marginLeft: '-' + parseInt((SD_WIDTH / 2),10) + 'px', width: SD_WIDTH + 'px'});
	if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // take away IE6
		$("#SD_window").css({marginTop: '-' + parseInt((SD_HEIGHT / 2),10) + 'px'});
	}
}

function sd_parseQuery ( query ) {
   var Params = {};
   if ( ! query ) {return Params;}// return empty object
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;
   }
   return Params;
}


