/*
 *  Initializations on page load.
 */
$(document).ready(function(){
    initSearchScopeSection();
    $('#search-simple fieldset .tab-left a').add('#search-simple fieldset .tab-right a').click(handleSearchTabClick);
    $('#main #stage div.teaser:first-child').addClass('first-child');
});


/*
 *  On the Advanced Search page there there is a section for specifying the search scope. This includes toggable 
 *  sections, dynamic drop-down menus which can be dynamically added/removed, and checkbox toggling.
 */
var $initialRemoveLink  = null;
var initialSearchSelect = null;
var searchSelectCounter = 1; // current number of selects
var searchSelectOptions = 0; // the number of options in initial select
var removeLinkTextString = "";
function initSearchScopeSection() {
	if ($('#main #search-advanced .expanding').size() == 0) {
		return false;
	}
	initSearchCheckboxToggle();
	
	// toggle expandable radio-button sections
	$('#main #search-advanced .expanding .form-field-wide').siblings().not('.open').hide().parent().css("paddingBottom","0");
    $('#main #search-advanced .expanding .form-field-wide input').click(function(){
        if ($(this).parent().siblings('.open').size() == 0) {
        	$(this).parent().siblings().addClass("open").show().parent().css("paddingBottom","7px");
        	$(this).parent().parent().siblings('.expanding').find('.open').removeClass("open").hide().parent().css("paddingBottom","0");
        }
        return true;
    });
	
	// init dynamic drop-down menues
	$initialRemoveLink = $('#main #search-advanced .expanding a.remove').show().click( handleRemoveLink ).parent();
	$('#main #search-advanced .expanding a.add').show().click( handleAddLink );
	
	// As Fallback, within the HTML the select menu is a multi-select menu. Just removing "multiple" and "size" attributes
	// in order to turn it into a drop-down menu, will cause non of the entries to be inititally visible. Therefore this is 
	// a workaround for this problem, where a new select Element is created and options from original are copied (Not that pretty 
	// mabey this can be improved?!).
	var multiSelect = $('#main #search-advanced .expanding select').get(0);
	var $newSelect = $(document.createElement("select"));
	$newSelect.attr("class", $(multiSelect).attr("class")).attr("id", $(multiSelect).attr("id")).attr("name", $(multiSelect).attr("name"));
	if($.browser.msie) {		
		$newSelect.append( $(multiSelect).find("option") );
	} else {		
		var optsHtml = "";
		$(multiSelect).find("option").each(function(i){
			optsHtml += "<option value='" + $(this).attr("value") + "'>" + $(this).html() + "</option>";
		});
		$newSelect.html( optsHtml );		
	} 
	$(multiSelect).parent().append($newSelect);
	$(multiSelect).remove();
	initialSearchSelect = $newSelect.get(0);		
	
	searchSelectOptions = $(initialSearchSelect).find("option").size();
}
function handleAddLink () { // handles click event of add link (supports initDynamicSearchSelects function)
	$(this).parent().before( $initialRemoveLink.clone(true) );
    $(this).parent().prev().find('a.remove').click( handleRemoveLink );
    $(this).parent().before( $(initialSearchSelect).parent().clone(true) );
    searchSelectCounter++;
    $(this).parent().prev().find('select').removeAttr("id");
    if (searchSelectCounter >= searchSelectOptions) {
        $(this).hide();
    }
    return false;
}
function handleRemoveLink () { // handles click event of remove links (supports initDynamicSearchSelects function)	
	$(this).parent().next().remove();
    $(this).parent().remove();
    searchSelectCounter--;
    if (searchSelectCounter < searchSelectOptions) {
        $('#main #search-advanced a.add').show();
    }
    if (searchSelectCounter < 1) {
		$('#main #search-advanced .expanding a.collapse').click();
    }
    return false;
}
/*
 * On the Advanced Search Page, in the section where the search scope is selected, there are a number of checkboxes specifying
 * the type of webpages to search. An "All" checkbox is added dynamically, which toggles the checks of all the other checkboxes.
 */
function initSearchCheckboxToggle() {
	var $all = $('#search-scope input.all');
	$all.get(0).checked = true;
	$all.click( function(){
		this.checked = true;
		var targetToggle = this.checked;
		$(this).parent().siblings().find('input').each(function(i){
			this.checked = false;
		});
	}).parent().siblings().find('input').click( function(){
		if(this.checked) {
			$('#search-scope input.all').get(0).checked = false;
		} else {
			var otherChecked = false;
			$(this).parent().siblings().find('input').not('.all').each(function(i){
				if(this.checked) {
					otherChecked = true;
				}
			});
			if(!otherChecked) {
				$('#search-scope input.all').get(0).checked = true;
			}
		}
	});
}


/*
 * In the HTML Prototype on the startpage there is a yellow search box
 * in the right margin. Clicking on a tab changes the highlighted tab and
 * changes the scope of the search (by setting value attribute of input field
 * to either "network" or "internal").
 */
function handleSearchTabClick(e) {
    var $this = $(this);
    var $selected = $(this).parent().siblings('p.selected');
    var linkText = $(this).text();
    var linkText2 = $selected.text();
    
    var $headline  = $(this).parent().parent().find('h4');
    var $paragraph = $(this).parent().parent().find('p.desc');
    
    $this.parent().html(linkText).addClass('selected');
    $selected.removeClass('selected').html("<a href='#'>" + linkText2 + "</a>");
	
    // swap URL of "profi-suche" link, headline, and text when tabs are switched; the variables
    // "altExtendedSearchURL", "altHeadline", and "altText" should
    // be definied on the HTML page per inline javascript variable
    var $extendedURL = $this.parent().parent().find('li a.extended-search');
    var newExtendedSearchURL = (typeof altExtendedSearchURL != "undefined") ? (altExtendedSearchURL) : $extendedURL.attr("href");
    altExtendedSearchURL = $extendedURL.attr("href");
    $extendedURL.attr("href",newExtendedSearchURL);
    
    var newAltHeadline = (typeof altHeadline != "undefined") ? (altHeadline) : "";
    altHeadline = $headline.text();
    $headline.html(newAltHeadline);
    
    var newAltText = (typeof altText != "undefined") ? (altText) : "";
    altText = $paragraph.text();
    $paragraph.html(newAltText);

    var $input = $('#search-simple fieldset input[@name=command]');
    if ($('#search-simple fieldset p.selected').attr("class").indexOf('left') != -1) {
        $input.val('network');
    } else {
        $input.val('internal');
    }

    $('#search-simple fieldset .tab-left a').add('#search-simple fieldset .tab-right a').click(handleSearchTabClick);
    return false;
}
function launchWindow(objAnchor, objEvent, width, height) {
    var iKeyCode, win;
    var relType = objAnchor.getAttribute('rel');

    if (objEvent && objEvent.type == 'keypress') {
        if (objEvent.keyCode) {
            iKeyCode = objEvent.keyCode;
        } else if (objEvent.which) {
            iKeyCode = objEvent.which;
        }
        if (iKeyCode != 13 && iKeyCode != 32) { // if not <enter> or <space>
            return true;
        }
    }
    if(relType && relType=="window") { // open popup 640x650
        win = window.open(objAnchor,'win','width=' + (width ? width : "840") + ',height=' + (height ? height : "650") + ',scrollbars=yes,resizable=yes');
    }
    if(relType && relType=="glossary") { // open smaller popup 400x400
        win = window.open(objAnchor,'win','width=' + (width ? width : "400") + ',height=' + (height ? height : "400") + ',scrollbars=yes,resizable=yes');
    }
    else { // open full external page 800x650
        win = window.open(objAnchor,'win','width=' + (width ? width : "800") + ',height=' + (height ? height : "650") + ',scrollbars=yes,resizable=yes,location=yes,menubar=yes,status=yes,toolbar=yes');
    }
    win.focus();
    return false;
}