$(document).ready( function(){
	var materialPath = gMaterialPath || "../material";
	insertPosition = 0;

	movieList = $('#movie-information-list li');
	for( i = 0; i < movieList.length; i++ ){
		windowWidth = parseInt(movieList.eq(i).find('span.width').text() ) + 80;
		windowHeight = parseInt(movieList.eq(i).find('span.height').text() ) + 95; 
		$('#indi-btn ul li:eq('+(insertPosition+i)+')').after('<li><a href="#" id="movie-popup'+i+'" class="mv'+i+'" style="cursor: hand;"><span id="indi-btn-movie-on" class="css-sprite">inline</span></a></li>');
		$('#movie-popup'+i).click(	
			function(){
				mvID = $(this).attr('class');
				ID = parseInt( mvID.charAt(2) );
				windowWidth = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.width').text() ) + 80;
				
				if( $('#mv'+ID).find('.twitter-link').length > 0 ){
					addTwitterPadding = 35;
				}else{
					addTwitterPadding = 0;
				}
				
				windowHeight = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.height').text() ) + 95 + addTwitterPadding;
				tb_remove_nofade();
				tb_show( "", '#TB_inline?width='+windowWidth+'&height='+(windowHeight+51)+'&inlineId='+mvID, "movie" );
				eval('mv'+ID).write("mv"+ID+"-movie");
				return false;
			}
		);
		$('#movie-information-list').after(''+
			'<div id="mv'+i+'" style="display: none;">' +
				'<div id="size-movie">'+
				'<p class="title l"><strong>'+movieList.eq(i).find('a').text()+'</strong></p>' +		
						'<div class="btn-prev'+i+'" style=" float: left; display:block; height:56px; padding-top:'+((windowHeight-95)/2-30)+'px;"><img style="padding-right: 10px" src="'+ materialPath +'/mv-btn_prev_off.jpg" alt=" " /></div>'+
						'<div id="mv'+i+'-movie" class="movie" style="display: block; float: left; width:'+movieList.eq(i).find('span.width').text()+'px;"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>' +
						'<script type="text/javascript">' +
							'var mv'+i+' = new SWFObject("'+ materialPath +'/mv-player.swf","ply","'+movieList.eq(i).find('span.width').text()+'","'+(parseInt(movieList.eq(i).find('span.height').text())+51)+'","9","#F6F7F8");' +
							'mv'+i+'.addParam("base","'+ materialPath +'/");'+
							'mv'+i+'.addParam("allowfullscreen","true");'+
							'mv'+i+'.addParam("allowscriptaccess","always");'+
							'mv'+i+'.addParam("flashvars","flvWidth='+movieList.eq(i).find('span.width').text()+'&flvHeight='+movieList.eq(i).find('span.height').text()+'&file='+movieList.eq(i).find('a').attr('href')+'");'+
						'</script>'+
						'<div class="btn-next'+i+' btn-next" style=" float: right; display:inline; width:30px; height:56px; padding-top:'+((windowHeight-95)/2-30)+'px;"><img style="padding-left: 8px" src="'+ materialPath +'/mv-btn_next_off.jpg" alt=" " /></div>'+
				'</div>'+	
			'</div>');
			
		if( movieList.eq(i).find('.twitter-link').length > 0 ){
			movieList.eq(i).find('.twitter-link').insertAfter('#mv'+i+' .btn-next').wrap('<div class="twitter-link-wrapper"></div>');
			$('#mv'+i+' .twitter-link').html( '<img src="'+ materialPath +'/mv-twitter_off.jpg" />');
			$('#mv'+i+' .twitter-link-wrapper').css({
				clear: 'both',
				display: 'block',
				paddingTop: 8,
				textAlign: 'right',
				paddingRight: 31
			});
			$('#mv'+i+' .twitter-link').hover( 
				function(){
					$(this).find('img').attr('src',materialPath +'/mv-twitter_on.jpg' );
				},
			 	function(){
					$(this).find('img').attr('src',materialPath +'/mv-twitter_off.jpg' );
				}
			);
		}
		
		/**
		* prev and next button logic.
		* could need a little bit of cleanup for redundant parts.
		*/
		
		if( movieList.length > 1 ){
			//first movie
			if( i == 0 ){
				$('.btn-next'+i).html('<a href="#" class="mv'+(i+1)+'"><img style="padding-left: 8px" src="'+ materialPath +'/mv-btn_next.jpg" alt=" " /></a>' );
				$('.btn-next'+i).hover( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_next_ov.jpg' );
					},
				 	function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_next.jpg' );
					}
				);
				$('.btn-next'+i+' a').click( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_next.jpg' );
						mvID = $(this).attr('class');
						ID = parseInt( mvID.charAt(2) );
						windowWidth = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.width').text() ) + 80;
						
						if( $('#mv'+ID).find('.twitter-link').length > 0 ){
							addTwitterPadding = 35;
						}else{
							addTwitterPadding = 0;
						}

						windowHeight = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.height').text() ) + 95 + addTwitterPadding;
						
						tb_remove_nofade();
						tb_show( "", '#TB_inline?width='+windowWidth+'&height='+(windowHeight+51)+'&inlineId='+mvID, "movie" );
						eval('mv'+ID).write("mv"+ID+"-movie");
						return false;
					}
				);
			}
			//last movie
			else if( i == movieList.length-1 ){
				
				$('.btn-prev'+i).html('<a href="#" class="mv'+(i-1)+'"><img style="padding-right: 10px" src="'+ materialPath +'/mv-btn_prev.jpg" alt=" " /></a>');
				$('.btn-prev'+i).hover( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_prev_ov.jpg' );
					},
				 	function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_prev.jpg' );
					}
				);
				$('.btn-prev'+i+' a').click( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_prev.jpg' );
						mvID = $(this).attr('class');
						ID = parseInt( mvID.charAt(2) );
						windowWidth = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.width').text() ) + 80;
						
						if( $('#mv'+ID).find('.twitter-link').length > 0 ){
							addTwitterPadding = 35;
						}else{
							addTwitterPadding = 0;
						}

						windowHeight = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.height').text() ) + 95 + addTwitterPadding;
						
						tb_remove_nofade();
						tb_show( "", '#TB_inline?width='+windowWidth+'&height='+(windowHeight+51)+'&inlineId='+mvID , "movie" );
						eval('mv'+ID).write("mv"+ID+"-movie");
						return false;
					}
				);
			}
			//other movies 2,3,4 or even more
			else{
				$('.btn-prev'+i).html('<a href="#" class="mv'+(i-1)+'"><img style="padding-right: 10px" src="'+ materialPath +'/mv-btn_prev.jpg" alt=" " /></a>');
				$('.btn-prev'+i).hover( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_prev_ov.jpg' );
					},
				 	function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_prev.jpg' );
					}
				);
				$('.btn-prev'+i+' a').click( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_prev.jpg' );
						mvID = $(this).attr('class');
						ID = parseInt( mvID.charAt(2) );
						windowWidth = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.width').text() ) + 80;
						
						if( $('#mv'+ID).find('.twitter-link').length > 0 ){
							addTwitterPadding = 35;
						}else{
							addTwitterPadding = 0;
						}

						windowHeight = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.height').text() ) + 95 + addTwitterPadding;
						
						tb_remove_nofade();
						tb_show( "", '#TB_inline?width='+windowWidth+'&height='+(windowHeight+51)+'&inlineId='+mvID, "movie" );
						eval('mv'+ID).write("mv"+ID+"-movie");
						return false;
					}
				);
				$('.btn-next'+i).html('<a href="#" class="mv'+(i+1)+'"><img style="padding-left: 8px" src="'+ materialPath +'/mv-btn_next.jpg" alt=" " /></a>');
				$('.btn-next'+i).hover( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_next_ov.jpg' );
					},
				 	function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_next.jpg' );
					}
				);
				$('.btn-next'+i+' a').click( 
					function(){
						$(this).find('img').attr('src',materialPath +'/mv-btn_next.jpg' );
						mvID = $(this).attr('class');
						ID = parseInt( mvID.charAt(2) );
						windowWidth = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.width').text() ) + 80;
						
						if( $('#mv'+ID).find('.twitter-link').length > 0 ){
							addTwitterPadding = 35;
						}else{
							addTwitterPadding = 0;
						}

						windowHeight = parseInt( $('#movie-information-list li:eq('+ID+')').find('span.height').text() ) + 95 + addTwitterPadding;
						
						tb_remove_nofade();
						tb_show( "", '#TB_inline?width='+windowWidth+'&height='+(windowHeight+51)+'&inlineId='+mvID, "movie" );
						eval('mv'+ID).write("mv"+ID+"-movie");
						return false;
					}
				);
			}
		}

	}
	
	// initial popup
	var hash = location.hash;
	var hashIndex = hash.indexOf("#");
	var initMovie = (hashIndex>0 ? hash.substing(hashIndex) : hash).replace("#movie","","g");
	var movieNo = -1;
	
	if(!isNaN(initMovie))
	  movieNo = parseInt(initMovie);
	
	if(movieNo>=0) {
	  // rendering delay!
  	setTimeout(function(){
  	  $("#movie-popup"+movieNo).trigger("click");
  	},10);
	}
		
});