﻿var kit_open = false;
function close_kit(){
	kit_open = false;
	$(".kitclose_bt").fadeOut(500);
	$("#kit_bg").fadeOut(2000, function(){ body_changer("overflow", "auto"); clear_kit_content();});
}
function open_kit(){
	$(".kitclose_bt").hide();
	$("#kit_bg").fadeIn(4000,function(){
	$(".kitclose_bt").fadeIn(2000);
	});
	kit_open = true;
	body_changer("overflow", "hidden");
}
function body_changer(change, opt){
	if(change == "overflow"){
		document.body.style.overflow = opt;
	}
}
function open_playlist(){
if(kit_open == false){
open_kit();
timeout = 5500;
} else {
timeout = 1500;
}
document.getElementById('kit_content').innerHTML = "<img src=\"images/loader_3.gif\">";
setTimeout("open_kit_page('playlist.php','frame');", timeout)
}
function clear_kit_content() {
document.getElementById('kit_content').innerHTML = "";
}
function open_kit_page(page, t){
if(kit_open == false){
open_kit();
timeout = 5500;
} else {
timeout = 1500;
}
document.getElementById('kit_content').innerHTML = "<img src=\"images/loader_3.gif\">";
setTimeout("prepare_kit_page('"+page+"','"+t+"');", timeout)
}
function prepare_kit_page(file, t){
if(file.search(/\?/) == -1){
midle = '?rq=';
} else {
midle = '&rq=';
}
var type = t;
var open_file = file+midle+reqid;
reqid++;
$.get(open_file,
  function(data){
  if(type == 'frame'){
  	data = '<iframe marginheight="0" scrolling="auto" marginwidth="0" frameborder="0" height="370px" width="100%" name="kitFrame" style="visibility:visible;" src="'+open_file+'">'+
				'Your browser does not support inline frames or is currently configured not to display inline frames.'+
			'</iframe>';
  }
    document.getElementById('kit_content').innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" style=\"width: 100%\">"+
	"<tr>"+
		"<td class=\"kit_f_1\" style=\"width:30px;\">&nbsp;</td>"+
		"<td class=\"kit_f_8\" style=\"text-align:left; color:#000000\">&nbsp;</td>"+
		"<td class=\"kit_f_7\">&nbsp;</td>"+
	"</tr>"+
	"<tr>"+
		"<td class=\"kit_f_2\" style=\"width:30px;\">&nbsp;</td>"+
		"<td class=\"kit_f_9\" style=\"text-align:left; color:#000000\">"+data+"</td>"+
		"<td class=\"kit_f_6\">&nbsp;</td>"+
	"</tr>"+
	"<tr>"+
		"<td class=\"kit_f_3\" style=\"width:30px;\">&nbsp;</td>"+
		"<td class=\"kit_f_4\" style=\"text-align:left; color:#000000\">&nbsp;</td>"+
		"<td class=\"kit_f_5\">&nbsp;</td>"+
	"</tr>"+
	"</table>";
	
  });

}