/*
 * Thickbox 3 - One Box To Rule Them All.
 * By Cody Lindley (http://www.codylindley.com)
 * Copyright (c) 2007 cody lindley
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/

var tb_pathToImage = "/style/images/fotoalbum/loadingAnimation.gif";

/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/

//on page load call tb_init
$(document).ready(function(){
    tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
    imgLoader = new Image();// preload image
    imgLoader.src = tb_pathToImage;

    $("#start").click(function(){
		document.location.href="jacks-birthday.aspx";
	});
});

//add thickbox to href & area elements that have a class of .thickbox
function tb_init(domChunk){
    $(domChunk).click(function(){
    var t = this.title || this.name || null;
    var a = this.href || this.alt;
    var g = this.rel || false;
    tb_show(t,a,g);
    this.blur();
    return false;
    });
}

function tb_show(caption, url, imageGroup, coords) {//function called when the user clicks on a thickbox link

    try {
        if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
            $("body","html").css({height: "100%", width: "100%"});
            $("html").css("overflow-x","hidden");
            if (document.getElementById("TB_HideSelect") === null) {//iframe to hide select elements in ie6
                $("body").append("<iframe id='TB_HideSelect'></iframe><div id='TB_overlay'></div><div id='bg-wrapper'></div><div id='TB_window'></div><div id='line'>huhu</div>");
                $("#TB_overlay").click(tb_remove);
            }
        }else{//all others
            if(document.getElementById("TB_overlay") === null){
                $("body").append("<div id='TB_overlay'></div><div id='bg-wrapper'></div><div id='TB_window'>");
                $("#TB_overlay").click(tb_remove);
            }
        }

        if(caption===null){caption="";}
        caption = caption.replace(/\s*\|\s*/, "<br />");



        $("body").append("<div id='TB_load'><img src='"+imgLoader.src+"' /></div>");//add loader to the page
        $('#TB_load').show();//show loader

        var baseURL;
       if(url.indexOf("?")!==-1){ //ff there is a query string involved
            baseURL = url.substr(0, url.indexOf("?"));
       }else{
               baseURL = url;
       }

       var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g;
       var urlType = baseURL.toLowerCase().match(urlString);

        if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images

            TB_PrevCaption = "";
            TB_PrevURL = "";
            TB_PrevHTML = "";
            TB_NextCaption = "";
            TB_NextURL = "";
            TB_NextHTML = "";
            TB_imageCount = "";
            TB_FoundURL = false;
            if(imageGroup){
                TB_TempArray = $("a[@rel="+imageGroup+"]").get();
                for (TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (TB_NextHTML === "")); TB_Counter++) {
                    var urlTypeTemp = TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);
                        if (!(TB_TempArray[TB_Counter].href == url)) {
                            if (TB_FoundURL) {
                                TB_NextCaption = TB_TempArray[TB_Counter].title;
                                TB_NextURL = TB_TempArray[TB_Counter].href;
                                TB_NextHTML = "<span id='TB_next'><a href='#'><img src='/style/images/fotoalbum/btn_browse_forward.gif' width='73' height='62'/></a></span>";
                                // Try ROLL TB_NextHTML = "<span id='TB_next'><a href='#'>Next</a></span>";
                            } else {
                                TB_PrevCaption = TB_TempArray[TB_Counter].title;
                                TB_PrevURL = TB_TempArray[TB_Counter].href;
								TB_PrevHTML = "<span id='TB_prev'><a href='#'><img src='/style/images/fotoalbum/btn_browse_back.gif' width='72' height='62'/></a></span>";
                                // Try ROLL TB_PrevHTML = "<span id='TB_prev'><a href='#'>back</a></span>";TB_PrevHTML = "<span id='TB_prev'><a href='#'><img src='/media/image/fotoalbum/btn_browse_back.gif' width='72' height='62'/></a></span>";
                            }
                        } else {
                            TB_FoundURL = true;
                            TB_imageCount = "Image " + (TB_Counter + 1) +" of "+ (TB_TempArray.length);
                        }
                }
            }

            imgPreloader = new Image();
            imgPreloader.onload = function () {
                imgPreloader.onload = null;

                // Resizing large images - orginal by Christian Montoya edited by me.
                var pagesize = tb_getPageSize();
                var x = pagesize[0] - 150;
                var y = pagesize[1] - 150;
                var imageWidth = imgPreloader.width;
                var imageHeight = imgPreloader.height;
                if (imageWidth > x) {
                    imageHeight = imageHeight * (x / imageWidth);
                    imageWidth = x;
                    if (imageHeight > y) {
                        imageWidth = imageWidth * (y / imageHeight);
                        imageHeight = y;
                    }
                } else if (imageHeight > y) {
                    imageWidth = imageWidth * (y / imageHeight);
                    imageHeight = y;
                    if (imageWidth > x) {
                        imageHeight = imageHeight * (x / imageWidth);
                        imageWidth = x;
                    }
                }
                // End Resizing
                TB_WIDTH = 794;
                TB_HEIGHT = imageHeight + 60;

                // build facebook button
                var galleryParams = window.location.search;
                //var facebookShareUrl = "http://" + window.location.host + "/backstage/fotoalbum/fbs/default.aspx?img=" + url + "&href=" + window.location.href;

                var facebookUrl = "http://www.facebook.com/sharer.php?u=";
                var facebookShareUrl = encodeURIComponent("http://" + window.location.host + "/backstage/fotoalbum/fbs/default.aspx?img=" + url + "&href=" + window.location.href);
                
                facebookUrl = facebookUrl + facebookShareUrl;

                var btnShare = '<div class="btnShare">';
                //btnShare += '<a name="fb_share" type="icon" share_url="' + facebookShareUrl + '" href="http://www.facebook.com/sharer.php">Teilen</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>';
                btnShare += '<a href="' + facebookUrl + '"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>';

                btnShare += '</div>';

                // Send a friend
                $("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><div id='image-wrapper'><img id='TB_Image' src='" + url + "' width='" + imageWidth + "' height='" + imageHeight + "' alt=''/></a></div>" + "<div id='TB_closeWindow'></div><div id='TB_action_wrapper'><div id='TB_secondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div class='clear'></div><div id='TB_caption'>" + caption + "</div><div id='sendAFriend'>Als E-Card verschicken</div>" + btnShare + "</div></div>");

                $("#TB_closeWindow").click(tb_remove);
                $("#sendAFriend").click(function () {

                    //frameHeight = 620;
                    frameHeight = 550;
                    newUrl = "/backstage/fotoalbum/tellafriend/default.aspx?height=700&width=570&image=" + url + "&TB_iframe=true";
                    tb_remove();
                    setTimeout(function () {
                        tb_show('', newUrl, null);
                    }, 600)
                });

                if (!(TB_PrevHTML === "")) {
                    function goPrev() {
                        if ($(document).unbind("click", goPrev)) { $(document).unbind("click", goPrev); }
                        $("#TB_window").remove();
                        $("body").append("<div id='TB_window'></div>");
                        tb_show(TB_PrevCaption, TB_PrevURL, imageGroup);
                        return false;
                    }
                    $("#TB_prev").click(goPrev);
                }

                if (!(TB_NextHTML === "")) {
                    function goNext() {
                        $("#TB_window").remove();
                        $("body").append("<div id='TB_window'></div>");
                        tb_show(TB_NextCaption, TB_NextURL, imageGroup);
                        return false;
                    }
                    $("#TB_next").click(goNext);

                }
                if (TB_PrevHTML === "") {
                    $("#TB_secondLine").css("text-align", "right");
                }


                document.onkeydown = function (e) {
                    if (e == null) { // ie
                        keycode = event.keyCode;
                    } else { // mozilla
                        keycode = e.which;
                    }
                    if (keycode == 27) { // close
                        tb_remove();
                    } else if (keycode == 190) { // display previous image
                        if (!(TB_NextHTML == "")) {
                            document.onkeydown = "";
                            goNext();
                        }
                    } else if (keycode == 188) { // display next image
                        if (!(TB_PrevHTML == "")) {
                            document.onkeydown = "";
                            goPrev();
                        }
                    }
                };

                tb_position();
                $("#TB_load").remove();
                $("#TB_ImageOff").click(tb_remove);
                $("#TB_window").css({ display: "block" }); //for safari using css instead of show
            };

            imgPreloader.src = url;
        }else{//code to show html pages

            var queryString = url.replace(/^[^\?]+\??/,'');
            var params = tb_parseQuery( queryString );

            TB_WIDTH = (params['width']*1) + 30 || 630; //defaults to 630 if no paramaters were added to URL
            TB_HEIGHT = (params['height']*1) + 40 || 440; //defaults to 440 if no paramaters were added to URL
            ajaxContentW = TB_WIDTH - 30;
            ajaxContentH = TB_HEIGHT - 45;

            if(url.indexOf('TB_iframe') != -1){
                    urlNoQuery = url.split('TB_');
                    $("#TB_window").append("<iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"'allowTransparency = 'true' bgcolor='transparent' id='TB_iframeContent' name='TB_iframeContent' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;' onload='tb_showIframe()'> </iframe>");
                }else{
                    if($("#TB_window").css("display") != "block"){
                        if(params['modal'] != "true"){
                        $("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>close</a> or Esc Key</div></div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div>");
                        }else{
                        $("#TB_overlay").unbind();
                        $("#TB_window").append("<div id='TB_ajaxContent' class='TB_modal' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");
                        }
                    }else{
                        $("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";
                        $("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";
                        $("#TB_ajaxContent")[0].scrollTop = 0;
                        $("#TB_ajaxWindowTitle").html(caption);
                    }
            }

            $("#TB_closeWindowButton").click(tb_remove);

                if(url.indexOf('TB_inline') != -1){
                    $("#TB_ajaxContent").html($('#' + params['inlineId']).html());
                    tb_position();
                    $("#TB_load").remove();
                    $("#TB_window").css({display:"block"});
                }else if(url.indexOf('TB_iframe') != -1){
                    tb_positionIframe();
                    if(frames['TB_iframeContent'] === undefined){//be nice to safari
                        $("#TB_load").remove();
                        $("#TB_window").css({display:"block"});
                        $(document).keyup( function(e){ var key = e.keyCode; if(key == 27){tb_remove();}});
                    }
                }else{
                    $("#TB_ajaxContent").load(url += "&random=" + (new Date().getTime()),function(){//to do a post change this load method
                        tb_position();
                        $("#TB_load").remove();
                        tb_init("#TB_ajaxContent a.thickbox");
                        $("#TB_window").css({display:"block"});
                    });
                }

        }

        if(!params['modal']){
            document.onkeyup = function(e){
                if (e == null) { // ie
                    keycode = event.keyCode;
                } else { // mozilla
                    keycode = e.which;
                }
                if(keycode == 27){ // close
                    tb_remove();
                }
            };
        }

    } catch(e) {
        //nothing here
    }
}

//helper functions below
function tb_showIframe(){
    $("#TB_load").remove();
    $("#TB_window").css({display:"block"});
}

//Modified to provide parent window's function callback
function tb_remove(parent_func_callback) {
//CHECK
$("#TB_imageOff").unbind("click");
$("#TB_closeWindowButton").unbind("click");
$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove();});
//javascript:parent.location.reload();
$("#TB_load").remove();
$("#bg-wrapper").remove();
if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
$("body","html").css({height: "auto", width: "auto"});
$("html").css("overflow","");
}
if(parent_func_callback != undefined)
eval("window."+parent_func_callback);
document.onkeydown = "";
document.onkeyup = "";
return false;
}

function tb_position() {
$("#TB_window").css({marginLeft: '-' + (parseInt((TB_WIDTH  / 2),10)-97) + 'px', width: TB_WIDTH  + 'px'});

    if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // take away IE6
        $("#TB_window").css({marginTop: '-' + (parseInt((TB_HEIGHT / 2),10)-8) + 'px'});
    }
}
function tb_positionIframe() {
$("#TB_window").css({marginLeft: '-' + (parseInt((TB_WIDTH  / 2),10)) + 'px', width: TB_WIDTH  + 'px'});


    if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // take away IE6
 		$("#TB_window").css({marginTop: '-266px'});
    } else {
	$("#TB_window").css({marginTop: '-255px'});
}
}

function tb_parseQuery ( query ) {
   var Params = {};
   if ( ! query ) {return Params;}// return empty object
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;
   }
   return Params;
}

function tb_getPageSize(){
    var de = document.documentElement;
    var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
    var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
    arrayPageSize = [w,h];
    return arrayPageSize;
}
//To close one thickbox and then open another, this is quite handy
//when you want to open another response modal window on the action of current modal window.
//Opening more then one thickbox window is not possible on the same page,
//so closing one and opening another could be quite handy and we can change height
//and width as well for another window.
var jThickboxNewLink;
function tb_remove_open(reloadLink){
jThickboxReloadLink	=	reloadLink;
tb_remove();
setTimeout("jThickboxNewLink();",500);
return false;
}
//This function will let you open new thickbox window without specifying
//class="Thickbox" and any href="http://web.com" attribute
//It will be helpful when you are dynamically loading any content and
//from those content you would like to open Thickbox windows.
//As basically the nature of thickbox is such that it scans all links (..) tags
//on load using jQuery's $(document).ready function so if your link is loaded using ajex
//or using any dynamic javascript and was not on page at the time of load then this thickbox
//setup won't work and you have to use this function.
function tb_open_new(jThickboxNewLink){
tb_show(null,jThickboxNewLink,null);
}