$(window).resize(scaleImages);

function scaleImages(){
	$('#mediaHolder img').bind('load', function (e) {
		if($(this).attr('class') != 'img_SHOWALL'){
		
			if ( this.complete || this.readyState === 4 ) {
				fullSizeImage($(this))
			}else{	$(this).load(function(){
				fullSizeImage($(this))
			})}
			
		}
	})
	$('.img_Back').each(function(){fullSizeImage($(this))})
	
	//$('#mediaHolder').css(vP+"transition", "all 2500ms ease-in-out");
}

function SlideMediaRight(){
	var currentBlok		=	Number(		$('#mediaHolder').attr("chosenBlok")	)
	var chosenBlok		=	currentBlok+1;
	
	var newLeft			=	-chosenBlok*100
	var maxLeft			=	$('#mediaHolder .imgMask').length*100;
	
	$('#mediaHolder').stop(false,false)
	if(newLeft > -maxLeft){
		$('#mediaHolder').attr("chosenBlok",chosenBlok)
		
		if($.browser.webkit){
			$('#mediaHolder').css({left:newLeft+'%'})
		}else{
			$('#mediaHolder').animate({left:newLeft+'%'},2500)
		}
	}else{
		chosenBlok	=	0
		$('#mediaHolder').attr("chosenBlok",0)
		
		if($.browser.webkit){
			$('#mediaHolder').css({left:'0%'})
		}else{
			$('#mediaHolder').animate({left:'0%'},2500)
		}
		
		//$('#mediaHolder').animate({left:newLeft-10},100).animate({left:newLeft},100);
	}
	
	var playerID	=	'#vidPlayert'
	if($(playerID+chosenBlok).height() < $("#vidPlayer"+chosenBlok).height()){
		playerID	=	'#vidPlayer'
	}
	try{
		$(playerID+chosenBlok).get(0).startVideo();
		$(playerID+currentBlok).get(0).stopVideo();
	}catch(e){}
	
	//saveIndex()
}
function SlideMediaLeft(clickedBlok){
	var currentBlok		=	Number(		$('#mediaHolder').attr("chosenBlok")	)
	var chosenBlok		=	currentBlok-1;
	
	var newLeft			=	-chosenBlok*100
	var lastBlok		=	$('#mediaHolder .imgMask').length-1
	
	$('#mediaHolder').stop(false,false)
	if(newLeft <= 0){
		$('#mediaHolder').attr("chosenBlok",chosenBlok)
		
		if($.browser.webkit){
			$('#mediaHolder').css({left:newLeft+'%'})
		}else{
			$('#mediaHolder').animate({left:newLeft+'%'},2500)
		}
		
	}else{
		chosenBlok	=	lastBlok;
		$('#mediaHolder').attr("chosenBlok",lastBlok)
		if($.browser.webkit){
			$('#mediaHolder').css({left:-lastBlok*100+'%'})
		}else{
			$('#mediaHolder').animate({left:-lastBlok*100+'%'},2500)
		}
		
		
		//$('#mediaHolder').animate({left:newLeft+10},100).animate({left:newLeft},100);
	}
	
	var playerID	=	'#vidPlayert'
	if($(playerID+chosenBlok).height() < $("#vidPlayer"+chosenBlok).height()){
		playerID	=	'#vidPlayer'
	}
	try{
		$(playerID+chosenBlok).get(0).startVideo();
		$(playerID+currentBlok).get(0).stopVideo();
	}catch(e){}
	//saveIndex()
}

function fullSizeImage($image){
	var windowWidth	=	$(window).width();
	var windowHeight=	$(window).height();
	
	if(windowWidth < $('html').width())		windowWidth		=	$('html').width();
	if(windowHeight < $('html').height())	windowHeight	=	$('html').height();
	
	var newHeight	=	windowWidth/$image.width() *$image.height();
 	var newWidth	=	windowWidth;

 	if( newHeight < windowHeight ){
 		newWidth	= 	windowHeight/$image.height() *$image.width();
 		newHeight	= 	windowHeight;
 	}
 	
 	var newLeft 		= 0;
 	var newLeftMargin	= 0;
 	var newTop			= 0;
 	var newTopMargin	= 0;
 	
	switch(	$image.attr('class')	){
		case 'img_RIGHT':
		case 'img_TR':
		case 'img_BR':
			newLeftMargin		=	-(	newWidth-windowWidth	)
			break;
								
		case 'img_CENTER':
		case 'img_TOP':
		case 'img_BOTTOM':
		case 'img_Back':
			newLeft			=	'50%';
			newLeftMargin	=	-newWidth/2;
			break;
	}
	
	switch(	$image.attr('class')	){
		case 'img_LEFT':
		case 'img_CENTER':
		case 'img_RIGHT':
		case 'img_Back':
			newTop			=	'50%';
			newTopMargin	=	-newHeight/2;
			break;
							
		case 'img_BOTTOM':
		case 'img_BL':
		case 'img_BR':
			newTopMargin	=	-(	newHeight-windowHeight);
			break;
	}
	
	$image.height(newHeight).width(newWidth).css({
		left:			newLeft,
		'marginLeft':	newLeftMargin,
		top:			newTop,
		'marginTop':	newTopMargin
	})
}