/********************************************************
For more info & download: http://www.ibegin.com/blog/p_ibox.html
Created for iBegin.com - local search done right
MIT Licensed Style
*********************************************************/

var	_hiding = [];

var close_img_path = "./pics/close.gif";
var indicator_img_path = "./pics/load.gif";
/* 
var close_img_path = "http://www.sf.tv/img/lightbox_plus/close.gif";
var indicator_img_path = "http://www.sf.tv/img/lightbox_plus/load.gif";
*/
var indicator_img_html = "<img name=\"ibox_indicator\" src=\""+indicator_img_path+"\" alt=\"Loading...\" style=\"width:32px;height:32px;\"/>"; // don't remove the name

function init_ibox() {
	var elem_wrapper = "ibox";
	
	createIbox(document.getElementsByTagName("body")[0]); //create our ibox

	//	elements here start the look up from the start non <a> tags
	//var docRoot = (document.all) ? document.all : document.getElementsByTagName("*");
	
	// Or make sure we only check <a> tags
	var docRoot = document.getElementsByTagName("a");
	var ibAttr = "rel"; 	// our attribute identifier for our iBox elements

	var e;
	for (var i = 0; i < docRoot.length - 1; i++) {
			e = docRoot[i];
			if(e.getAttribute(ibAttr)) {
				var t = e.getAttribute(ibAttr);
				if ((t.indexOf("ibox") != -1)  ||  t.toLowerCase() == "ibox") { // check if this element is an iBox element
						e.onclick = function() { // rather assign an onclick event
							var t = this.getAttribute(ibAttr);
							var params = parseQuery(t.substr(5,999));
							var url = this.href;
							if(this.target != "") {url = this.target} 
							var title = this.title;
							toggle_wrap(true);	
							showBG();
							showIbox(url,title,params);	// show ibox
							// caro
							// window.onscroll = maintPos;
							// window.onresize = maintPos;
							window.onresize = adjustWidth;								
							return false;
						}; 
						
				}
			}
     }
}

showBG = function() {
	var box_w = getElem('ibox_w');

	var opacity_level = 8;
	box_w.style.opacity = 0;
	box_w.style.filter = 'alpha(opacity=0)';

	setBGOpacity = setOpacity;
	for (var i=0;i<=opacity_level;i++) {setTimeout("setIboxOpacity('ibox_w',"+i+")",5*i);} // from quirksmode.org
		
	box_w.style.display = "";
	var pagesize = new getPageSize();
	var scrollPos = new getScrollPos();
	var ua = navigator.userAgent;
		
	if(ua.indexOf("MSIE ") != -1) {box_w.style.width = document.body.offsetWidth+'px';} 
	else {box_w.style.width = window.innerWidth-20+'px';}
	
  // box_w.style.height = pagesize.height+scrollPos.scrollY+'px';
  
	box_w.style.height = document.body.offsetHeight+'px';
	
	if(document.body.offsetHeight < 1000){
		box_w.style.height = 1000+'px';
	}
	  
	selectVisibility("hidden");
};

/* Scrollbar hiding by Heidi http://liquidlead-art.com/ */
selectVisibility = function(v) {
	var selectElems = document.getElementsByTagName('select');	
	for(var i = 0; i < selectElems.length; ++i) {
		selectElems[i].style.visibility = v;
	}
}

hideBG = function() {
	var box_w = getElem('ibox_w');
	box_w.style.display = "none";
	selectVisibility("visible");
}

var loadCancelled = false;


createIbox = function(elem) {
	// a trick on just creating an ibox wrapper then doing an innerHTML on our root ibox element
	var strHTML = "<div id=\"ibox_w\" style=\"display:none;\"></div>";
	strHTML +=	"<div id=\"ibox_progress\" style=\"display:none;\">";
	strHTML +=  indicator_img_html;
	strHTML +=  "</div>";
	strHTML +=	"<div id=\"ibox_wrapper\" style=\"display:none\">";
	
  strHTML +=  "<div id=\"ibox_close\" style=\"padding-bottom: 2px; display:none;\"><a id=\"ibox_close_a\" ><img src=\"http://www.sf.tv/img/close_player.gif\" /></a></div>";	
	
	strHTML +=	"<div id=\"ibox_content\"></div>";
	strHTML +=	"<div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:left;\">";
	strHTML +=	"<a id=\"ibox_close_a\" ></a></div>";
	strHTML +=  "<div id=\"ibox_footer\">&nbsp;</div></div>";
	strHTML +=  "</div>";

	var docBody = document.getElementsByTagName("body")[0];
	var ibox = document.createElement("div");
	ibox.setAttribute("id","ibox");
	ibox.style.display = '';
	ibox.innerHTML = strHTML;
	elem.appendChild(ibox);
}

adjustWidth = function() {
	var box_w = getElem('ibox_w');
	box_w.style.width = document.body.offsetWidth+'px';
}

// Original IBOX --------------------------------------------------------------
var loadCancelled = false;
showIndicator = function() {
	var ibox_p = getElem('ibox_progress');
	ibox_p.style.display = "";
	posToCenter(ibox_p);
	ibox_p.onclick = function() {hide();hideIndicator();loadCancelled = true;}
}

hideIndicator = function() {
	var ibox_p = getElem('ibox_progress');
	ibox_p.style.display = "none";
	ibox_p.onclick = null;
}

hide = function() {
	hideBG();
	hideIndicator();
	var ibox = getElem('ibox_wrapper');
	ibox.style.display = "none";
	
	getElem("ibox_w").onclick = function() {void(null);}
	getElem("ibox_w").style.cursor = '';			
	
	toggle_wrap(false);		

	clearIboxContent();
	window.onscroll = null;
}

showIbox = function(url,title,params) {
var ibox = getElem('ibox_wrapper');
var ibox_type = 0;
												
	// set title here
	// var ibox_footer = getElem('ibox_footer');
	// if(title != "") {
	// 	ibox_footer.innerHTML = title;
	// } else {
	// 	ibox_footer.innerHTML = "&nbsp;";
	// }

	// url = url.toLowerCase(); // have to lowercase
	
	// file checking code borrowed from thickbox
	var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.txt/g;
	var urlType = url.match(urlString);
	
	if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif'){
		ibox_type = 0;

		
		showIndicator();
		
		var imgPreloader = new Image();
		
		imgPreloader.onload = function(){

			//imgPreloader = resizeImageToScreen(imgPreloader);
			imgPreloader = resizeImageToSF(imgPreloader);			
			hideIndicator();

			getElem('ibox_content').style.overflow = "hidden";

			var strHTML = "<div class=\"ibox_field\">";
			strHTML += "<div class=\"ibox_text\" style=\"width:"+imgPreloader.width+"px;\">"+title+"</div>";
			strHTML += "<a href=\"javascript:hide();\"><img name=\"ibox_img\" src=\""+url+"\" style=\"width:"+imgPreloader.width+"px;height:"+imgPreloader.height+"px;border:0;\"/></a>";
			strHTML += "<a href=\"javascript:hide();\"><img id=\"closeButton\" class=\"ibox_close\" src=\""+close_img_path+"\"/></a>";
			strHTML += "</div>";
			
			if(loadCancelled == false) {
				// set width and height				
				
				var ibox_height = imgPreloader.height + 74;
				var ibox_width = imgPreloader.width + 22;
				
				ibox.style.height = ibox_height+'px';
				ibox.style.width = ibox_width+'px';
				ibox.style.display = "";
				ibox.style.visibility = "hidden";
				posToCenter(ibox); 	
				ibox.style.visibility = "visible";
				setIBoxContent(strHTML);
			}
				
		}
		
		loadCancelled = false;
		imgPreloader.src = url;
		

		
	} else if(url.indexOf("#") > 0) {
			var strHTML = "";
			ibox_type = 1;

			if(params['height']) {ibox.style.height = params['height']+'px';} 
			else {ibox.style.height = '280px';}
			
			if(params['width']) {ibox.style.width = params['width']+'px';} 
			else {ibox.style.width = '450px';}

		
			ibox.style.display = "";
			ibox.style.visibility = "hidden";
			posToCenter(ibox); 	
			ibox.style.visibility = "visible";

			var elemSrcId = url.substr(url.indexOf("#") + 1,1000);
			var elemSrc = getElem(elemSrcId);
			
			if(elemSrc) {
				strHTML = elemSrc.innerHTML;
			}

			setIBoxContent(strHTML);

	}else if(urlType=='.htm'||urlType=='.html'||urlType=='.php'||
			 urlType=='.asp'||urlType=='.aspx'||urlType=='.jsp'||
			 urlType=='.jst'||urlType=='.rb'||urlType=='.txt'||
			 urlType=='.cfm') {
			
	
			ibox_type = 2;
	
			showIndicator();
			http.open('get',url,true);
	
			http.onreadystatechange = function() {
				if(http.readyState == 4){
					hideIndicator();
					
					if(params['height']) {ibox.style.height = params['height']+'px';} 
					else {ibox.style.height = '280px';}
					
					if(params['width']) {ibox.style.width = params['width']+'px';} 
					else {ibox.style.width = '450px';}
		
					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					// posToCenter(ibox); 	
					posToPosition(ibox, 0, 64);
					ibox.style.visibility = "visible";

					var response = http.responseText;
					setIBoxContent(response);
					
					
				}
			}
			
			http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			http.send(null);

			
	} 
	
	ibox.style.opacity = 0;
	ibox.style.filter = 'alpha(opacity=0)';	
	var ibox_op_level = 10;
	
	setIboxOpacity = setOpacity;
	for (var i=0;i<=ibox_op_level;i++) {setTimeout("setIboxOpacity('ibox_wrapper',"+i+")",5*i);}


	// if(ibox_type == 1 || ibox_type == 2) {
		ibox.onclick = null;getElem("ibox_close_a").onclick = function() {hide();}
		/* caro close */
		ibox.onclick = null;getElem("ibox_w").onclick = function() {hide();}
		ibox.onclick = null;getElem("ibox_w").style.cursor = 'pointer';		
	// } else {
	// 	ibox.onclick = hideIbox;getElem("ibox_close_a").onclick = null;
	// }

}

// IBOX End ----------------------------------------------------------------------



setOpacity = function (elemid,value)	{
		var e = getElem(elemid);
		e.style.opacity = value/10;
		e.style.filter = 'alpha(opacity=' + value*10 + ')';
}

resizeImageToScreen = function(objImg) {
	
	
	var pagesize = new getPageSize();
	
	var x = pagesize.width - 100;
	var y = pagesize.height - 100;

	if(objImg.width > x) { 
		objImg.height = objImg.height * (x/objImg.width); 
		objImg.width = x; 
		if(objImg.height > y) { 
			objImg.width = objImg.width * (y/objImg.height); 
			objImg.height = y; 
		}
	} 

	else if(objImg.height > y) { 
		objImg.width = objImg.width * (y/objImg.height); 
		objImg.height = y; 
		if(objImg.width > x) { 
			objImg.height = objImg.height * (x/objImg.width); 
			objImg.width = x;
		}
	}
	
	return objImg;
}

resizeImageToSF = function(objImg) {
	if(objImg.width > 573 || objImg.height > 500){
		if(objImg.width  > objImg.height){
		  if(objImg.width > 573){
		    var newWidth = 573;
				var newHeight;	
				newHeight = newWidth/objImg.width*objImg.height;
		  }
		}else{
		  if(objImg.height > 500){
		    var newWidth;
				var newHeight = 500;
				newWidth = newHeight/objImg.height*objImg.width;		
		  }
		}
		objImg.height = newHeight; 
		objImg.width	= newWidth; 		
	}	
	return objImg;
}

maintPos = function() {
	var ibox = getElem('ibox_wrapper');
	var box_w = getElem('ibox_w');
	var pagesize = new getPageSize();
	var ua = navigator.userAgent;
			
	if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize+'px';} 
	else {box_w.style.width = pagesize-20+'px';}

	if(ua.indexOf("Opera/9") != -1) {box_w.style.height = document.body.scrollHeight+'px';}
	else {box_w.style.height = document.body.scrollHeight+50+'px';}
	posToCenter(ibox);
	
}

hideIbox = function(sport_flag) {
	// Remove Player
	if(activePlayer != ''){
		SF.video.remove(activePlayer);
	}
		
	hideBG();
	var ibox = getElem('ibox_wrapper');
	ibox.style.display = "none";
	
	var close = getElem('ibox_close');
	close.style.display = "none";    	
	
	toggle_wrap(false);		
	window.onscroll = null;
	
  if (typeof sport_flag == "undefined") {
    sport_flag = false;
  }  
  
  // Workaround: reload page if IE to avoid crashes
  if(navigator.userAgent.indexOf("MSIE ") != -1) {
  	location.reload();
  	//history.go(0);
  }

  
  if(sport_flag){
		var inlinePlayer = activePlayer.split("_");  
  	SF.video.draw(inlinePlayer[1]);
		activePlayer = inlinePlayer[1];    	
  }else{
		activePlayer = '';  
	}
}


posToCenter = function(elem) {
	var scrollPos = new getScrollPos();
	var pageSize = new getPageSize();
	var emSize = new getElementSize(elem);
	var x = Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scrollX;
	var y = Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scrollY;	
	
	elem.style.left = x+'px';
	elem.style.top = y+'px';	
}

posToPosition = function(elem, x_start, y_start) {
	var scrollPos = new getScrollPos();
	var pageSize = new getPageSize();
	var emSize = new getElementSize(elem);
	var x = x_start + scrollPos.scrollX;
	var y = y_start + scrollPos.scrollY;	
	
	elem.style.left = x+'px';
	elem.style.top = y+'px';	
}

getScrollPos = function() {
	var docElem = document.documentElement;
	this.scrollX = self.pageXOffset || (docElem&&docElem.scrollLeft) || document.body.scrollLeft;
	this.scrollY = self.pageYOffset || (docElem&&docElem.scrollTop) || document.body.scrollTop;
}

getPageSize = function() {
	var docElem = document.documentElement
	this.width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth;
	this.height = self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;
}

getElementSize = function(elem) {
	this.width = elem.offsetWidth ||  elem.style.pixelWidth;
	this.height = elem.offsetHeight || elem.style.pixelHeight;
}

setIBoxContent = function(str) {
	clearIboxContent();
	var e = getElem('ibox_content');
	e.innerHTML = str;
	// e.style.overflow = "auto";	
	
}
clearIboxContent = function() {
	var e = getElem('ibox_content');
	e.innerHTML = "";
	// e.style.overflow = "hidden";
}


getElem = function(elemId) {
	return document.getElementById(elemId);	
}

// parseQuery code borrowed from thickbox, Thanks Cody!
parseQuery = function(query) {
   var Params = new Object ();
   if (!query) return Params; 
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) continue;
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;

   }
   
   return Params;
}

toggle_wrap = function(flag)
{
	if (_hiding.length == 0)
	{ // some objects may overlap on overlay, so we hide them temporarily.
		var tags = ['select','embed','object'];
		for (var i=0,n=tags.length;i<n;i++)
		{		
			var elem = document.getElementsByTagName(tags[i]);
			for (var j=0,m=elem.length;j<m;j++)
			{ // check the original value at first. when alredy hidden, dont touch them			
				var check = elem[j].style.visibility;
				if (!check)
				{
					if (elem[j].currentStyle)
						check = elem[j].currentStyle['visibility'];
					else if (document.defaultView)
						check = document.defaultView.getComputedStyle(elem[j],'').getPropertyValue('visibility');
				}
				if (check == 'hidden') continue;
				_hiding.push(elem[j]);
			}
		}
	}
	for (var i=0,n=_hiding.length;i<n;i++){
		_hiding[i].style.visibility = flag ? "hidden" : "visible";
	}
	
	if(!flag){
		for (var i=0,n=_hiding.length;i<n;i++){	
			_hiding.pop();
		}	
	}	
	
}

/********************************************************
 Make this IE7 Compatible ;)
 http://ajaxian.com/archives/ajax-on-ie-7-check-native-first
*********************************************************/
createRequestObject = function() {
	var xmlhttp;
		/*@cc_on
	@if (@_jscript_version>= 5)
			try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
					try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
					catch (E) {xmlhttp = false;}
			}
	@else
		xmlhttp = false;
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest != "undefined") {
			try {xmlhttp = new XMLHttpRequest();} catch (e) {xmlhttp = false;}
	}
	return xmlhttp;
}

var http = createRequestObject();

function addEvent(obj, evType, fn){ 
 if (obj.addEventListener){ 
   obj.addEventListener(evType, fn, false); 
   return true; 
 } else if (obj.attachEvent){ 
   var r = obj.attachEvent("on"+evType, fn); 
   return r; 
 } else { 
   return false; 
 } 
}
addEvent(window, 'load', init_ibox);