/**************************************
*  GUI functions tool kit (non obscruptive js)

*  required jQuery
*      
* author:  erational(http://www.erational.org)
* version: 0.2
* date:    2007.10.10
* licence: GPL 2.0    
***********************************/

jQuery(document).ready(function(){
    //------------------------
    // CSS Safari 1,2 Fixes  
    //------------------------
    BrowserDetect.init();    
    var bBrowser =  BrowserDetect.browser 
    var bVersion = BrowserDetect.version;    
    
    // debug mode
    // $("h3").html("<span>" + bBrowser + "</span> v."+bVersion+" <small style='font-size:9px;color:gray;margin-left:5px'>"+navigator.appVersion+"</small>");       
    if (bBrowser=="Safari" && bVersion < "500") {
        //$("h4").html("Javascript loaded: Safari 3- (load fixes)");
        $("#navbar li").css("float","left");
        $("#navbar ul").css("margin","0");     
    }  
    
    //------------------------
    // image rollover  
    //------------------------
    // todo img preloader ?  
    // ref. http://www.digitaloverload.co.uk/blog/2007/12/05/rollovers-with-jquery/      
    jQuery(".rollover").hover(    
    	function(){	  
    		if(jQuery(this).attr("src").indexOf("_over") == -1) {
    			var newSrc = jQuery(this).attr("src").replace(".png","_over.png#hover");
    			jQuery(this).attr("src",newSrc);
    		}
    	},
    	function(){
    		if(jQuery(this).attr("src").indexOf("_over.png#hover") != -1) {
    			var oldSrc = jQuery(this).attr("src").replace("_over.png#hover",".png");
    			jQuery(this).attr("src",oldSrc);
    		}
    	}
    );
    
    //------------------------
    //sub-menu 
    //------------------------

    $(".nav_section").mouseover(function(){
        $(this).children().show();
        var len = $(this).children().length;
        
        /* on deplie la zone sous l'onglet que le sous-menu soit aussi sensible
          (uniquement si plusieurs enfants: img + ul -> len = 2) pour eviter les bugs sur lien 
        */
        if (len>1) {          
          // FIXME ? calculer la hauteur selon le nb d'elemnts fils du ul ?
          $(this).css("height","300px");
          $(this).css("margin-bottom","-263px");    /* 300-37=263*/          
        }
        
                
    }).mouseout(function(){
        $(".nav_section ul").hide();
        $(".nav_section").css("height","37px");
        $(".nav_section").css("margin-bottom","0"); 
    });
 

});

//
// bookmark us
// ref.  http://www.reconn.us/content/view/43/64/
function bookmark_us(url, title){

if (window.sidebar) // firefox
    window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
    var elem = document.createElement('a');
    elem.setAttribute('href',url);
    elem.setAttribute('title',title);
    elem.setAttribute('rel','sidebar');
    elem.click();
}
else if(document.all)// ie
    window.external.AddFavorite(url, title);
}


//
// img preloader 
//
url_skel = "./skel/"

if (document.images) {  
  poc1= new Image(233,37);  poc1.src= url_skel + "img/navbar_01_over.png";
  poc2= new Image(233,37);  poc2.src= url_skel + "img/navbar_02_over.png";
  poc3= new Image(233,37);  poc3.src= url_skel + "img/navbar_03_over.png";
  poc4= new Image(234,37);  poc4.src= url_skel + "img/navbar_04_over.png"; 
}

//
// browser detect
// http://www.quirksmode.org/js/detect.html

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"
		}
	]

};