var current_page = -1;
		var radio_list = [];
		var question_complete = [];
		var question_answer = [];
		var page_complete = [];
		var page_id_list = [];
		var page_title = [];
		var scroll_pos = 0;
		var scroll_dest = 0;
		var question_conditions = [];
		var question_shown = [];
		var question_shown_dest = [];
		var current_width = 0;

    var popupStatus = 0;

    //disabling popup with jQuery magic!
    
var hoverColour = "#FFF";


    function initUploader()
    {

        var uploader = new qq.FileUploader({
        // pass the dom node (ex. $(selector)[0] for jQuery users)
        element: document.getElementById('file-uploader'),
        // path to server-side upload script
        action: 'ajax/uploadFile',
        // additional data to send, name-value pairs


        params: {comesfrom:$("input#comesfrom").attr("value"), relationid:$("input#relationid").attr("value")},

        // projectid, teammemberid etc. -> media oder picturestring
        // type hat man
        unique: false,
        allowedExtensions: ['jpg', 'jpeg', 'png', 'gif', 'pdf', 'swf', 'flv'],
        // each file size limit in bytes
        // this option isn't supported in all browsers
        sizeLimit: 0, // max size
        minSizeLimit: 0, // min size

        // set to true to output server response to console
        debug: true,
 
        // events
        // you can return false to abort submit
        onSubmit: function(id, fileName){},
        onProgress: function(id, fileName, loaded, total){},
        onComplete: function(id, fileName, responseJSON)
        {
            if ($(".formularbild").length>0) {
                $(".formularbild img:first")
                //.clone()
                .attr("src", "app/webroot/img/"+fileName);
                //.prependTo($(".formularbild"));

                $("input#picture").attr("value", fileName);
            }
            else if($(".formularbilder").length>0) {
                $("tr.einzelbild:first").clone()
                .removeClass("hidden")
                .addClass("cloned")
                .appendTo($("table.formularbilder tbody"));

                $("tr.einzelbild.cloned")
                .children("td.formularbild_vorschau")
                .children("img")
                .attr("src", "app/webroot/img/"+fileName);

                //data[Media][type]
 
                var $pic = $("tr.einzelbild.cloned").children("td.formularbild_input_picture").children("input")

                var $type = $("tr.einzelbild.cloned").children("td.formularbild_input_type").children("input");

                var $referenz = $("tr.einzelbild.cloned").children("td.formularbild_referenz").children("div").children("select");
                var $kompetenz = $("tr.einzelbild.cloned").children("td.formularbild_kompetenz").children("div").children("select");
                var $thema = $("tr.einzelbild.cloned").children("td.formularbild_thema").children("div").children("select");

                var $subtitle = $("tr.einzelbild.cloned").children("td.formularbild_unterschrift").children("div").children("input");
 
 
                $referenz.attr("name", "Media["+id+"][referenz]");
                $kompetenz.attr("name", "Media["+id+"][kompetenz]");
                $thema.attr("name", "Media["+id+"][thema]");

                var filetype = fileName.substring(fileName.length,fileName.length-3);

               
                switch(filetype) {

                    case "swf":
                        $type.attr("value", "swf");
                        break;
                    case "pdf":
                        $type.attr("value", "pdf");
                        break;

                } 

                $subtitle.attr("name", "Media["+id+"][subt]");

                $pic.attr("name", "Media["+id+"][picture]");
                //$pic.attr("id", $pic.attr("id")+id);
                $pic.attr("value", fileName);

                $type.attr("name", "Media["+id+"][type]");
                //$type.attr("id", $type.attr("id")+id);
                
                $("tr.einzelbild.cloned").removeClass("cloned");
            }

        },
        onCancel: function(id, fileName){},

        messages: {
            // error messages, see qq.FileUploaderBasic for content
        },
        showMessage: function(message){ alert(message); }


    });
    }


function move(object) {

    var pos = object.css("right").substring(0, object.css("right").length-2)

    if(pos<25)
        {
         $(object).animate({
            right: '+=7',
            rotation: '+=7'
          }, 2000, function() {
            // Animation complete.
          });
        }
        if(pos>=25)
        {
         $(object).animate({
            right: '-=7',
            rotation: '-=7'
          }, 2000, function() {
            // Animation complete.
          });
        }

}

function html_entity_decode(str)
{
    try
	{
		var  tarea=document.createElement('textarea');
		tarea.innerHTML = str; return tarea.value;
		tarea.parentNode.removeChild(tarea);
	}
	catch(e)
	{
		//for IE add <div id="htmlconverter" style="display:none;"></div> to the page
		document.getElementById("htmlconverter").innerHTML = '<textarea id="innerConverter">' + str + '</textarea>';
		var content = document.getElementById("innerConverter").value;
		document.getElementById("htmlconverter").innerHTML = "";
		return content;
	}
}

function stripHTML(oldString) {

   var newString = "";
   var inTag = false;
   for(var i = 0; i < oldString.length; i++) {

        if(oldString.charAt(i) == '<') inTag = true;
        if(oldString.charAt(i) == '>') {
              if(oldString.charAt(i+1)=="<")
              {
              		//dont do anything
	}
	else
	{
		inTag = false;
		i++;
	}
        }

        if(!inTag) newString += oldString.charAt(i);

   }

   var newString2 = html_entity_decode(newString)

   return newString2;
}

function setMetaTags(keywords, description) {
  $('meta[name=keywords]').attr("content", keywords);

  var keywords2 = "Hamburg, Datenbanken, Webentwicklung, Referenzen, Projekte, "+keywords;

  $('meta[name=description]').attr("content", description);
  $('meta[name=keywords]').attr("content", keywords2);

  //alert($('meta[name=keywords]').attr("content"));
  //alert($('meta[name=description]').attr("content"));
}

 $(document).ready(function(){
     Galleria.loadTheme('app/webroot/js/themes/classic/galleria.classic.min.js');
     $(".opengallery").overlay({effect: 'apple',  
        onLoad: function(event) {
           
	},

        onBeforeClose: function(event) {
            
	}
        });
    $('span.mailme').each(function(index) {
    var spt = $(this);
    var at = / xatx /;
    var dot = / xdotx /g;
    var addr = $(spt).text().replace(at,"@").replace(dot,".");
    $(spt).after('<a href="mailto:'+addr+'" title="E-Mail senden">'+ addr +'</a>')
    .hover(function(){window.status="Send a letter!";}, function(){window.status="";});
    $(spt).remove();
  });

    $("#tablelist")
    .tablesorter();
   // .tablesorterPager({container: $("#pager")});
     
   
    TopUp.addPresets({
        "#examples a": {
          title: "Gallie {alt} ({current} von {total})",
          group: "examples",
          readAltText: 1,
          shaded: 1
        }
      });

     $(".anythingSlider").hover(function() {

       $(this).css("cursor", "pointer");
       
      
       
       var current = $('.anythingSlider').data('AnythingSlider').currentPage; // returns page #;//$('#slider1').data('AnythingSlider').currentPage; // returns page #
       var lis = $(this).find("li");
      
       var li = lis.eq(current+2);
       var src = li.find("img").first().attr("src");
     
       if(src!=undefined) {
           $(this).css("background", "url(app/webroot/img/teambusch/windowbg5.png)");
       }
       else  $(this).css("background", "url(app/webroot/img/teambusch/windowbg5b.png)");

    },
    function() {

      var current = $('.anythingSlider').data('AnythingSlider').currentPage; // returns page #;//$('#slider1').data('AnythingSlider').currentPage; // returns page #
       var lis = $(this).find("li");

       var li = lis.eq(current+2);
       var src = li.find("img").first().attr("src");

       if(src!=undefined) {
            $(this).css("background", "url(app/webroot/img/teambusch/windowbg6.png)");
       }
       else $(this).css("background", "url(app/webroot/img/teambusch/windowbg4.png)");
      

    }
    );

     if ($("#file-uploader").length>0) {

        initUploader();

        // Do something
    }

 
    $("ul.subpop li").click(function(event) {
        window.location = $(this).children("a").attr("href");
    });

    $("div.hoverBtn").hover(function() {
       $("ul.subpop").fadeOut("fast");
       $("ul.subpop li a").css("display", "none");
       $(this).children("ul.subpop").css("display", "block");
       $(this).children("ul.subpop").children("li").children("a").css("display", "inline");
       //$(this).children("ul.subpop").children("li").children("a").fadeIn("fast");
     
       
    },
    function() {
       //$("ul.subpop").fadeOut("fast");
        $("ul.subpop").css("display", "none");
    }

    );

     $("ul.subpop").hover(function() {
       $(this).css("display", "block");
    });


   $("li.subpoplistitem").hover(function() {
      $(this).addClass("hover");
      $(this).children("a").css("color", "#fff");
       },function() {
          $(this).removeClass("hover");
          $(this).children("a").css("color", "#333");
       }

    );

     


    $("ul.subpop li").show("fast", function() {
		//append the background div
		$(this).append("<div></div>");
		//on link hover
	});



      //LOADING POPUP
      
     
        $("a.opengallery").live("click", function(){
               
               
               
                $('div.galleria[id=galleria_'+$(this).attr("id")+']').children($('img.thumb:first')).click();
                 
                
                  $('div.galleria[id=galleria_'+$(this).attr("id")+']').galleria({
			insert    : '.main_image', // the containing selector for our main image
                        debug:true,
                         width:920,
                         height:540
		});
                $('img.thumb:first').click();        
        });
 
 
$("a.alphabet").click(function(){

    //$("#ajaxloader").css("display", "inline");
    $(".ajaxloader").css("display", "inline")

    $(".popup.cloned").remove();

     var id = $(this).text();
     var sortcat = $(this).attr("class");
     var title='';


     $("#breads span").remove();

     if (sortcat == "alphabet") {
         $("#breads").append("<span> » "+id+" </span>");
     }
                   $.ajax({
                    type: "post",		// Request method: post, get
                    url: "ajax/filterProjects/",	// URL to request
                    data: {id:id, sortcat:sortcat},		// Form variables
                    dataType: "json",	// Expected response type
                    success: function(response, status) {

                        var keywords =  stripHTML(response.projects[0]['Project']['name']);
                        var description = stripHTML(response.projects[0]['Project']['description']);
                        setMetaTags(keywords, description);


                        $(".panel2_cloned").remove();

                        var count = response.projects.length;

                        $("#filter_results").html("<h2>"+count+" Projekte gefunden</h2>");
                        $("#filter_results h2").append($("#ajaxloader").clone().addClass("ajaxloader").css("display", "inline"));

                        $(".panel2_cloned").remove();
                        for (var i = 0; i < response.projects.length; i++) {
                        
                            var popupimages = '';
                            var imgcnt = 0;
                            var title = '';
                            var slideshowlink ='';
                            var imagecounter = 0;


                            $x =  $(".panel2_dummy").clone().removeClass("panel2_dummy").addClass("panel2_cloned");
                             //$x.children("h2").text(response.projects[i]['Project']['name']);
                             $x.children("h2").html('<a href="referenzen/show/'+response.projects[i]['Project']['slug']+'">'+response.projects[i]['Project']['name']+'</a>');
                             title = response.projects[i]['Project']['name'];

                            $x.children(".textWrapper2").html(response.projects[i]['Project']['description']);
                            $x.children(".textWrapper2").addClass("fullRow");
                                
                                var img = '';
                                var links = '';

                                

                                if(response.projects[i]['Media']!=undefined) {

                                    for(var m=0; m<response.projects[i]['Media'].length; m++)
                                    {
                                        if((response.projects[i]['Media'][m]['Media']['type'])=="img") {
                                            $x.children(".textWrapper2").removeClass("fullRow");
                                            imagecounter++;
                                            if (imgcnt==0) {
                                                img += '<img src="'+response.projects[i]['Media'][m]['imglink']+'"/>';

                                                popupimages += '<img src="'+response.projects[i]['Media'][m]['imglink']+'" title="'+response.projects[i]['Media'][m]['Media']['subtitle']+'" />';

                                                imgcnt++;
                                            }
                                            else popupimages += '<img src="'+response.projects[i]['Media'][m]['imglink']+'" title="'+response.projects[i]['Media'][m]['Media']['subtitle']+'" />';

                                        }
					/*
                                        else if((response.projects[i]['Media'][m]['Media']['type'])=="swf") {
                                            $x.children(".textWrapper2").removeClass("fullRow");

                                            img += '<object width="360px" height="240px" type="application/x-shockwave-flash" data="'+response.projects[i]['Media'][m]['imglink']+'"'+
                                                '<param value="'+response.projects[i]['Media'][m]['imglink']+'" name="movie"><param name="Loop" value="true"> </object>';
                                        }
					*/
                                        else if((response.projects[i]['Media'][m]['Media']['type'])=="flv") {
                                            $x.children(".textWrapper2").removeClass("fullRow");
                                            img += '<object width="360px" height="240px" type="application/x-shockwave-flash" data="'+response.projects[i]['Media'][m]['imglink']+'"'+

                                                '<object id="Object2" type="application/x-shockwave-flash" data="img/player_flv_classic.swf" width="320" height="240">'+
                                                '<param value="'+response.projects[i]['Media'][m]['imglink']+'" name="movie">'+
                                                '<param name="FlashVars" value="configxml=img/kochvideo.xml" />'+
                                                '<param name="movie" value="img/player_flv_classic.swf" />'+
                                                '<param name="wmode" value="opaque" />'+
                                                '<param name="allowScriptAccess" value="sameDomain" />'+
                                                '<param name="quality" value="high" />'+
                                                '<param name="menu" value="true" />'+
                                                '<param name="autoplay" value="false" />'+
                                                '<param name="autoload" value="false" />'+
                                                '<param name="FlashVars" value="img/configxml=img/kochvideo.xml" />'+
                                                '</object>';

                                        }
                                        else if((response.projects[i]['Media'][m]['Media']['type'])=="pdf") {
                                            links += '<div class="pdf_inner"><a target="_blank" class="pdflink" href="'
                                                +response.projects[i]['Media'][m]['imglink']+'">'
                                                +response.projects[i]['Media'][m]['Media']['subtitle']
                                                +'<img src="app/webroot/img/pdf3.png" /></a></div>';
                                        } 

                                    }

                                    $x.children(".imageWrapper2:first").html(img);

                                    if(popupimages!='') {

                                        $("#popup_dummy").clone().addClass("cloned").appendTo("#appender");

                                        $(".popup.cloned:last").attr("id", "popup_"+i);
                                        $(".popup.cloned:last").children(".galleria_wrapper_outer").children("div.galleria").html(popupimages);
                                       
                                        $(".popup.cloned:last").children(".galleria_wrapper_outer").children("div.galleria").attr("id","galleria_"+i);
                                        $(".popup.cloned:last").children("span.popupheader").text("Alle Bilder zum Projekt "+title);
                                    }
                                    $x.children(".imageWrapper2:first").html(img+slideshowlink);
                                    if(links!='') {
                                        $x.children(".pdfWrapper2_outer").children(".pdfWrapper2:first").html(links);
                                        $x.children(".download_header").addClass("visible");
                                        $x.children(".pdfWrapper2_outer").addClass("visible");
                                    }
                                }

                                $x.insertAfter(".panel2_dummy");
                                $(".panel2_cloned").fadeIn("slow");
                                $(".panel2").css("display","none");
                               

                        }
                         $(".ajaxloader").css("display", "none");
                    },
                    error: function(response, status) {
                    }
            });
             return false;

 });

 $(".ppy-nav-wrap a").click(function() {
    var width = $(".ppy.ppy-active.ppy-expanded .ppy-outer").css("width");
 });


 $("#projectfilter").change(function(){
     
     $(".popup.cloned").remove(); 

     $("#breads span").remove();
     $(".ajaxloader").css("display", "inline")
     

     var id = $(this).val();
     var sortcat = $(this).attr("class");
  
                   $.ajax({
                    type: "post",		// Request method: post, get
                    url: "ajax/filterProjects/",	// URL to request
                    data: {id:id, sortcat:sortcat},		// Form variables
                    dataType: "json",	// Expected response type
                    success: function(response, status) {

                       

                        var dt = response.datatype;

                        var count=0;

                        if(response.projects!=undefined) {
                            count = response.projects.length;
                        }
                       

                        
                        $("#filter_results").html("<h2>"+count+" Projekte gefunden</h2>");
                        $("#filter_results h2").append($("#ajaxloader").clone().addClass("ajaxloader").css("display", "inline"));

                        $(".panel2_cloned").remove();

                        if(response.projects!=undefined)
                        {

                        for (var i = 0; i < response.projects.length; i++) {

                            var popupimages = '';
                            var imgcnt = 0;
                            var title = '';
                            var imagecounter = 0;
                            
                            $x =  $(".panel2_dummy").clone().removeClass("panel2_dummy").addClass("panel2_cloned");
                             
                            if(response.datatype!="company") {
                                $x.children(".textWrapper2").html(response.projects[i]['description']);

                                if(response.projects[i]['Media']==undefined || response.projects[i]['Media'].length==0) {
                                    $x.children(".textWrapper2").addClass("fullRow");
                                }
				 var keywords =  stripHTML(response.projects[0]['name']);
				var description = stripHTML(response.projects[0]['description']);
				setMetaTags(keywords, description);
                                
                                title =response.projects[i]['name'];
                               
                                $x.children("h2").html('<a href="referenzen/show/'+response.projects[i]['slug']+'">'+response.projects[i]['name']+'</a>');
                            }
                            else {
                                $x.children(".textWrapper2").html(response.projects[i]['Project']['description']);
                                 $x.children("h2").text(response.projects[i]['Project']['name']);
				 var keywords =  stripHTML(response.projects[0]['Project']['name']);
				var description = stripHTML(response.projects[0]['Project']['description']);
				setMetaTags(keywords, description);
				    
                                 if(response.projects[i]['Media']==undefined || response.projects[i]['Media'].length==0) {
                                    

                                }
                                $x.children("h2").html('<a href="referenzen/show/'+response.projects[i]['Project']['slug']+'">'+response.projects[i]['Project']['name']+'</a>');
                                 //$x.children("h2").text(response.projects[i]['Project']['name']);
                                 title = response.projects[i]['Project']['name'];
                                 //$("#breads").append("<span>&gt;&gt; "+title+" </span>");

                            }

                            $x.children(".textWrapper2").addClass("fullRow");

                                if(response.projects[i]['Media']!=undefined) {

                                    var img = '';
                                    var links = '';
                                    var slideshowlink = '';
                                    
                                    for(var m=0; m<response.projects[i]['Media'].length; m++)
                                    {

                                        if((response.projects[i]['Media'][m]['Media']['type'])=="img") {
                                            $x.children(".textWrapper2").removeClass("fullRow");
                                            imagecounter++;
                                            
                                            if (imgcnt==0) {
                                                img += '<img src="'+response.projects[i]['Media'][m]['imglink']+'"/>';
 
                                                popupimages += '<img src="'+response.projects[i]['Media'][m]['imglink']+'" title="'+response.projects[i]['Media'][m]['Media']['subtitle']+'" />';


                                            }
                                            else popupimages += '<img src="'+response.projects[i]['Media'][m]['imglink']+'" title="'+response.projects[i]['Media'][m]['Media']['subtitle']+'" />';

                                            imgcnt++;
                                        }
					/*
                                        else if((response.projects[i]['Media'][m]['Media']['type'])=="swf") {
                                            $x.children(".textWrapper2").removeClass("fullRow");
                                            img += '<object width="360px" height="240px" type="application/x-shockwave-flash" data="'+response.projects[i]['Media'][m]['imglink']+'"'+
                                                '<param value="'+response.projects[i]['Media'][m]['imglink']+'" name="movie"><param name="Loop" value="true"> </object>';
                                        }
					*/
                                        else if((response.projects[i]['Media'][m]['Media']['type'])=="pdf") {
                                            //img += '<a class="pdflink" href="'+response.projects[i]['Media'][m]['imglink']+'"/>'+response.projects[i]['Media'][m]['Media']['name']+'</a>';
                                            links += '<div class="pdf_inner"><a target="_blank" class="pdflink" href="'+response.projects[i]['Media'][m]['imglink']+'">'+response.projects[i]['Media'][m]['Media']['subtitle']+'<img src="app/webroot/img/pdf3.png" /></a></div>';

                                        }   
                                    }
                                    if(imagecounter>1) {
                                         
                                    }
                                    
                                    if(popupimages!='') {
                                      
                                        $("#popup_dummy").clone().addClass("cloned").appendTo("#appender");

                                        $(".popup.cloned:last").attr("id", "popup_"+i);
                                        $(".popup.cloned:last").children(".galleria_wrapper_outer").children("div.galleria").html(popupimages);
                                        $(".popup.cloned:last").children(".galleria_wrapper_outer").children("div.galleria").attr("id","galleria_"+i);
                                        $(".popup.cloned:last").children("span.popupheader").text("Alle Bilder zum Projekt "+title);
                                    }
                                    $x.children(".imageWrapper2:first").html(img+slideshowlink);
                                    if(links!='') {
                                        $x.children(".pdfWrapper2_outer").children(".pdfWrapper2:first").html(links);
                                        $x.children(".download_header").addClass("visible");
                                        $x.children(".pdfWrapper2_outer").addClass("visible");
                                    }

                                    //$("#test").popeye();
                                }

                                $x.insertAfter(".panel2_dummy");
                                $(".panel2_cloned").fadeIn("slow");
                                $(".panel2").css("display","none");
                           
                        }
                        }
                        $(".ajaxloader").css("display", "none");
                    }, 
                    error: function(response, status) {
                    }
            });


 });

      $('.anythingSlider').anythingSlider({
                easing: "easeInOutExpo", //"easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
                autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
                delay: 13000,                    // How long between slide transitions in AutoPlay mode
                startStopped: false,            // If autoPlay is on, this can force it to start stopped
                animationTime: 1900,             // How long the slide transition takes
                hashTags: true,                 // Should links change the hashtag in the URL?
                buildNavigation: false,          // If true, builds and list of anchor links to link to each slide
		pauseOnHover: false,             // If true, and autoPlay is enabled, the show will pause on hover
            	startText: "Go",                // Start text
    		stopText: "Stop"              // Stop text
    		//navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
            });

      

 //$("div.mainmenuItem.selected").css("visibility", "hidden");




       $("div.mainmenuItem a").click(
          function () {
            // $("div.mainmenuItem.selected").css("display", "none");
             $("div.mainmenuItem.selected").fadeIn("slow");
            //$("div.mainmenuItem a").fadeOut("slow");
            // $(this).fadeIn("slow");
          },
          function () {
            // $("div.mainmenuItem a").fadeIn("slow");
          }
        );

     // fadeout flash messages on click  
     $('.cancel').click(function(){  
         $(this).parent().fadeOut();  
     return false;  
     });  
   
     // fade out good flash messages after 3 seconds  
     $('.flash_good').animate({opacity: 1.0}, 3000).fadeOut();  
     
     // fade out good flash messages after 3 seconds  
     $('.flash_bad').animate({opacity: 1.0}, 10000).fadeOut();

      //$('.error-message').animate({opacity: 1.0}, 5000).fadeOut("slow");

       $('#flashMessage').animate({opacity: 1.0}, 3000).fadeOut("slow");
      
       $('select#TodoResp').change(function() {

           // alert("change");

           $(this).parent().parent().submit();

       })

 });