// JavaScript Document
// for jquery 

// compress me as jq.tales.pack.js at http://jscompress.com/ (pref. packer)

$(document).ready(function(){
	//fix .buttons for IE6/7/8
	//i know, this is slopp
if($.browser.msie && $.browser.version<="8.0"){		
	$('.button').each(function(){
									var mybuttontext = $(this).html();

									
									$(this).html('<span class="stretcher"><span class="stretchcontent">' +mybuttontext + '<\/span><\/span><span class="stopper"><\/span>');
								});		
								
}
	//jquery/jquery.client.js	
	(function() {
	
	//1. replace class 'no-js' on html with 'js', so we can differentiate between javascript-enabled & disabled clients
	$('html').removeClass('no-js');
	$('html').addClass('js');
	
			//equalize hights 
		//3 panels op homepage dezelfde hoogte geven
		var Height1 		= $('.homerow1 .col1').height();
		var Height2 		= $('.homerow1 .col2').height();
		var Height3 			= $('.homerow1 .col3').height();
		
		//alert (greenHeight + ' ' + brownHeight + ' ' + blueHeight) ;
		
		if( Height1 >= Height2){
			var targetHeight = Height1;
			}
			else{
				var targetHeight = Height2;
				}
		if(Height3 >= targetHeight){
				var targetHeight = Height3;
			}
		//alert ('target = ' +targetHeight);
		$('.homerow1 .col1').css('height',targetHeight);
		$('.homerow1 .col2').css('height',targetHeight);
		$('.homerow1 .col3').css('height',targetHeight);
	
				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: "Chrome",
							identity: "Chrome"
						},
						{ 	string: navigator.userAgent,
							subString: "OmniWeb",
							versionSearch: "OmniWeb/",
							identity: "OmniWeb"
						},
						{
							string: navigator.vendor,
							subString: "Apple",
							identity: "Safari",
							versionSearch: "Version"
						},
						{
							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.userAgent,
							subString: "iPhone",
							identity: "iPhone"
					    },
						{
							string: navigator.platform,
							subString: "Linux",
							identity: "Linux"
						}
					]
				
				};
				
				BrowserDetect.init();
				
				window.$.client = { os : BrowserDetect.OS, browser : BrowserDetect.browser };
				//alert($.client.browser)
				//alert($.client.os)
				
				$('html').addClass($.client.os);
				$('html').addClass($.client.browser);
				
			})();
			
			
	//jq-tales/jq-tales.IE678.first-last-child.js
		/*
		//not necessary when using selectivizr
		if($.browser.msie && $.browser.version=="6.0"){	$('li:last-child').addClass('last-child')};
		if($.browser.msie && $.browser.version=="7.0"){	$('li:last-child').addClass('last-child')};
		if($.browser.msie && $.browser.version=="8.0"){	$('li:last-child').addClass('last-child')};
	
		if($.browser.msie && $.browser.version=="6.0"){	$('li:first-child').addClass('first-child')};
		if($.browser.msie && $.browser.version=="7.0"){	$('li:first-child').addClass('first-child')};
		if($.browser.msie && $.browser.version=="8.0"){	$('li:first-child').addClass('first-child')};
	
*/

// INIT nivoSlider op de homepage
if ($('body').hasClass('home')){
	
	                
		window.onload = function() {
        hs.preloadImages();
        document.getElementById("autoload").onclick();
    }
	
	 $('#slider').nivoSlider({
			effect: 'sliceDown', // Specify sets like: 'fold,fade,sliceDown,random'
			slices: 15, // For slice animations
			boxCols: 8, // For box animations
			boxRows: 4, // For box animations
			animSpeed: 500, // Slide transition speed
			pauseTime: 4000, // How long each slide will show
			startSlide: 0, // Set starting Slide (0 index)
			directionNav: true, // Next & Prev navigation
			directionNavHide: true, // Only show on hover
			controlNav: true, // 1,2,3... navigation
			controlNavThumbs: false, // Use thumbnails for Control Nav
			controlNavThumbsFromRel: false, // Use image rel for thumbs
			controlNavThumbsSearch: '.jpg', // Replace this with...
			controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
			keyboardNav: true, // Use left & right arrows
			pauseOnHover: true, // Stop animation while hovering
			manualAdvance: false, // Force manual transitions
			captionOpacity: 0.8, // Universal caption opacity
			prevText: 'Prev', // Prev directionNav text
			nextText: 'Next', // Next directionNav text
			randomStart: false, // Start on a random slide
			beforeChange: function(){}, // Triggers before a slide transition
			afterChange: function(){}, // Triggers after a slide transition
			slideshowEnd: function(){}, // Triggers after all slides have been shown
			lastSlide: function(){}, // Triggers when last slide is shown
			afterLoad: function(){} // Triggers when slider has loaded
		});
}
//quickFlip init
$(function() {
    
    // for performance first init the quickFlip
    //$('.quickFlip').quickFlip();
    
    // set up a hover effect for each of the quickflip wrappers
  /*  for ( var i = 0; i < $.quickFlip.wrappers.length; i++ ) {
        var thisOne = $.quickFlip.wrappers[i];

        $( thisOne.wrapper ).hover( function(ev) {
            var $target = $(ev.target);
            // make sure it isn't a child node
            if ( !$target.hasClass('quickFlip') ) $target = $target.parent();
            
            $target.quickFlipper();
            
        }, function() {});
    }
    */
/*
    Although the code here is faster, it could be made a lot simpler, since $.quickFlipper() will attach the quickFlip if it doesn't exist.  Replace the above with:
*/
/*
    $('.quickFlip').hover(function(ev) {
        var $target = $(ev.target);
        if ( !$target.hasClass('quickFlip') ) $target = $target.parent();
        
        $target.quickFlipper();
    }, function() {});
*/

});
//setInterval($('.quickFlip').quickFlip(), 600);



})