function getContent(id){
		
		jQuery.ajax({
			type: 'POST',
			url: '?Engine=showContent',
			data: {i: id},
			beforeSend: function() {  },
			error:function(XMLHttpRequest){  },
			success:function(result){
									
				$("#c23").html(result).show();
				$('#download').css("visibility","hidden");
				re_size2();
				$(".grid_right img").load(function() {

					//setTimeout(function(){ re_size(); }, 1500);
				});
			}  
		});
		
		return false;
	}

$(window).resize(function() {
			$(".grid_right").removeAttr("style");
			$(".container").removeAttr("style");
			var rate = $('[name=width]').val() / $('[name=height]').val();
			var divwidth = ($(".container").width() - 260);
			$(".grid_right img").width($('[name=width]').val());
			$(".grid_right img").height($('[name=height]').val());

			if($(".grid_right img").width() > divwidth){
				$(".grid_right img").width(divwidth - 4);
				$(".grid_right img").height( $(".grid_right img").width() / rate );					
			}
			if($(".grid_right img").width() > $('[name=width]').val()){
				$(".grid_right img").width($('[name=width]').val());
				$(".grid_right img").height($('[name=height]').val());
			}
			var divheight = ( ($(window).height()) - 70);
			if($(".grid_right img").height() > divheight){
				var rateheight = $('[name=height]').val() / $('[name=width]').val();
				$(".grid_right img").height( divheight - 10 );
				$(".grid_right img").width( $(".grid_right img").height() / rateheight );
			}
			
			
			
			var rate = 400/300;
			var divwidth = ($(".container").width() - 260);
			$("#mediaplayer_wrapper").width(400);
			$("#mediaplayer_wrapper").height(300);

			if($("#mediaplayer_wrapper").width() > divwidth){
				$("#mediaplayer_wrapper").width(divwidth - 4);
				$("#mediaplayer_wrapper").height( $("#mediaplayer_wrapper").width() / rate );					
			}
			if($("#mediaplayer_wrapper").width() > 800){
				if(divwidth < 800){
					$("#mediaplayer_wrapper").width(divwidth - 4);
				}else{
					$("#mediaplayer_wrapper").width(800);
				}
				$("#mediaplayer_wrapper").height( $("#mediaplayer_wrapper").width() / (4/3) ) ;
			}
			var divheight = ( ($(window).height()) - 70);
			if($("#mediaplayer_wrapper").height() > divheight){
				var rateheight = (300 / 400);
				$("#mediaplayer_wrapper").height( divheight - 10 );
				$("#mediaplayer_wrapper").width( $("#mediaplayer_wrapper").height() / rateheight );
			}
			
			
			if($("#mediaplayer_wrapper").length == 0){
				$(".showcase").width($(".grid_right img").width());
			}else{
				$(".showcase").width($("#mediaplayer_wrapper").width());
			}			
			
			$(".grid_right").width(divwidth);
			$(".viewport").height(( $(window).height() - 160));
			$('#scroll').tinyscrollbar();
		});
		

		
		
		function re_size(){
			$(".grid_right").removeAttr("style");
			$(".container").removeAttr("style");
			var rate = $('[name=width]').val() / $('[name=height]').val();
			var divwidth = ($(".container").width() - 260);
			$(".grid_right img").width($('[name=width]').val());
			$(".grid_right img").height($('[name=height]').val());

			if($(".grid_right img").width() > divwidth){
				$(".grid_right img").width(divwidth - 4);
				$(".grid_right img").height( $(".grid_right img").width() / rate );					
			}
			if($(".grid_right img").width() > $('[name=width]').val()){
				$(".grid_right img").width($('[name=width]').val());
				$(".grid_right img").height($('[name=height]').val());
			}
			var divheight = ( ($(window).height()) - 35);
			if($(".grid_right img").height() > divheight){
				var rateheight = $('[name=height]').val() / $('[name=width]').val();
				$(".grid_right img").height( divheight - 10 );
				$(".grid_right img").width( $(".grid_right img").height() / rateheight );
			}
			
			if($("#mediaplayer_wrapper").length == 0){
				$(".showcase").width($(".grid_right img").width());
			}else{
				$(".showcase").width($("#mediaplayer_wrapper").width());
			}

			$(".grid_right").width(divwidth);
			$(".viewport").height(( $(window).height() - 160));
			$('#scroll').tinyscrollbar();
		}
		
		
		function re_size2(){
			$(".grid_right").removeAttr("style");
			$(".container").removeAttr("style");
			var rate = $('[name=width]').val() / $('[name=height]').val();
			var divwidth = ($(".container").width() - 260);
			$(".grid_right img").width($('[name=width]').val());
			$(".grid_right img").height($('[name=height]').val());

			if($(".grid_right img").width() > divwidth){
				$(".grid_right img").width(divwidth - 4);
				$(".grid_right img").height( $(".grid_right img").width() / rate );					
			}
			if($(".grid_right img").width() > $('[name=width]').val()){
				$(".grid_right img").width($('[name=width]').val());
				$(".grid_right img").height($('[name=height]').val());
			}
			var divheight = ( ($(window).height()) - 35);
			if($(".grid_right img").height() > divheight){
				var rateheight = $('[name=height]').val() / $('[name=width]').val();
				$(".grid_right img").height( divheight - 10 );
				$(".grid_right img").width( $(".grid_right img").height() / rateheight );
			}
			
			if($("#mediaplayer_wrapper").length == 0){
				$(".showcase").width($(".grid_right img").width());
			}else{
				$(".showcase").width($("#mediaplayer_wrapper").width());
			}

			$(".grid_right").width(divwidth);
			$(".viewport").height(( $(window).height() - 160));

		}
		
		$(document).ready(function() {
		
		
			$('.overview li a').click(function(){
				if($(this).attr("class")!="s")
				{
				
				$('.overview li a').css('font-weight','normal');
				$(this).css('font-weight','bold');
				getContent($(this).attr("data-id"));
				return false;
				}
			});
			$(".grid_right img").load(function() {
				var divwidth = ( ($(".container").width()) - 260);
				if($(this).width() > divwidth){
					var rate = $('[name=width]').val() / $('[name=height]').val();
					$(".grid_right img").width(divwidth - 4);
					$(".grid_right img").height( $(this).width() / rate );					
				}
				var divheight = ( ($(".container").height()) - 10);
				
				if($(this).height() > $(window).height()){
					var rateheight = $('[name=height]').val() / $('[name=width]').val();
					$(".grid_right img").height( $(window).height() - 15 );
					$(".grid_right img").width( $(this).height() / rateheight );
				}
				$(".showcase").width($(".grid_right img").width());
				$(".grid_right").width(divwidth);
				$(".container").height($(document).height() );
				$(".viewport").height(( $(window).height() - 160));
				$('#scroll').tinyscrollbar();
			});
		
		re_size();
		//setTimeout(function(){  }, 1500);
		});