var nb_move = 1;
var IMG_FOLDER = '/photos-medias/media-full-size';
var speed = 150;
var timeout = null;
var delay = speed;
var enable = true;
var BACKWARD = "-";
var FOREWARD = "+";
var navigate = 0;
var nb_img = 0;//default
var film = '';
var nb_show = 4;
var film_width = 133;
var last_show = 0;
var default_li;
var selecting;
function showPrevItem(){
		//Disable next/prev buttons until transition is complete
		if(enable==true){
			$('#btn_back').unbind('click');
			$('#btn_forward').unbind('click');
			move_it(FOREWARD);
		}
		if (timeout) clearTimeout(timeout);
			timeout = setTimeout(function(){
			//Enable navigation now that animation is complete
			$('#btn_forward').bind('click',showNextItem);
			$('#btn_back').bind('click',showPrevItem);
			enable = true;
		}, delay);
}
function showNextItem(){
		//Disable next/prev buttons until transition is complete
		if(enable==true){
			$('#btn_back').unbind('click');
			$('#btn_forward').unbind('click');
			move_it(BACKWARD);
		}		
		if (timeout) clearTimeout(timeout);
			timeout = setTimeout(function(){
			//Enable navigation now that animation is complete
			$('#btn_back').bind('click',showPrevItem);
			$('#btn_forward').bind('click',showNextItem);
			enable = true;
		}, delay-20);
}
function move_it(operator){
		navigate = eval((navigate+''+operator+nb_move).toString());
		$('#film_wrapper').animate({left:''+operator+'='+(nb_move*film_width)},speed,null,reset(operator));
		enable = false;
		
}
// reset position
function reset(operator){
	//$('#mh_jouer').text(nb_img-navigate);
	last_show_reset = 0;
	last_show = $('.media_selected').attr('class').match('[0-9]+');
	if(nb_img>=nb_show && (navigate==-nb_img || navigate==+nb_img )){
		$('#film_wrapper').css('left','-'+((navigate<0?(nb_img-1):(nb_img+1))*film_width)+'px');		
		
		next = eval(parseInt(last_show));
		if(last_show>nb_img && operator=="-"){
			remain = next-(nb_img*2);
			last_show = nb_img+remain;
		}else{
			remain = next-(nb_img);
			last_show = (nb_img*2)+remain;
		}
		navigate = 0;
		
		
	}
	//$('#mh_jouer').text('(last_show)='+last_show+'navigate'+navigate+'(now)='+(parseInt(last_show)+1)+'(nb_img-navigate)'+(nb_img-navigate));
	//alert(last_show);
	if(operator=="-" ){
		this_li = $('.filmstrip li:eq('+(parseInt(last_show)+1)+')');
	}	
	else if(operator=="+"){
		//this_li = $('.filmstrip li:eq('+(nb_img-navigate)+')');
		this_li = $('.filmstrip li:eq('+(parseInt(last_show)-1)+')');
	}
	
	//reset
	resetStyle();
	//make selection
	makeSelection(this_li);
	// show full image
	showMedieSelected(this_li);
}
// reset media selection style
function resetStyle(){
	var obj = arguments[0];
	if(obj){		
  		pngfix_(obj);
	}
	$('.photo_wrapper').removeClass("media_selected");
}
// make media selection style
function makeSelection(obj){
	if(!obj)return;
	$('> .photo_wrapper', obj).addClass("media_selected");
	selecting = obj;
}
// show media selected
function showMedieSelected(obj){
	if(!obj)return;	
	img = $('> .photo_wrapper > img',obj);
	img_src = $(img).attr('src');
	img_src = IMG_FOLDER+img_src.substring(img_src.lastIndexOf('/'));
	$('.title .title_1').text($(img).attr('title'));
	$('.title h1').removeClass('sIFR-replaced');
	$('.content').html('<div class="content"><img src="'+img_src+'"/></div>');
	// for descript image
	$('.bg_desc').empty();
	$('.bg_desc').append($('>.photo_wrapper >.img_desc',obj).html());
	
	//$('.xtitle h1').removeClass('sIFR-replaced');
	//$('.xtitle h1').text($(img).attr('alt')?$(img).attr('alt'):'NONE');
	

	sIFR.replace(VAGRundschriftD, {
	  selector: '#content-body-center h1',
	  css: '.sIFR-root { color: #42302b; font-size:22px; text-align: center; text-transform: uppercase;}',
	  wmode: 'transparent'
	});
	
	sIFR.replace(VAGRundschriftD, {
	  selector: 'h2',
	  css: '.sIFR-root { color: #99715c; font-size:13px; text-align: left; text-transform: uppercase;  background-color: #FFFFFF;}',
		  wmode: 'window',
		  selectable: false
	});
	v_align($('.title_1'));
	$('.filmstrip').show();	
}
$(document).ready(function(){
	nb_img = $('.filmstrip li').size();
	//var nb_needed = calcNbImgNeeded(nb_show,nb_img,nb_move);
	film =  $('.filmstrip').html();
	if(nb_img>=nb_show ){
		$('#film_wrapper').css('left','-'+(nb_img*film_width)+'px');
		$('.filmstrip').append(film);
		$('.filmstrip').append(film);
		default_li = $('.filmstrip li:eq('+nb_img+')');
		jQuery.each($('.filmstrip li .photo_wrapper'), function(i, val) {
	      $(this).addClass("div_"+i);	      
	    });
			
	}
	else if(nb_img<=nb_show && nb_img>0){
		//make selection
		default_li = $('.filmstrip li:eq('+0+')');
	}
	
		makeSelection(default_li);
		// show full image
		showMedieSelected(default_li);
	
	$('.filmstrip').css('width',parseInt($('.filmstrip li').size())*film_width);
	//movement	
	$('#btn_back').click(function(){
		if(nb_img<nb_show)return false;
		showPrevItem();
	}).mouseover(function(){
		$(this).css('filter','none');
	    $(this).css('background',"url('/_design/home/media_btn_back_over.png') no-repeat scroll 0 0");
  		pngfix_(this);
	}).mouseout(function(){
	    $(this).css('background',"url('/_design/home/media_btn_back.png') no-repeat scroll 0 0");
  		pngfix_(this);
	});
	$('#btn_forward').click(function(){
		if(nb_img<nb_show)return false;
		showNextItem();
	}).mouseover(function(){
	    $(this).css('background',"url('/_design/home/media_btn_forward_over.png') no-repeat scroll 0 0");
  		pngfix_(this);
	}).mouseout(function(){
	    $(this).css('background',"url('/_design/home/media_btn_forward.png') no-repeat scroll 0 0");
  		pngfix_(this);
	});
	//selection
	$('.filmstrip li').click(function(){
		//reset
		resetStyle();
		//make selection
		makeSelection(this);		
		// show full image
		showMedieSelected(this);
	});
	
	jQuery.each($('.photo_wrapper > img'), function(i, val) {
      img_width = $(this).attr('width');
      img_height = $(this).attr('height');
      midle_frame_width = img_width - 10;
      midle_frame_height = img_height - 10;
      $('>.rounded',this.parentNode).css('width',midle_frame_width+32+'px');
      $('>.rounded > .tm',this.parentNode).css('width',midle_frame_width+'px');
      $('>.rounded > .bm',this.parentNode).css('width',midle_frame_width+'px');
      
      $('>.rounded > .ml',this.parentNode).css('height',midle_frame_height+'px');
      $('>.rounded > .mr',this.parentNode).css('height',midle_frame_height+'px');
      
      $('>.rounded >.mm',this.parentNode).css({'width':midle_frame_width+'px','height':midle_frame_height+'px'});
      //centering .rounded   
      rounded_left = ($(this.parentNode).width()/2)-($('>.rounded',this.parentNode).width()/2);
      $('>.rounded',this.parentNode).css({'left':rounded_left});      
      img_left = ($(this.parentNode).width()/2)-(img_width/2);
      $(this).css({'left':img_left});
      //middle .rounded & img
      //alert(($(this.parentNode).height()/2)+'-'+($('>.rounded',this.parentNode).height()/2));
      rounded_top = ($(this.parentNode).height()/2)-($('>.rounded',this.parentNode).height()/2);
      $('>.rounded',this.parentNode).css({'top':rounded_top});
      img_top = ($(this.parentNode).height()/2)-(img_height/2);
      $(this).css({'top':img_top});
      
     
    });
    //over and click
    $('.photo_wrapper').mouseover(function(){
		if($(this).attr('class').match('selected')) return;
	        /*
	         * $('>.rounded > .tl',this).css('background',"url('/_design/media/tl_over.png') no-repeat scroll 0 0");
	        $('>.rounded > .tm',this).css('background',"url('/_design/media/tm_over.png') repeat-x scroll 0 0");
	        $('>.rounded > .tr',this).css('background',"url('/_design/media/tr_over.png') no-repeat scroll 0 0");
	        
	        $('>.rounded > .ml',this).css('background',"url('/_design/media/ml_over.png') repeat-y scroll 0 0");
	        $('>.rounded > .mr',this).css('background',"url('/_design/media/mr_over.png') repeat-y scroll 0 0");
	        
	        $('>.rounded > .bl',this).css('background',"url('/_design/media/bl_over.png') no-repeat scroll 0 0");
	        $('>.rounded > .bm',this).css('background',"url('/_design/media/bm_over.png') repeat-x scroll 0 0");
	        $('>.rounded > .br',this).css('background',"url('/_design/media/br_over.png') no-repeat scroll 0 0");			
	  		
	         pngfix_($('.rounded > *',this));
	         * */
			$(this).addClass("media_over");
	}).mouseout(function(){
		$(this).removeClass("media_over");
		if($(this).attr('class').match('selected')) return;

	    /*
	     * $('.rounded > .tl',this).css('background',"url('/_design/media/tl.png') no-repeat scroll 0 0");
	    $('.rounded > .tm',this).css('background',"url('/_design/media/tm.png') repeat-x scroll 0 0");
	    $('.rounded > .tr',this).css('background',"url('/_design/media/tr.png') no-repeat scroll 0 0");
	    
	    $('.rounded > .ml',this).css('background',"url('/_design/media/ml.png') repeat-y scroll 0 0");
	    $('.rounded > .mr',this).css('background',"url('/_design/media/mr.png') repeat-y scroll 0 0");
	    
	    $('.rounded > .bl',this).css('background',"url('/_design/media/bl.png') no-repeat scroll 0 0");
	    $('.rounded > .bm',this).css('background',"url('/_design/media/bm.png') repeat-x scroll 0 0");
	    $('.rounded > .br',this).css('background',"url('/_design/media/br.png') no-repeat scroll 0 0");
			$('.rounded > *',this).css('filter','none');
	  		
		pngfix_($('.rounded > *',this));
	     * */
	        
      }).click(function(){
	        /*
	         * 
  			resetStyle();
  			$('>.rounded > .tl',this).css('background',"url('/_design/media/tl_selected.png') no-repeat scroll 0 0");
	        $('>.rounded > .tm',this).css('background',"url('/_design/media/tm_selected.png') repeat-x scroll 0 0");
	        $('>.rounded > .tr',this).css('background',"url('/_design/media/tr_selected.png') no-repeat scroll 0 0");
	        
	        $('>.rounded > .ml',this).css('background',"url('/_design/media/ml_selected.png') repeat-y scroll 0 0");
	        $('>.rounded > .mr',this).css('background',"url('/_design/media/mr_selected.png') repeat-y scroll 0 0");
	        
	        $('>.rounded > .bl',this).css('background',"url('/_design/media/bl_selected.png') no-repeat scroll 0 0");
	        $('>.rounded > .bm',this).css('background',"url('/_design/media/bm_selected.png') repeat-x scroll 0 0");
	        $('>.rounded > .br',this).css('background',"url('/_design/media/br_selected.png') no-repeat scroll 0 0");	
			$('.rounded > *',this).css('filter','none');
			
  			pngfix_($('.rounded > *',this));
	         * */
  			resetStyle($('.rounded > *',this));
	  });
	   
	if($.browser.msie && $.browser.version<7){
		$('#title_main').css('margin','0 0 140px 0;');
	}
	
	
});