jQuery.noConflict();

jQuery(function($) {

    //IE6
    if ($.browser.msie && ($.browser.version <= 6)) {
        //Logo
        logo = $('#head h1 img')[0];
        $(logo).css({ 'width': logo.width, 'height': logo.height });
        logo.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + logo.src + "',sizingMethod='scale')";
        logo.src = 'images/transparent.gif';

        //Heights of transparent backgrounds
        $('.background').each(function() {
            $(this).height($(this).parent().height());
        });
    }

//carousel
   if (navigator.appName.toLowerCase() == 'netscape') {
            jQuery('#slide .rotator a').addClass('itemCarrousel');
        }

    //Nav
    var $navItems = $('#nav a');
    for (i = 0; i < 4; i++) {

        //Rows
        $row1 = $navItems.eq(i);
        $row2 = $navItems.eq(i + 4);
        $row3 = $navItems.eq(i + 8);

        //Widths
        _width1 = $row1.width();
        _width2 = $row2.width();
        _width3 = $row3.width();


        //Getting the max width
        _max = Math.max(_width1, _width2, _width3);

        //Setting the max width
        $row1.add($row2).add($row3).width(_max + 5);

        //Clearing


    }
    //End NAV

    /*	
    $('.item').each(function(){
    $item = $(this);
    $('a:first', $item).clone().empty().addClass('overlay').appendTo($item);
    });
    */

    //PrettyPhoto
    $('#extra .item').each(function() {
        var $video = $(this);
        $('.overlay', $video).prettyPhoto({
            theme: 'dark_square' /* light_rounded / dark_rounded / light_square / dark_square / facebook */
        });
    });

    $('div.video_item').each(function() {
        $(this).qtip({
            content: {
                text: false // Use each elements title attribute
            },
            style: {
                width: 140,
                padding: 2,
                background: '#89558E',
                color: '#ffffff',
                textAlign: 'center',
                border: {
                    width: 0,
                    radius: 5,
                    color: '#89558E'
                },
               tip: { corner: 'bottomLeft' },
                name: 'green' // Inherit the rest of the attributes from the preset dark style
            },
            position: {
                corner: {
                    tooltip: 'leftBottom', // Use the corner...
                    target: 'rightTop' // ...and opposite corner
                },
                adjust: {
                    x: -30                    
                }
            }
        });
    });

  var carousel_timeout='3000';
    if (document.getElementById('CarouselTimeout'))
        carousel_timeout = document.getElementById('CarouselTimeout').value;

    //Slideshow
    $('#slide').cycle({
        fx: 'fade',
        pager: '#slideshow-pager',
        timeout: carousel_timeout
    });

    //Calendar
    $('#date').cycle({
        fx: 'scrollBothWays',
        timeout: 0,
        next: '#calendar-pager .next',
        prev: '#calendar-pager .prev'
    });

    //Schedule
    var $schedule = $('#schedule');
    var $scheduleList = $('ul', $schedule);
    var $schedulePager = $('#schedule-pager'); //Pager (next, prev)
    var $scheduleNext = $('.next', $schedulePager);
    var $schedulePrev = $('.prev', $schedulePager);
    var scheduleIndex = 0; //Index, item on top
    var scheduleLength = $('li', $scheduleList).length; //Number of items
    $('li:even', $schedule).addClass('even'); //Coloring rows

    $schedulePager.click(function(event) {
        if ($(event.target).is('a')) { //Only if we click the links
            if ($(event.target).is('.prev') && (scheduleIndex > 0)) { //Prev, going down
                $scheduleList.animate({
                    top: '+=35'
                });
                scheduleIndex--;
            } else if ($(event.target).is('.next') && (scheduleIndex < scheduleLength - 4)) { //Next, going up
                $scheduleList.animate({
                    top: '-=35'
                });
                scheduleIndex++;
            }

            //Hiding and showing the pager items on dom ready
            if (scheduleIndex == 0) { $schedulePrev.hide(); }
            else { $schedulePrev.show(); }
            if (scheduleIndex == scheduleLength - 4) { $scheduleNext.hide(); }
            else { $scheduleNext.show(); }

            return false;
        }
    });

    //Hiding and showing the pager items on dom ready
    if (scheduleIndex == 0) { $schedulePrev.hide(); }
    else { $schedulePrev.show(); }
    if (scheduleIndex == scheduleLength - 4) { $scheduleNext.hide(); }
    else { $scheduleNext.show(); }

    //END Schedule


    //    //Flickr
    //    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=basketball&tagmode=any&format=json&jsoncallback=?",
    //    	function(data) {
    //            $("#flickr-feed").empty();
    //            $.each(data.items, function(i, item) {
    //                var imagePath = item.media.m.replace('_m.', '.');
    //                $("<img/>").attr("src", imagePath).appendTo("#flickr-feed")
    //    			.wrap('<a href="galleri/billedgalleri.aspx" title="' + item.title + '"></a>');
    //    	        if (i == 4) return false;
    //    	    });

    //    	    //qTip
    //    	    $('#flickr a').qtip({
    //    	        content: {
    //    	            text: false // Use each elements title attribute
    //    	        },
    //    	        style: {
    //    	            width: 140,
    //    	            padding: 2,
    //    	            background: '#89558E',
    //    	            color: '#ffffff',
    //    	            textAlign: 'center',
    //    	            border: {
    //    	                width: 0,
    //    	                radius: 5,
    //    	                color: '#89558E'
    //    	            },
    //    	            tip: 'bottomLeft',
    //    	            name: 'green' // Inherit the rest of the attributes from the preset dark style
    //    	        },
    //    	        position: {
    //    	            corner: {
    //    	            target: 'middleRight',
    //    	            tooltip: 'middleLeft'
    //    	        },
    //    	        adjust: {
    //    	            x: -30,
    //    	            y: -10
    //    	        }
    //    	        }
    //    	    });
    //    	}
    //    );

});

//FrontPage Flickr Campaigns

function loadFlickrCampaigns(requestUrl, redirectUrl, position) {
    var new_url = requestUrl.replace(/amp;/g, "");
    jQuery.getJSON(new_url,
    	function(data) {
    	    jQuery.each(data.items, function(i, item) {
    	        var imagePath = item.media.m.replace('_m.', '.');
    	        //    	        jQuery("<img/>").attr("src", imagePath).appendTo("#flickr-feed")
    	        //    	         .wrap('<a href="' + requestUrl + '" title="' + item.title + '"></a>');
    	        //jQuery("#flickr-feed").append('<a href="' + redirectUrl + '" title="' + item.title + '"><img src="' + imagePath + '" /></a>');
    	        jQuery("#flickr-feed a.itemFlickr" + position.split(" ").join("")).attr("title", item.title).attr("href", redirectUrl).append('<img src="' + imagePath + '" />');
    	        if (i == 0) return false;
    	    });
    	});  
}

//Video Gallery

function loadVideo(obj, playerUrl, autoplay, index) {

    if (index != 0) {
        jQuery('.video_list').children('div').removeClass('active');
        obj.className = 'video_item active';
    }

    var params = { allowScriptAccess: "always",
                   wmode: "transparent" };
    var atts = { id: "myytplayer" };
    var flashvars = {};
    swfobject.embedSWF(
      playerUrl + '&rel=1&border=0&fs=1&autoplay=' +
      (autoplay ? 1 : 0), 'playerContainer', '100%', '400', '9', null, flashvars, params);
}

function showVideos(data) {
    var feed = data.feed;
    var entries = feed.entry || [];
    var html = ['<div class="video_list">'];
    for (var i = 0; i < entries.length; i++) {
        var entry = entries[i];
        var title = entry.title.$t.substr(0, 20);
        var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
        var playerUrl = entries[i].media$group.media$content[0].url;
        var className = 'video_item';
        if (i == 0) {
            className += ' active';
        }

        html.push('<div class="', className, '" title="', title, '" onclick="loadVideo(this,\'', playerUrl, '\', true, 1)">',
              '<a href="#" ><img src="', thumbnailUrl, '" width="130" height="97"/></a><div class="text"><div class="background"></div>',
              '<div class="content"><h4><a href="#">', title, '</a></h4></div></div><div class="play">&nbsp;</div><a href="#" class="overlay"></a>',
              '</div>');
    }
    html.push('</div><br style="clear: left;"/>');
    document.getElementById('videos').innerHTML = html.join('');
    if (entries.length > 0) {
        loadVideo(this, entries[0].media$group.media$content[0].url, false, 0);
    }
}

// Image Gallery

function LoadImage(obj, img_url, img_src, title) {

    var html = "<a href='" + img_url + "'><img width='100%' height='400' src='" + img_src
              + "'></img></a>"
              + "<div class='text'><div class='background'>&nbsp;</div> <div class='content'>"
              + "<h2><a href='" + img_url + "'>" + title + "</a></h2></div></div>"
              + "<div class='prev'>&nbsp;</div><div class='next'>&nbsp;</div>";
    document.getElementById('img-container').innerHTML = html;
    return false;
}


function LoadImages(url, nrItems) {
    var new_url = url.replace(/amp;/g, "");
    jQuery.getJSON(new_url + "&per_page=" + nrItems + "&format=json&jsoncallback=?",
    	function(data) {
              jQuery.each(data.photos.photo, function(i, item) {

                var url = "http://www.flickr.com/photos/" + item.owner + "/" + item.id;
                var src = "http://farm" + item.farm + ".static.flickr.com/" + item.server + "/" + item.id + "_" + item.secret + ".jpg";

                jQuery("<img height='400px' />").attr("src", src).appendTo("#img-container").wrap('<div class="img-item" ><a target="_blank" href="' + url + '" ></a><div class="text"><div class="background">&nbsp;</div><div class="content"><h2><a target="_blank" href="' + url + '">' + item.title + '</a></h2></div></div><a class="overlay" href="#"></a></div>');    	       

    	        jQuery("<a href='' class='img-item'>&nbsp;</a>").click(function() { jQuery('#img-container').cycle(i); return false; }).attr({
    	            title: item.title,
    	            style: 'background: #000 url("' + src + '") left top no-repeat;'
        	        }).appendTo('#img-flickr-feed');   
    
    	       // if (i == (nrItems - 1)) return false;
    	    });

    	    jQuery('#img-container').cycle({
    	        pager: '#img-flickr-feed',
    	        next: '.img-next',
    	        prev: '.img-prev',
    	        timeout: 0,
    	        random: false,
    	        startingSlide: 0,
    	        pagerAnchorBuilder: function(idx, slide) {
    	            // return selector string for existing anchor
    	            return '#img-flickr-feed a:eq(' + idx + ')';
    	        }
    	    });

    	  //qTip
    	    jQuery('#img-flickr-feed a').qtip({
    	        content: {
    	            text: false // Use each elements title attribute
    	        },
    	        style: {
    	            width: 140,
    	            padding: 2,
    	            background: '#89558E',
    	            color: '#ffffff',
    	            textAlign: 'center',
    	            border: {
    	                width: 0,
    	                radius: 5,
    	                color: '#89558E'
    	            },
    	            tip: 'bottomLeft',
    	            name: 'green' // Inherit the rest of the attributes from the preset dark style
    	        },
    	        position: {
    	            corner: {
    	                tooltip: 'leftBottom', // Use the corner...
    	                target: 'rightTop' // ...and opposite corner
    	            },
    	            adjust: {
    	                x: -30,
    	                y: -5    	               
    	            }
    	        }
    	    });
    	}
    );

}

var nr_friends_active = 0;

function showFaceBookFriends() {
    var markup = "";
    FB.ensureInit(function() {
        FB.Facebook.get_sessionState().waitUntilReady(function() {
            FB.Facebook.apiClient.fql_query("SELECT uid, gid, positions FROM group_member WHERE gid=277394719654", function(result) {
                var widget_div = document.getElementById("profile_pics");

                if (widget_div != null) {
                    var session = FB.Facebook.apiClient.get_session();

                    FB.Facebook.apiClient.fql_query("SELECT uid FROM user " +
                                                    "WHERE uid IN ( SELECT uid FROM group_member WHERE gid=277394719654 AND uid IN ( SELECT uid2 FROM friend WHERE uid1 = " + session.uid + " ) ) " +                                                                   
                                                    "AND 'active' IN online_presence ",
                                 function(rows) {                                     
                                     var element = document.getElementById('friends');
                                     if (element) {
                                         if (typeof element.textContent != 'undefined') {
                                             element.textContent = rows.length;
                                         }
                                         else if (typeof element.innerText != 'undefined') {
                                             element.innerText = rows.length + ' ';
                                         }
                                         else if (typeof element.removeChild != 'undefined') {
                                             while (element.hasChildNodes()) {
                                                 element.removeChild(element.lastChild);
                                             }
                                             element.appendChild(document.createTextNode(rows.length));
                                         }
                                     }
                                 });

                    markup += "<h2 class='fb-logo'></h2>";
                    markup += '<a class="left" Target="_blank" href="http://www.facebook.com/presence/popout.php"><div id="friends"></div> venner online</a>';
                    markup += '<a class="right" href="/wall.aspx">Go to Wall</a>';
                    //  markup += "You still have <a href=\"\"><strong><fb:unconnected-friends-count>&nbsp;</fb:unconnected-friends-count></strong></a> friends on Facebook who haven\'t connected with your site!";
                    var num_ = result ? Math.min(8, result.length) : 0;
                    var num_friends = num_ * 1;
                    if (num_friends < 10) {
                        markup += '<div id="fb-friends">';
                        for (var i = 0; i < num_friends; i++) {
                            markup += "<div class='fb-friend'><fb:profile-pic size=\"square\" uid=\"" + result[i].uid + "\" facebook-logo=\"true\"></fb:profile-pic><p><fb:name uid=\"" + result[i].uid + "\" useyou=\"false\" linked=\"true\"></fb:name></p></div>";
                        }
                        markup += '</div>';
                    }
                    widget_div.innerHTML = markup;
                    FB.XFBML.Host.parseDomElement(widget_div);
                }
            }); //fql_query

        }); //wait until ready
    });     //ensure init

}