/* 
 * Author: Aschieri Claudio
 * Date: 29-03-2010
 * Site: TaxFreeFilm.it
 * */

var WIDTH_CONTENT = '983'; // default = 983px

function gEBI(element) {
    return document.getElementById(element);
  }

/**
 * Carica lo sfondo delle pagine in modo che la lunghezza delle frecce sia corretta fino a fine schermo
 */
function LoadSfondo() {
  function addLoadEvent(func){
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
      window.onload = func;
    }
    else {
      window.onload = function(){
        oldonload();
        func();
      }
    }
  }
  addLoadEvent(AdjustWidthDivTop);
  addLoadEvent(AdjustHeightDiv);
  
  function addResizeEvent(func){
    var oldonresize = window.onresize;
    if (typeof window.onresize != 'function') {
      window.onresize = func;
    }
    else {
      window.onresize = function(){
        oldonresize();
        func();
      }
    }
  }
  addResizeEvent(AdjustWidthDivTop);
}

/**
 * Carica lo sfondo delle pagine in modo che la lunghezza delle frecce sia corretta fino a fine schermo
 */
function AdjustHeightDiv() {
  
   divh_content = document.getElementById('center_bottom').offsetHeight; // dimensione del contenuto vero e proprio

   divh_top = document.getElementById('left_bottom').offsetHeight; // dimensione della parte superiore (450 px)

   divh_sfondo = (divh_content*1) - (divh_top)*1 + (20*1); // dimensione della parte bassa --> sfondo = content - parte alta + quello che voglio in fondo

   // controllo che la dimensione di content sia > della dimensione della pagina
   var height_pagina = document.compatMode == 'CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
   
   // serve per fare in modo che le righe arrivino fino in fondo alla pagina, nel caso in cui il contenuto sia corto
   if(divh_content < height_pagina) 
     divh_sfondo = (height_pagina*1) -(divh_top)*1;

   document.getElementById('left_top').style.height = (divh_sfondo*1) + "px";
	 document.getElementById('left_top_sx').style.height = (divh_sfondo*1) + "px"; 
	 document.getElementById('left_top_dx').style.height = (divh_sfondo*1) + "px";  
   document.getElementById('center_top').style.height = (divh_sfondo*1)  + "px";  
} 

function AdjustWidthDivTop() {
  
   var divw_top_center = WIDTH_CONTENT; // larghezza contenuto fisso
   var WIDTH_FRECCE_DEFAULT = 39;
    // controllo che la dimensione di content sia > della dimensione della pagina
   var width_pagina = document.compatMode == 'CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
   
	 var divw_frecce = document.getElementById('left_bottom_dx').offsetWidth;
	 
   rimanente = ((width_pagina*1) - (divw_top_center*1)) / 2;
	
   document.getElementById('left_top').style.width = rimanente + "px";
	 document.getElementById('left_bottom').style.width = rimanente + "px";
   
	 
	 if ((width_pagina*1) < 1063)
	   {			 	
			 document.getElementById('left_bottom_sx').style.width = rimanente + "px";
       document.getElementById('left_top_sx').style.width = rimanente + "px"; 
			 document.getElementById('left_bottom_dx').style.width = 0 + "px";
       document.getElementById('left_top_dx').style.width = 0 + "px"; 
		 }
	 else
		 {
			 document.getElementById('left_bottom_sx').style.width = (rimanente*1 - (divw_frecce*1)) + "px";
       document.getElementById('left_top_sx').style.width = (rimanente*1 - (divw_frecce*1)) + "px";
			 document.getElementById('left_bottom_dx').style.width = WIDTH_FRECCE_DEFAULT + "px";
       document.getElementById('left_top_dx').style.width = WIDTH_FRECCE_DEFAULT + "px";
		 } 
	 
	 document.getElementById('center').style.width =  (divw_top_center*1) + (rimanente*1) + "px";
	 document.getElementById('center_top').style.width =  (divw_top_center*1) + (rimanente*1) + "px";
	 document.getElementById('center_bottom').style.width =  (divw_top_center*1) + (rimanente*1) + "px";
	 document.getElementById('center_bottom_sx').style.width =  WIDTH_CONTENT + "px";
}



/**
 * Opacità = 1
 */
function Illumina(id) {
  gEBI('image_video'+ id).style.opacity = 1;
  gEBI('image_video'+ id).style.filter = 'alpha(opacity = 100)';
}

/**
 * Opacità = 0.6
 */
function Spegni(id) {
	if (gEBI('image_video' + id).className != ('video_thumbnail acceso')) { // se non è il video in riproduzione
  	gEBI('image_video' + id).style.opacity = 0.6;
  	gEBI('image_video' + id).style.filter = 'alpha(opacity = 60)';
  }
}  

/**
 * Opacità = 1
 */
function Accendi(id) {
	AggiungiClasse('image_video'+id,'acceso');  // il video in riproduzione rimane acceso
  Illumina(id);
}

/**
 * Aggiunge una classe ad un elemento (CSS)
 * @param {Object} element: id dell'elemento
 * @param {Object} value: nome della classe da aggiungere
 */
function AggiungiClasse(element,value) {
	if(!gEBI(element).className) {     // se non ha nessuna classe, inserisco la nuova classe
    gEBI(element).className = value;
  } 
	else                         // se ha gia delle classi esistenti (nostro caso), aggiungo quella nuova
	 {
		newClassName = gEBI(element).className;
		newClassName+= " ";
		newClassName+= value;
		gEBI(element).className = newClassName;
  }
}

/**
 * Apri un pop-up
 * @param {Object} pagina: indirizzo pagina da aprire
 */
function ApriPopup(pagina) {
  var stile  = "width=300,height=500,left=400,top=100,resizable=no,scrollbars=no,toolbar=no,status=no";
  win = window.open(pagina,"", stile);
}

/**
 * Mostra l'immagine di preview selezionata in fase di creazione video
 */
function PreviewImageVideo(percorso) {
	var file = gEBI('immagine').options[document.getElementById('immagine').selectedIndex].value;
	gEBI('img_preview').src = percorso + file; // devo mettere il nome io della cartella
}