var playing = false;

function dim_page(on) {
  var dimmer = $("#div_dimmer").get(0);

  if (dimmer) {
    if (on) {
       dimmer.style.width = document.body.scrollWidth + 20 + 'px';
       dimmer.style.height= document.body.scrollHeight + 20 + 'px';
       dimmer.style.left = '0px';
       dimmer.style.top = '0px';
       $("#div_dimmer").fadeTo(600,0.7);
     }
     else {
       $("#div_dimmer").fadeOut(600);
    }
  }
}

function wait(on,w,h) {
  var waiter = $("#div_waiter").get(0);
  var wh=0;

  dim_page(on);

  if (waiter) {
    if (on) {
      waiter.style.position = 'fixed';
      waiter.style.width = w + 'px';
      waiter.style.height = h + 'px';
      waiter.style.left = ((document.body.clientWidth-w) / 2)  + 'px';
	  
     	//waiter.style.top = ((document.body.clientHeight-h) / 2 + document.body.scrollTop)  + 'px';
		if (window.innerHeight)
     	  wh = window.innerHeight; // not IE
     	else if (document.documentElement && document.documentElement.clientHeight)
     	  wh = document.documentElement.clientHeight; // IE
     	else
     	  wh = 500;   // just something

     	var top = ((wh-h) / 2 + document.body.scrollTop);
     	if (top<0) {
     	  top=0;
        //waiter.style.position = 'absolute';
      }

     //	waiter.style.top = top  + 'px';
		
		//alert("hi Adam");
		//console.log(' '+waiter.style.width+' '+waiter.style.height+' '+waiter.style.left+' '+waiter.style.top+' '+wh)
      $("#home_twitter").hide();
      $("#div_waiter").show();
	  sb_windowTools.updateScrollOffset();
	   sb_windowTools.centerElementOnScreen(document.getElementById("div_waiter"));
      playing = true;
    }
    else {
      $("#home_twitter").show();
      $("#playerBody").html(' ');
      $("#div_waiter").hide();
      playing = false;
    }
  }
}

function dimAndPlay(id,v_id,ww,hh) {
  var h=hh?hh:520;
  var w=ww?ww:800;
  var v_url=null;
  var direct_link = null;
  wait(1,w,h);
  if (v_id) {
    v_url =  'http://' + server + dir + selfurl +'?action=work&do_view=1&id=' + v_id;
	direct_link = video_id = $("#direct_link" + v_id).val();
	//$("#fb-like").attr('data-href', v_url);
	make_thuitter('http://www.mindseyemedia.tv' + direct_link);
	if (direct_link != undefined)
	{
		make_link(direct_link);
	}
	
  }
	
  $("#playerBody").html($('#'+id).html());
}

function dimAndSlideShow(imga,ix,v_id,ww,hh,type) {
	if (type == ""){
		type = "auto";
	}else{
		type = "manual";
	}
  var h=hh?hh:520;
  var w=ww?ww:796;
  var v_url=null;
  wait(1,w,h);
  if (v_id) {
    v_url =  'http://' + server + dir + selfurl +'?action=photo&do_view=1&id=' + v_id;
  }
  make_thuitter(v_url);
  
  if (type == "manual")
  {
	 // alert("manual");
  }
  var new_imga;
  if (ix) {
    new_imga = Array();
    new_imga[0] = imga[ix];
    for(i=0;i<imga.length;++i) {
      if (i!=ix) {
        new_imga[new_imga.length] = imga[i];
      }
    }
  }  
  else {
    new_imga = imga;
  }
    
  var mygallery=new fadeSlideShow({
  	wrapperid: "playerBody", //ID of blank DIV on page to house Slideshow
  	dimensions: [796, 434], //width/height of gallery in pixels. Should reflect dimensions of largest image
  	imagearray: new_imga,
  	displaymode: {type:"'" + type + "'", pause:3500, cycles:0, wraparound:false},
  	persist: false, //remember last viewed slide and recall within same session?
  	fadeduration: 600, //transition duration (milliseconds)
  	descreveal: "ondemand",
  	togglerid: "slideShowToggler"
  });


}

function make_thuitter(url) {
  var tw = "<a href='http://twitter.com/share' class='twitter-share-button' ";
  if (url) tw +=  "data-url='" +url +"'" ;
  tw += " data-count='horisontal'>Tweet</a><" + "script type='text/javascript' src='http://platform.twitter.com/widgets.js'><" + "/" + "script>";


var twb =    "<div id=\"custom-tweet-button\"><a href=\"http://twitter.com/share?url=" + escape(url) + "\" target=\"_blank\"><img src=\"images/tweet.png\" alt=\"Tweet this\" title=\"Tweet this\" style=\"border: 0px;\"></a></div>";

  $("#thuitter").html(twb);
}

function make_link(url){
	var link = '<a href="' + url + '"><img src="images/button_videoplayer_link.gif" border="0" alt="link to this video" title="link to this video" /></a>';
	$("#directlink").html(link);
}


var save_title;
var tip_is_on = false;
var tip_timer = 0;
var tip_el;
var tip_ev;
var mouse_in_tip = false;

function tipOn(el,ev) {
  if (!tip_is_on) {
    save_title = el.title;
    var t = "<div class='tip_title'>" + el.title.replace(/\|/g,"//</div><div class='tip_text'>") + "</div>";
    $('#div_tip').html(t);
    el.title = '';
    
    var xy = $("[class=a_app_details]").offset();
    var h = $("[class=a_app_details]").height() - $('#div_tip').height();
    var w = $("[class=a_app_details]").width() - $('#div_tip').width();
    
    var padd = 5;

    $('#div_tip').css({ top: xy.top+h-padd , left: xy.left+w-padd , backgroundImage: "url(images/80pc_trans.png)", padding: padd + "px 0px 0px " + padd + "px"});
	if (save_title != "")	{
		$('#div_tip').fadeIn(500);
		tip_is_on = true;
	}
  }
}

function tipOff(el,ev) {
  if (tip_is_on && !mouse_in_tip) {
    el.title = save_title;
    save_title = '';
    $('#div_tip').fadeOut(500);
    tip_is_on = false;
  }
}

function setupTipEvents() {
  $('img[class=a_app_details]').mouseover (function(e) {
    clearTimeout(tip_timer);
    tip_el = this;
    tip_ev = e;
    tip_timer = setTimeout("tipOn(tip_el,tip_ev)",500);
  });
  $('img[class=a_app_details]').mouseout (function(e) {
    clearTimeout(tip_timer);
    //tipOff(this,e)
    tip_timer = setTimeout("tipOff(tip_el,tip_ev)",500);
  });
  $('#div_tip').mouseover (function(e) {
  	mouse_in_tip = true;
    //clearTimeout(tip_timer);
  });
  $('#div_tip').mouseout (function(e) {
  	mouse_in_tip = false;
    clearTimeout(tip_timer);
    tip_timer = setTimeout("tipOff(tip_el,tip_ev)",500);
  });

}


function showHomeTitles(id){
	var el= ("#home_title_" + id);
	$(el).fadeIn(500);
}

function hideHomeTitles(id){
	var el= ("#home_title_" + id);
	$(el).fadeOut(500);
}

$(document).ready(function(e) {
  setupTipEvents();
});