// SB Tools is special Javascript Code for 50Webs Forum Only!
// You are not allowed to use this script on any other Websites without my permissions with no exceptions!
// Contact me at webmaster@sawanbanna.com
// Visit my website at:
// www.sawanbanna.com  (My Main Website)
// http://extreme.50webs.net (eXtreme Templates: Free Web Templates Designs)
// http://howto.50webs.net (Free Online Tutorials)
// http://directory.50webs.net (50Webs Links Directory: Free Web Directory Submissions)

// This script code is copyrighted to 50Webs Forum - http://forum.50webs.com/


 
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (version < 7) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id=\'" + img.id + "\' " : ""
            var imgClass = (img.className) ? "class=\'" + img.className + "\' " : ""
            var imgTitle = (img.title) ? "title=\'" + img.title + "\' " : "title=\'" + img.alt + "\' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod=\'scale\');\"></span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }
}
//here we don't care about browser compatiblity, it's for IE anyways.
if(window.attachEvent) window.attachEvent("onload", correctPNG);



// Drop menu 
// toggle cpanel div


var clicked_dd = 0;

function tab() {

if (clicked_dd == 0) {

open_dd();

document.getElementById("sbmenu_open").style.visibility = 'hidden';
document.getElementById("sbmenu_open").style.height = 0 + 'px';
document.getElementById("sbmenu_open").style.display = 'none';
document.getElementById("sbmenu_closed").style.visibility = 'visible';
document.getElementById("sbmenu_closed").style.display = 'block';

}

else {

close_dd();

document.getElementById("sbmenu_closed").style.visibility = 'hidden';
document.getElementById("sbmenu_closed").style.height = 0 + 'px';
document.getElementById("sbmenu_closed").style.display = 'none';
document.getElementById("sbmenu_open").style.visibility = 'visible';
document.getElementById("sbmenu_open").style.display = 'block';

}

}


function open_dd() {

window.setTimeout('increase2()',1);

}


function increase2() {

if (dd_top < 0) {

dd_top = dd_top + user_speed;
tab_top = tab_top + user_speed;

document.getElementById("sbmenu_drop_down").style.top = (dd_top) +'px';
document.getElementById("sbmenu_drop_down_tab").style.top = (tab_top) +'px';


open_dd();

}

else {

document.getElementById("sbmenu_drop_down").style.top = 0 +'px';
document.getElementById("sbmenu_drop_down_tab").style.top = tab_set -2 +'px';
clicked_dd = 1;

}

}

function close_dd() {

window.setTimeout('decrease2()',1);

}


function decrease2() {

if (dd_top > (document.getElementById("sbmenu_drop_down").offsetHeight * -1)) {

document.getElementById("sbmenu_drop_down").style.top = (dd_top) +'px';
document.getElementById("sbmenu_drop_down_tab").style.top = (tab_top) +'px';
dd_top = dd_top - user_speed;
tab_top = tab_top - user_speed;

close_dd();

}

else {

document.getElementById("sbmenu_drop_down").style.top = ((document.getElementById("sbmenu_drop_down").offsetHeight * -1) + 2) +'px';
document.getElementById("sbmenu_drop_down_tab").style.top = -2 + 'px';
clicked_dd = 0;

}

}



function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;
	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}


function shiftOpacityTools() {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById('sbmenu_tools_wrapper').style.height == '0px') { 

document.getElementById('sbmenu_tools_wrapper').style.visibility = 'visible';
document.getElementById('sbmenu_tools_wrapper').style.height = '22px';
		opacity('sbmenu_tools_wrapper', 0, 100, 700);
		
	} else {
		opacity('sbmenu_tools_wrapper', 100, 0, 700);			
window.setTimeout('hidetools()',700);
	}
}

function hidetools() { 

document.getElementById('sbmenu_tools_wrapper').style.visibility = 'hidden';
document.getElementById('sbmenu_tools_wrapper').style.height = '0px'; 

}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}




// lazy shortcut

d=document;

// set up rollovers

sections = new Array();
for (x=0;x<=sections.length-1;x++){
setup = sections[x]+'on = new Image();'+sections[x]+'on.src = "templates/Happy2008/panel/img/'+sections[x]+'_on.gif";'+sections[x]+'off = new Image();'+sections[x]+'off.src = "templates/Happy2008/panel/img/'+sections[x]+'_off.gif";';
eval(setup);
}

// rollover functions
function on(which) {if (d.images) {document[which].src = eval(which+"on.src");}}
function off(which) {if (d.images) {document[which].src = eval(which+"off.src");}}



// show/hide

function show(object) {
	if (d.getElementById && d.getElementById(object) != null)
	node = d.getElementById(object).style.visibility='visible';
	else if (d.layers && d.layers[object] != null)
	d.layers[object].visibility = 'visible';
	else if (d.all)
	d.all[object].style.visibility = 'visible';
}

function hide(object) {
	if (d.getElementById && d.getElementById(object) != null)
	node = d.getElementById(object).style.visibility='hidden';
	else if (d.layers && d.layers[object] != null)
	d.layers[object].visibility = 'hidden';
	else if (d.all)
	d.all[object].style.visibility = 'hidden';
}

// Just for target="_blank" on click
function starter_plan() {
    window.open( "http://50webs.com/starter_plan.html" )
}
function personal_plan() {
    window.open( "http://50webs.com/personal_plan.html" )
}
function webmaster_plan() {
    window.open( "http://50webs.com/webmaster_plan.html" )
}
function advanced_plan() {
    window.open( "http://50webs.com/advanced_plan.html" )
}
function free_plan() {
    window.open( "http://50webs.com/free_plan.html" )
}