// JavaScript Document
var apiKey = 'd6dfeac8ab60e3ea250ac42c3b4d2104';
var fId = '71395842@N08';
var urlGetRecent = 'http://api.flickr.com/services/feeds/photos_public.gne?ids=71395842@N08&lang=en-us&format=json&jsoncallback=?';
function GetImages() {

    var total = 0;
    var iRow = 0;
    jQuery(function () {
        jQuery.getJSON(urlGetRecent, function (data) {
            jQuery.each(data.items, function (index, item) {
                if (total < 8) {

                    var imgUrl = item.media.m.replace('_m', '_t');
                    var linkUrl = item.media.m.replace('_m', '_b');
                    var divData = '<div style="width:50px;float:left;padding:5px;">';
                    divData += '<a rel="shadowbox" title="' + item.title + '"   href="javascript:void(0);" onclick="openImageShadow(\'' + linkUrl + '\',500,650)">';
                    divData += '<img src=' + imgUrl + ' style="width: 50px;" alt="' + item.title + '" /></a>';
                    divData += '</div>';

                    $('#photos').append(divData);
                    total++;
                    iRow++;
                    if (iRow == 4) {
                        iRow = 0;
                        $('#photos').append('<div class="clear"></div>');
                    }
                }
                else {

                    return;
                }

            });
            $('#photos').append('<div class="clear"></div>');
            $('#photos').append('<div style="float:right;"><a href="media-gallery" class="bold">View All</a></div><div class="clear"></div>');
        });
    });
    Shadowbox.clearCache();
    Shadowbox.setup();

}
function GetImagesRight() {

    var total = 0;
    var iRow = 0;
    jQuery(function () {
        jQuery.getJSON(urlGetRecent, function (data) {
            jQuery.each(data.items, function (index, item) {
                if (total < 8) {

                    var imgUrl = item.media.m.replace('_m', '_t');
                    var linkUrl = item.media.m.replace('_m', '_b');
                    var divData = '<div style="width:50px;float:left;padding:5px;">';
                    divData += '<a rel="shadowbox" title="' + item.title + '"   href="javascript:void(0);" onclick="openImageShadow(\'' + linkUrl + '\',\'' + item.title + '\',500,650)">';
                    divData += '<img src=' + imgUrl + ' style="width: 55px;" alt="' + item.title + '" /></a>';
                    divData += '</div>';

                    $('#photos').append(divData);
                    total++;
                    iRow++;
                    if (iRow == 3) {
                        iRow = 0;
                        $('#photos').append('<div class="clear"></div>');
                    }
                }
                else {
                    return;
                }
            });
            $('#photos').append('<div class="clear"></div>');
            $('#photos').append('<div style="float:right;"><a href="media-gallery" class="bold">View All</a></div><div class="clear"></div>');
        });
      
    });
    Shadowbox.clearCache();
    Shadowbox.setup();

}

window.onscroll = scroll;

function scroll() {
    var top = window.pageYOffset;
    if (top > 220) {
        $("#MainMenu").addClass("staticMenu");
    }
    else {
        $("#MainMenu").removeClass("staticMenu");
    }
}

function donate() {
    var answer = confirm("This will take you to our PayPal donation site. Please click OK to continue.")
    if (answer) {

        var url = "https://www.paypal.com/us/cgi-bin/webscr?cmd=_flow&SESSION=95rYIuApEXzgzZM36RBbfsFDLtBo4MiUhtQweYkiy8Q_6w2ETO_3atb5sue&dispatch=50a222a57771920b6a3d7b606239e4d529b525e0b7e69bf0224adecfb0124e9b61f737ba21b081988562bf19d61623c6f33db8e87506be10";
        window.open(url, 'Donate', 'width=800,height=600')
    }
    else {
        return;
    }
}

function GetAlbumList() {
    var albumList = new Array();
    $.getJSON('http://api.flickr.com/services/rest/?&method=flickr.photosets.getList&api_key=' + apiKey + '&user_id=' + fId + '&format=json&jsoncallback=?',
		function (data) {
		  
		    $.each(data.photosets.photoset, function (i, set) {
		        $('#PhotoGallery').append('<h2><a href="javascript:void(0);" onclick="showHide(\'#div' + set.id + '\');">' + set.title._content + '</a><span style="font-size:12px; font-weight:normal;">(click to see album)</span></h2>');
		        LoadAlbum(set.id);
		    });
		});


}

function showHide(div) {
   
    if ($(div).is(":hidden")) {
        $(div).show();
    } else {
        $(div).hide();
    }

}

function LoadAlbum(id) {
    var url = 'http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=' + apiKey + '&photoset_id=' + id + '&format=json&jsoncallback=?';
   var div = $("<div>");
   div.attr('id', 'div'+id);
   div.attr('style', 'display:none;');  
   var divClear = $("<div>");
   divClear.addClass('clear');   
   $.getJSON(url,
		function (data) {
		    var iRow = 0;
		    $.each(data.photoset.photo, function (i, set) {
		        var divInner = $("<div>");
		        divInner.css('float', 'left');
		        divInner.css('padding', '5px');
		        var imgUrl = 'http://farm' + set.farm + '.staticflickr.com/' + set.server + '/' + set.id + '_' + set.secret + '_s.jpg';
		        var linkUrl = 'http://farm' + set.farm + '.staticflickr.com/' + set.server + '/' + set.id + '_' + set.secret + '_z.jpg';
		        divInner.html('<a href="javascript:void(0);" onclick="openImageShadow(\'' + linkUrl + '\',\''+ set.title +'\',500,650)" title="' + set.title + '"><img src="' + imgUrl + '" alt="' + set.title + '"/></a>');
		        div.append(divInner.html());
		        
		        iRow++;
		        if (iRow == 8) {
		            iRow = 0;
		            div.append(divClear);

		        }
		    });
		    
		});
		 

		$('#PhotoGallery').append(div);
}
function LoadMedia() {
  
    LoadPhotos();
    Shadowbox.clearCache();
    Shadowbox.setup();
}
function openImageShadow(url,title,w, h) {
    Shadowbox.open({
        content: url,
        player: "img",
        title: title
        
    });
}
function openVideoShadow(url, title,w, h) {
    var options = {
        continuous: true,
        counterType: "skip"
    };
    var video = {
        player: "iframe",
        title: title,
        content: url,
        
        width: '850px',
        options: options
    };
    Shadowbox.open(video);
}


function LoadVideos() {



    $.getJSON('http://gdata.youtube.com/feeds/api/videos?author=773area773&alt=json-in-script&callback=?&start-index=1', function (data) {
        var iRow = 0;
        $.each(data.feed.entry, function (i, item) {
            var url = item.media$group.media$thumbnail[0].url;
            var title = item.content.$t;
            var video = item['id']['$t'];
            var video = item['id']['$t'];
            video = video.replace('http://gdata.youtube.com/feeds/api/videos/', 'http://www.youtube.com/v/');
            $('#VideoGallery').append('<div style="float:left;width:150px; font-size:11px;margin-bottom:10px;"><a onclick="openVideoShadow(\'' + video + '\',\'' + title + '\',500,650)"  title="' + title + '" href="javascript:void(0);"><img  alt=""/ style="width:150px;height:112px;background:url(' + url + ') no-repeat;" alt="' + title + '" src="http://www.southshoredrillteam.org/staging/wp-content/uploads/2011/12/play.png"></a><br/>' + title + '</div>');
            iRow++;
            if (iRow == 4) {
                iRow = 0;
                $('#VideoGallery').append('<div class="clear"></div>');
            }
        });
    });
}
function LoadPhotos() {
    GetAlbumList();


}
function HideQuote() {
    $('.Quote').css('display', 'none');
}

function mapShow() {
    loadScript();
}
function initialize() {
  
    var myOptions = {
        zoom: 14,
        center: new google.maps.LatLng(41.77250, -87.603263),
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControlOptions: {
            style: google.maps.NavigationControlStyle.SMALL
        }, 
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var myLatlng = new google.maps.LatLng(41.763779, -87.603263);

    var map = new google.maps.Map(document.getElementById("map"), myOptions);
    var contentString = '<div><b>South Shore Drill Team</b><br/>7218 S. South Chicago Ave.<br/>Chicago, IL 60619<br/><b>Phone Number:</b>773.752.7830<br/>' +
    '<a target="_blank" href="http://mapof.it/7218 S. South Chicago Ave. Chicago, IL 60619">Get directions</a>'+
'</div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString,
        maxWidth: 350
    });
    
    var marker = new google.maps.Marker({
        position: myLatlng,
        center:myLatlng,
        map: map,
        title: 'South Shore Drill Team'

    });

google.maps.event.addListener(marker, 'click', function() {
infowindow1.close();
  infowindow.open(map,marker);

});
    
   var contentCenter='<div><b>Gary Comer Youth Center:<br/>Home of the South Shore Drill Team</b><br/>7200 S. South Chicago Ave.<br/>Chicago, IL 60619<br/>' +
    '<a target="_blank" href="http://mapof.it/7200 S. South Chicago Ave. Chicago, IL 60619">Get directions</a>'+
'</div>';
    
var infowindow1 = new google.maps.InfoWindow({
        content: contentCenter,
        maxWidth: 350
    });
    var gomer=new google.maps.LatLng(41.763728,-87.602096);
    var marker1 = new google.maps.Marker({
        position: gomer,
        center:myLatlng,
        map: map,
        title: 'Gary Comer Youth Center'
    });
google.maps.event.addListener(marker1, 'click', function() {
infowindow.close();
  infowindow1.open(map,marker1);
});
}

function loadScript() {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";
    document.body.appendChild(script);
}