// written by Matthias on 21/10/2008
// edited by Matthias on 13/02/09
var combineMediaNumber = 0;
var combineMediaItem = [];
var combineMediaSource = '';
var combineMediaContent = '';
var combineMediaCaption = '';
//developer customisation controls
	//video player 
		videoWMode = '';
		videoBGColor = '';
	//swf player
		swfWMode = '';
		swfBGColor = '';
	//background of the holder	
	combineMediaBG = '';
$(document).ready(function() {
	$('body').append('<div id="combineMediaFader"></div><!-- combineMedia fader --><div id="combineMediaContainer"><div id="combineMediaHolder"><div id="combineMediaButtons"><div id="combineMediaClose">Close X</div><!-- combineMedia close --></div><!-- combineMedia buttons --><div id="combineMediaFile"></div><!-- combineMedia file --></div><!-- combineMedia holder --></div><!-- combineMedia container -->');
	if($.browser.msie && $.browser.version == 6) {
		$('#combineMediaFader, #combineMediaContainer').css({
			position: 'absolute'
		});
		$('body').css('overflow-y','auto');
		$('html').css('overflow-y','hidden');
		$('#nav li').each(function(){ $(this).css('position','static'); });
	}
	$('#combineMediaFader').hide();
	$('#combineMediaContainer').hide();
	$('#combineMediaDownload').hide();
	
	function showcombineMedia() {
		if($.browser.msie && $.browser.version == 6) {
			$('select').each(function(){
				$(this).hide();
			});
		}
		
		//emptying out content which may be in the gallery already
		$('#combineMediaFile').empty().append($('#productCombineText').html());

		$('#combineMediaFader').fadeIn(500);
		$('#combineMediaContainer').fadeIn(500);


	
		//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 = 350;
						
		//animate the box
		$('#combineMediaHolder').animate({
			width:fileWidth+'px',
			height:fileHeight+'px',
			marginTop:-(fileHeight/2)+'px',
			marginLeft: -(fileWidth/2)+'px'
			},{
				duration: 'slow'
			});
	}
	
	//hide the large view when you click outside or on the close box
	$('#combineMediaContainer, #combineMediaClose').click(function(){ 
		$('#combineMediaFader').fadeOut(500); 
		$('#combineMediaContainer').fadeOut(500);
		if($.browser.msie && $.browser.version == 6) {
			$('select').each(function(){
				$(this).show();
			});
		}

		return false;
	});

	//overriding the above statement
	$('#combineMediaHolder').click(function(){
		return false;																		
	});

	$('#productSave a').click(function(){
		showcombineMedia();
		return false;	
	});	
	
});
	function closePopup() {
		$('#combineMediaFader').fadeOut(500); 
		$('#combineMediaContainer').fadeOut(500);
		if($.browser.msie && $.browser.version == 6) {
			$('select').each(function(){
				$(this).show();
			});
		}
		return false;
	}

