// JScript File

function ShowCloseup(i, baseUrl)
{
    var closeupUrl = '/common/Popups/CloseupHandler.aspx?ID=' + i;
    // make footer visible, which is hidden from genereal colorbox styling
    $.ajax({
        url: closeupUrl,
        success: function(data) {
            //alert(data);
            var closeupJSON = jQuery.parseJSON(data).closeup;
            var CMS_Image_W = closeupJSON.imgWidth;
            var CMS_Image_H = closeupJSON.imgHeight;
            var closeupText = $('.closeup .caption');
            var margins = 106 + 60 +31; // header + content margin top and bottom + footer
            var text = $(closeupJSON.content).find('.infobar p');
            var img = $(closeupJSON.content).find('.media img');
            var emptyText = text.is(':empty');
            var notEmptyText = text.not(':empty')
            var imgMaxWidth = parseInt(screen.width) - 100;
            var imgMaxHeight = parseInt(screen.height) - 300;
            var imgMinWidth = 5;
            var imgMinHeight = 5;
            var extraSpaceToAlignCont = 70;
            var extraSpaceForText = 300;
            var closeupW = "";
            
            // append content to body, for reading info before opening colorbox
            $('body').append('<div id="closeup-wrap-img" style="position:absolute; left:-100000;">');
            $("#closeup-wrap-img").html(closeupJSON.content);
            var imgClientW = parseInt($("#closeup-wrap-img div.media img").width());
            var imgClientH = parseInt($("#closeup-wrap-img div.media img").height());
            
            
            
            if(parseInt(closeupJSON.width) > 0 && parseInt(closeupJSON.height) > 0){ // if closeup dimensions ARE set on CMS
                var closeupW = closeupJSON.width;
                var closeupH = closeupJSON.height;
            }else{ // NO closeup dimension are set on CMS
                /*=================== CASE 1 - image dimensions available =============================================*/            
                if( CMS_Image_W > 0 && CMS_Image_H > 0){
                    if( emptyText ){ // no text
                        closeupH = CMS_Image_H;
                        closeupW = parseInt(CMS_Image_W) + extraSpaceToAlignCont;
                    }else{          // with text
                        closeupH = CMS_Image_H;
                        closeupW = parseInt(CMS_Image_W) + extraSpaceForText;
                    }
                };
                
                /*=================== CASE 2 - image dimensions not available , 0 or negative (CMS issue) ==============*/                        
                if( CMS_Image_W <= 0 && CMS_Image_H <= 0){
                    if( emptyText ){ // no text
                        closeupH = imgClientH;
                        closeupW = imgClientW + extraSpaceToAlignCont;
                    }else{          // with text
                        closeupH = imgClientH;
                        closeupW = imgClientW + extraSpaceForText;
                    }
                };
                
                /*=================== CASE 3 - Text only, no image =============================================*/
                if( notEmptyText && img.length < 1 ){
                    closeupW = 350; // default width
                    closeupH = 500; // default default height
                } 
                
                // image too small - to be changed
                /*if( CMS_Image_W < imgMinWidth || CMS_Image_H < imgMinHeight ){ 
                    if( emptyText ){ // no text
                        closeupW = 300; // default
                        closeupH = 256; // default
                    }else{
                        closeupW = 400; // default
                        closeupW = 500; // default
                    }
                }*/
                
            }
            $.colorbox({
                preloading: true,
                width:closeupW,
                height: closeupH,
                inline: true,
                href: closeupJSON.content,
                onComplete:function(){
                    
                }
            });
        }
    });
    
    return;
  	if(baseUrl== undefined)
        baseUrl ="";

	if(parseInt(navigator.appVersion) > 3)
	{
		//alert('Closeup support not currently available');
		window.open(baseUrl + '/common/Popups/Closeup.aspx?ID=' + i, 'closeup' + i, 'left=0,top=0,height=322,width=400,statusbar=no,toolbar=no,maximize=no,resizable=yes,border=no,frameborder=no,menu=no,caption=no');
	} else {
		//alert('Closeup support not currently available');
		// No "resizeTo" functionality. - Emulate it.
		window.open(baseUrl + '/common/Popups/Closeup.aspx?ID=' + i, '', 'left=-100,top=-100,height=1,width=1');
	}	
}

function ShowVideoPopup(i, baseUrl)
{
	if(baseUrl== undefined)
        baseUrl ="";

	if(parseInt(navigator.appVersion) > 3)
	{
		//alert('Closeup support not currently available');
		window.open(baseUrl + '/common/Popups/Video.aspx?ID=' + i, 'closeup' + i, 'left=0,top=0,height=322,width=400,statusbar=no,toolbar=no,maximize=no,resizable=yes,border=no,frameborder=no,menu=no,caption=no');
	} else {
		//alert('Closeup support not currently available');
		// No "resizeTo" functionality. - Emulate it.
		window.open(baseUrl + '/common/Popups/Video.aspx?ID=' + i, '', 'left=-100,top=-100,height=1,width=1');
	}	
}

function launchColorBox(){
     $.colorbox({
                preloading: true,
                inline: true,
                href:  $('.colorbox-closeup')
            });
}