function get_GET_params() {
     var GET = new Array();
     if(location.search.length > 0) {
        var get_param_str = location.search.substring(1, location.search.length);
        var get_params = get_param_str.split("&");
        for(i = 0; i < get_params.length; i++) {
           var key_value = get_params[i].split("=");
           if(key_value.length == 2) {
              var key = key_value[0];
              var value = key_value[1];
              GET[key] = value;
           }
        }
     }
     return(GET);
  }
   
  function get_GET_param(key) {
     var get_params = get_GET_params();
     if(get_params[key])
        return(get_params[key]);
     else
        return false;
  }






  var click = 0;
  function toggle_ref(id) {
    time = 600;
    //$("#ref_"+id).slideDown(time);
    
    
    // wenn man eine referenz zum ersten mal öffnet
    if(click==0) {
      
      $("#ref_"+id).animate( { height: "300px", top: "0px" }, time , function() {
        $.scrollTo("#ref_header_"+id, 500);
      });
      // merken das formular offen ist
      click = 1;
      opened_id = id;
    } else { // wenn man eine referenz wieder schliesst
      $("#ref_"+id).animate( { height: "0px", top: "-500px" }, time, function() {
        var cssObj = {
          "display": "none"
        }
        $("#ref_"+id).css(cssObj);
      });   
      // wieder vergessen das referenz offen ist
      click = 0;   
      closed_id = id; 
    }  
    // wenn andere referenz angeklickt wird geöffnete schliessen und neue öffnen
    if(id!=opened_id) {
      close_ref(opened_id,time);
      toggle_ref(closed_id);
    }  
    // wenn alle zu sind
    if(click==0) {
      //alert('alle zu');
      $.scrollTo("#oben", 1700);
      //$("#ref_"+id).hide();
    }      

  }
  
  function close_ref(id,time) {
    $("#ref_"+id).animate( { height: "0px", top: "-500px" }, time, function() {
        var cssObj = {
          "display": "none"
        }
        $("#ref_"+id).css(cssObj);
    }); 
  }






// ajax popup öffnen
function show_image(ref_id,img_id) {
  // ajax popup layers öffnen
  $("#wait").show();
  $("#wait").animate( { opacity: "0.75" }, 1000);  
  $("#wait_message").animate( { top: "40px" }, 900);
  $.scrollTo( '#wait_message', 1200);
  
  $("#wait_message").html('<div align="right"><a href="#" onclick="close_image('+ref_id+'); return false;">Schliessen <span class="important">X</span></a><br /><br /></div>');  

  var daten = "&eID=ajax_exo_portfolio&action=show_image&ref_id="+ref_id+"&img_id="+img_id; 
  var url = "index.php";
  $.ajax({
    type: "POST",
    url: url,
    data: daten,
    success:function(msg) {
      // erstes zeichen abschneiden aus der ajax antwort, das zeichen (1) kommt vom response des uploadsscriptes
      //img_name = msg.slice(1, 10000);
      img_name = msg;
      $("#wait_message").html('<div align="right"><a href="#" onclick="close_image('+ref_id+'); return false;">Schliessen <span class="important">X</span></a><br /><br /></div><img width="600" src="uploads/tx_exoportfolio/'+img_name+'" title="'+img_name+'" /><div align="left"><br /><a href="#" onclick="close_image('+ref_id+'); return false;">Schliessen <span class="important">X</span></a></div>');   
    }
  });   
}


function close_image(scrollTo) {
//alert(scrollTo);
  $("#wait_message").animate( { top: "-600px" }, 600);
  $("#wait_message").oneTime(300, function() {
    $("#wait_message").html('');
    $.scrollTo( '#ref_header_'+scrollTo, 900);
    $("#wait").animate( { opacity: "0" }, 1000, function() {
      $("#wait").hide();
    });
  }); 
}