// written by Matthias on 21/10/2008
// edited by Matthias on 13/02/09
var newMediaNumber = 0;
var newMediaItem = [];
var newMediaSource = '';
var newMediaContent = '';
var newMediaCaption = '';
//developer customisation controls
	//video player 
		videoWMode = '';
		videoBGColor = '';
	//swf player
		swfWMode = '';
		swfBGColor = '';
	//background of the holder	
	newMediaBG = '';
$(document).ready(function() {
	$('body').append('<div id="newMediaFader"></div><!-- newMedia fader --><div id="newMediaContainer"><div id="newMediaHolder"><div id="newMediaButtons"><div id="newMediaClose">Close X</div><!-- newMedia close --><div id="newMediaNext">Next <span class="newMediaDir">&raquo;</span></div><!-- newMedia next --><div id="newMediaBack"><span class="newMediaDir">&laquo;</span> Back</div><!-- newMedia back --></div><!-- newMedia buttons --><div id="newMediaFile2"><h2 class="headings">What is a Card Security Code?</h2><p>A Card Security Code is a 3 or 4 digit number printed on the back or front of a credit card. </p><p>This number is known by different names. For example, on Visa it is called CVV2 (Card Verification Code), while on MasterCard it is called CVC2 (Card Validation Code). American Express calls it CID (Card Identification Code). </p><p>On most cards, this number is printed on the back of the card, usually after the card number. For American Express, the 4 digit number is printed on the front of the card. </p><p>The Card Security Code is an authentication method to prevent fraud for transactions. If a credit card number is provided with an unmatched Security Code, the transaction will not be approved.</p><p>It is recommended by lifespace.com.au, that this number is used for your transaction security. </p></div><!-- newMedia file --></div><!-- newMedia holder --></div><!-- newMedia container -->');
	if($.browser.msie && $.browser.version == 6) {
		$('#newMediaFader, #newMediaContainer').css({
			position: 'absolute'
		});
		$('body').css('overflow-y','auto');
		$('html').css('overflow-y','hidden');
		$('#nav li').each(function(){ $(this).css('position','static'); });
	}
	$('#newMediaFader').hide();
	$('#newMediaContainer').hide();
	$('#newMediaDownload').hide();
	
	function shownewMedia() {
		if($.browser.msie && $.browser.version == 6) {
			$('select').each(function(){
				$(this).hide();
			});
		}
		
		//emptying out content which may be in the gallery already
		$('#newMediaContent').empty();
		$('#newMediaBack').empty();
		$('#newMediaNext').empty();

		$('#newMediaFader').fadeIn(500);
		$('#newMediaContainer').fadeIn(500);


		//hide the next and back buttons, depending on what file number you are on
		if(newMediaNumber <= 0) {
			$('#newMediaBack').css('cursor','default'); 
			$('#newMediaBack').empty();
		} else {
			$('#newMediaBack').css('cursor','pointer'); 
			$('#newMediaBack').append('<span class="newMediaDir">&laquo;</span> Back');
		}
		if(newMediaNumber >= newMediaItem.length-1) {
			$('#newMediaNext').css('cursor','default');
			$('#newMediaNext').empty(); 
		} else {
			$('#newMediaNext').css('cursor','pointer'); 
			$('#newMediaNext').append('Next <span class="newMediaDir">&raquo;</span>');
		}
		
		//getting window dimensions for image re-sizing.  Im removing 200px so there is a nice gap around the container box when image is resized.
		windowWidth = ($(window).width())-200;
		windowHeight = ($(window).height())-200;
		
		resizeWindow();	
		
	}
	
	function resizeWindow() {
		fileWidth = 512;
		fileHeight = 300;
						
		//animate the box
		$('#newMediaHolder').animate({
			width:fileWidth+'px',
			height:fileHeight+'px',
			marginTop:-(fileHeight/2)+'px',
			marginLeft: -(fileWidth/2)+'px'
			},{
				duration: 'slow'
			});
	}
	
	//setting the actions when clicking on a gallery item
	$('#ccCard').click(function(){
			shownewMedia()
			return false;
	});
	
	//hide the large view when you click outside or on the close box
	$('#newMediaContainer, #newMediaClose').click(function(){ 
		$('#newMediaFader').fadeOut(500); 
		$('#newMediaContainer').fadeOut(500);
		if($.browser.msie && $.browser.version == 6) {
			$('select').each(function(){
				$(this).show();
			});
		}

		return false;
	});

	//overriding the above statement
	$('#newMediaHolder').click(function(){
		return false;																		
	});

	$('#newMediaNext').click(function(){
		if(newMediaNumber < newMediaItem.length-1) {
			shownewMedia(newMediaItem[newMediaNumber+1],newMediaNumber+1);															 
		}
		return false;
	});
	
	//the back button
	$('#newMediaBack').click(function(){
		if(newMediaNumber > 0) {
			shownewMedia(newMediaItem[newMediaNumber-1],newMediaNumber-1);															 
		}
		return false;
	});
	
	
});
	function closePopup() {
		$('#newMediaFader').fadeOut(500); 
		$('#newMediaContainer').fadeOut(500);
		if($.browser.msie && $.browser.version == 6) {
			$('select').each(function(){
				$(this).show();
			});
		}
		return false;
	}