/*!
 * XCENT JavaScript Library
 * Dependent on jQuery (http://jquery.com) - Many thanks and kudos to jQuery!
 *
 * Copyright 2010 XCENT (http://www.xcent.com)
 * 
 * Version: 20100624-001
 *
 */

var xcMagnifySerial = 0;


/* Handler for magnifing IMG elements with the corresponding class */
function xcMagnifyHandler(e) {
    //alert('xcMagnifyHandler called');
    
    //Initialize and setup magnifier background and elements
    xcMagnifySerial++;
    jQuery("div#xcMagBack").remove();
    jQuery("body").append("<div id='xcMagBack' style='display:none; color:white;'></div>");
    jQuery("div#xcMagBack").css('display', 'block');
    jQuery("div#xcMagBack").css('display', 'none');
    //jQuery("div#xcMagBack").show('normal', xcMagnifyBackComplete(e) );
    jQuery("div#xcMagBack").animate({'opacity' : '0.8'}, 500).css({'position':'absolute', 'background-color':'black', 'top':'0', 'left':'0', 'z-index':'3', 'display' : 'block', 'width' : jQuery(document).width(), 'height' : jQuery(document).height() });
    
    //jQuery("div#xcMagBack").append("<div id='xcMagContainer'><div id='xcMagImgFrame'><img id='xcMagImg' src='xcCommonFiles/WaitWhileProcessing.gif'></div><div id='xcMagCaption'></div></div>");
    jQuery("body").append("<div id='xcMagContainer'><div id='xcMagImgFrame'><img id='xcMagImg' src='xcCommonFiles/WaitWhileProcessing.gif'></div><div id='xcMagCaption'></div></div>");
    //jQuery("div#xcMagContainer").css('display', 'block');
    //jQuery("div#xcMagContainer").css('display', 'block');
    jQuery("div#xcMagContainer").css({'position':'absolute', 'background-color':'black', 'top':'0', 'left':'0', 'z-index':'3', 'display' : 'block', 'width' : '500', 'height' : '500' });
    
    
    
    //Attempt to load large image
    var imgLarge = new Image();
    jQuery(imgLarge).load( function() { xcMagnifyLoadHandler(this) }).error( function() { alert('Error loading image.'); } ).attr('src', jQuery(this).attr('largeView') );
    
    
    
    jQuery("div#xcMagCaption").text(jQuery(this).attr('alt')); //Get caption text from source thumb img alt attribute
    
    
    jQuery("div#xcMagContainer").bind('click', xcMagnifyCloseHandler );
    jQuery("div#xcMagBack").bind('click', xcMagnifyCloseHandler );
    
    
    //alert('xcMagnifyHandler complete');
}

function xcMagnifyLoadHandler(objItem) {
    //alert('xcMagnifyLoadHandler called');
    
    jQuery('div#xcMagImgFrame').empty();
    jQuery('div#xcMagImgFrame').css({'z-index':'4'});
    jQuery('div#xcMagImgFrame').append(objItem);
    //jQuery(objItem).fadeIn();
    jQuery('div#xcMagImgFrame').animate({'opacity' : '1'}, 100);
}

function xcMagnifyCloseHandler(e) {
    jQuery("div#xcMagContainer").animate({'opacity' : '0'}, 500, 'swing', function(){} );
    jQuery("div#xcMagBack").animate({'opacity' : '0'}, 500, 'swing', xcMagnifyCloseOut );
    
}

function xcMagnifyCloseOut() {
    jQuery("div#xcMagContainer").remove();
    jQuery("div#xcMagBack").remove();
}


jQuery(function() {
    /* Init once document is loaded. */
    //alert('xcent.jquery.js included!');
    
    //jQuery('img.xcMagnify').bind('click', xcMagnifyHandler );
    //jQuery("a[rel='xcMagnify']").colorbox();
    jQuery("a.xcMagnify").colorbox();
    
    //alert('xcent.jquery.js init completed.');
});


 
