var jq = jQuery.noConflict();

// vacaturezoeker, icm jqueryMultiSelect.js
jq(document).ready(function() {
	jq("#opleidingsniveau, #regio").multiSelect({
		selectAll: true,
		selectAllText: 'Alles selecteren',
		selectNoneText: 'Selectie verwijderen',
		noneSelected: 'Geen voorkeur',
		oneOrMoreSelected: '*', 
		width: 178
	});
	jq("#functiegroep").multiSelect({
		selectAll: true,
		selectAllText: 'Alles selecteren',
		selectNoneText: 'Selectie verwijderen',
		noneSelected: 'Geen voorkeur',
		oneOrMoreSelected: '*', 
		width: 178,
		height: 600
	});
	
});

// vacaturezoeker, icm jqueryMultiSelect.js
jq(document).ready(function() {
	jq("#opleidingsniveau, #regio").multiSelect({
		selectAll: true,
		selectAllText: 'Alles selecteren',
		selectNoneText: 'Selectie verwijderen',
		noneSelected: 'Geen voorkeur',
		oneOrMoreSelected: '*', 
		width: 178
	});
	jq("#functiegroep").multiSelect({
		selectAll: true,
		selectAllText: 'Alles selecteren',
		selectNoneText: 'Selectie verwijderen',
		noneSelected: 'Geen voorkeur',
		oneOrMoreSelected: '*', 
		width: 178,
		height: 600
	});
	
});



// start Cufon text replacement
Cufon.replace('.replace', { hover: true, fontFamily: 'Helvetica Neue' });
Cufon.replace('.navLink', { hover: true, fontFamily: 'Helvetica Neue' });
Cufon.replace('.leftColumn h2', { hover: false, fontFamily: 'Helvetica Neue' });
Cufon.replace('.contentColumn h1', { hover: false, fontFamily: 'Helvetica Neue' });
Cufon.replace('.rightColumn h3', { hover: false, fontFamily: 'Helvetica Neue' });

// suckerfix header menu #nav
jq(document).ready(function() {
	jq('li.first > ul').addClass('hidden'); 
	jq("li.first").hover( function (){
		jq(this).addClass('hover');
		jq(this).children().removeClass('hidden'); 
	}, function (){
		jq(this).removeClass("hover");
		jq(this).children().addClass('hidden'); 
	});
});

// suckerfix header searchbutton
jq(document).ready(function() {
	jq(".btnSearch").hover( function (){
		jq(this).addClass('hover');
	}, function (){
		jq(this).removeClass("hover");
	});
});
// suckerfix header searchbutton
jq(document).ready(function() {
	jq(".btnSubmit").hover( function (){
		jq(this).addClass('hover');
	}, function (){
		jq(this).removeClass("hover");
	});
});

// suckerfix header searchbutton
jq(document).ready(function() {
	jq(".submit").hover( function (){
		jq(this).addClass('hover');
	}, function (){
		jq(this).removeClass("hover");
	});
});

//banner
jq(document).ready(function() {

    jq("banner").fancybox().trigger('click');

    jq('a#banner').fancybox(
        {
			'scrolling'			: 'no',
            'autoDimensions'	: 'false',
            'width'        		: 651,
            'height'     		: 599,
            'transitionIn'		: 'none',
            'transitionOut'		: 'none',
            'padding'           : 0,
            'margin'            : 0,
            'overlayOpacity'    : 0.65,
            'overlayColor'      : '#000000'
        }
    ).trigger('click');
});


// styled input field


(function(jq) {
    
    jq.fn.filestyle = function(options) {
                
        /* TODO: This should not override CSS. */
        var settings = {
            width : 450
        };
                
        if(options) {
            jq.extend(settings, options);
        };
                        
        return this.each(function() {
            
            var self = this;
            var wrapper = jq("<div class='btnInputFile'>")
            /*                .css({
                                "width": settings.imagewidth + "px",
                                "height": settings.imageheight + "px",
                                "background": "url(" + settings.image + ") 0 0 no-repeat",
                                "background-position": "right",
                                "display": "inline",
                                "position": "absolute",
                                "overflow": "hidden"
                            });
            */                
            var filename = jq('<input class="file">')
                             .addClass(jq(self).attr("class"))
                             .css({
                                 "display": "inline",
                                 "width": settings.width + "px"
                             });

            jq(self).before(filename);
            jq(self).wrap(wrapper);

            jq(self).css({
                        "position": "relative",
                        "height": settings.imageheight + "px",
                        "width": settings.width + "px",
                        "display": "inline",
                        "cursor": "pointer",
                        "opacity": "0"
                    });

            if (jq.browser.mozilla) {
                if (/Win/.test(navigator.platform)) {
                    jq(self).css("margin-left", "0px");                    
                } else {
                    jq(self).css("margin-left", "0px");                    
                };
            } else {
                jq(self).css("margin-left", settings.imagewidth - settings.width + "px");                
            };

            jq(self).bind("change", function() {
                filename.val(jq(self).val());
            });
      
        });
        

    };

})(jQuery);

// switch visibility for email subscription in jobs search page
jq(document).ready(function() {
	jq('#subscribe').addClass('hidden');
	jq("a.#openSubscribe").click( function (){
		jq('#subscribe').removeClass('hidden');
	});
	jq("a.btnClose").click( function (){
		jq('#subscribe').addClass('hidden');
	});
});


// switch visibility for job category dropdown on homepage
/*jq(document).ready(function() {
	jq('#sub').addClass('hidden');
	jq("a.btn").click( function (){
		jq('#sub').removeClass('hidden');
	});
	jq("a.btn").click( function (){
		jq('#sub').addClass('hidden');
	});
});
*/

// tabs on the homepage
jq(document).ready(function(){
	jq("#tabContainer .menu > li").click(function(e){
		switch(e.target.id){
			case "news":
				//change status & style menu
				jq("#news").addClass("active");
				jq("#jobs").removeClass("active");

				//display selected division, hide others
				jq("ul.news").fadeIn();
				jq("ul.jobs").css("display", "none");

			break;
			case "jobs":
				//change status & style menu
				jq("#news").removeClass("active");
				jq("#jobs").addClass("active");

				//display selected division, hide others
				jq("ul.jobs").fadeIn();
				jq("ul.news").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});

function showlayer(layer){
	var myLayer = document.getElementById(layer);
		if(myLayer.style.display=="none" || myLayer.style.display==""){
		myLayer.style.display="block";
		} else {
		myLayer.style.display="none";
	}
}
function saveSearchQuery() {
	SearchService.saveSearchQuery();
	document.getElementById("zoekopdracht_opslaan_succes").style.display = "block";
	document.getElementById("zoekopdracht_wissen").style.display = "block";
	setTimeout("document.getElementById('zoekopdracht_opslaan_succes').style.display = 'none';", 10000);
}
function deleteSearchQuery() {
	SearchService.deleteSearchQuery();
	document.getElementById("zoekopdracht_wissen_succes").style.display = "block";
	document.getElementById("zoekopdracht_wissen").style.display = "none";
	setTimeout("document.getElementById('zoekopdracht_wissen_succes').style.display = 'none';", 10000);
}
function doSearch(selectedPage) {
	dwr.util.setEscapeHtml(false);
	SearchService.search(getTrefwoordValue(), getVakgebiedValue(), getOpleidingsniveauValue(), getRegio(), selectedPage, function(data) {
 		sendToActionScript(data);
 	});
}
function updateCounter() {
	SearchService.updateCounter(getTrefwoordValue(), getVakgebiedValue(), getOpleidingsniveauValue(), getRegio(), function(data) {
 		sendToActionScript(data);
 	});
}
function getTrefwoordValue() {
	var trefwoord = document.getElementById('trefwoord');
	return trefwoord.value;
}

function getVakgebiedValue() {
	var i = 0
	var selectedArray = new Array();
	jq(document).find('input[name=functiegroep]:checkbox:checked').each( function() {
		selectedArray[i] = jq(this).val();
		i++;
	})
	return selectedArray;
}

function getOpleidingsniveauValue() {
	var i = 0
	var selectedArray = new Array();
	jq(document).find('input[name=opleidingsniveau]:checkbox:checked').each( function() {
		selectedArray[i] = jq(this).val();
		i++;
	})
	return selectedArray;
}

function getRegio() {
	var i = 0
	var selectedArray = new Array();
	jq(document).find('input[name=regio]:checkbox:checked').each( function() {
		selectedArray[i] = jq(this).val();
		i++;
	})
	return selectedArray;
}

// submit vacatureform on enter
function submitenter(myfield,e) {
	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;
	else return true;
	
	if (keycode == 13)
	   {
	   myfield.form.submit();
	   return false;
	   }
	else
	   return true;
}

function submitenterrealtime(myfield,e) {
	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;
	else return true;
	
	if (keycode == 13)
	   {
	   doSearch(1);
	   return false;
	   }
	else
	   return true;
}

function setAbonneerValues() {
	document.getElementById("abonneer-trefwoord").value = getTrefwoordValue();
	document.getElementById("abonneer-vakgebied").value = getVakgebiedValue();
	document.getElementById("abonneer-opleidingsniveau").value = getOpleidingsniveauValue();
	document.getElementById("abonneer-regio").value = getRegio();
}

function validateEmail() {
	var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
	var email = document.getElementById("abonneer-email").value;
	
    if(pattern.test(email)){ 
    	document.getElementById("email_fout").style.display = "none";
    	
    	var expires = new Date( new Date().getTime() + (10 * 365 * 1000 * 60 * 60 * 24) );
    	document.cookie = "abonneer-email" + "=" + escape(email) + ";expires=" + expires.toGMTString() + ";path=/";  	
    	return true;
	}
	document.getElementById("email_fout").style.display = "block";
	return false;
}
				
function thisMovie(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
	  return window[movieName];
    } else {
	  return document[movieName];
    }
}

function sendToActionScript(value) {
	thisMovie("flashCounter").updateCounter(value);
}