
var g_selectedButton = null;

function selectDefBtn(id)
{
	SelectionButton(document.getElementById(id));
	ChangeSelectedBtnText(document.getElementById(id));
}

function ChangeSelectedBtnText(ele)
{
    var mydivs = ele.getElementsByTagName("div")
	var mydivs = ele.getElementsByTagName("div")
	mydivs.item(3).className = "btnTextSelected";  

}

function ChangeUnSelectedBtnText(ele)
{
	if(ele) {
	  
	    var mydivs = ele.getElementsByTagName("div")
		var mydivs = ele.getElementsByTagName("div")
		mydivs.item(3).className = "btnText";  
    }

}

function onLoad(id) {
    if (top.g_selectedButton != window.parent.document.getElementById(id)) {
        NormalButton(top.g_selectedButton);
        SelectionButton(window.parent.document.getElementById(id));
    }
}


function onClick(url, ele) {
	Frame1.document.location.href=url;
}

function onlogoClicked(url) {
	onClick(url,document.getElementById("defBtn"));
	SelectionButton(document.getElementById("defBtn"));
	ChangeSelectedBtnText(document.getElementById("defBtn"));

}

function SelectionButton(ele)
{
	//if(ele == g_selectedButton) return;
	ChangeSelectedBtnText(ele);	
		
	NormalButton(g_selectedButton);
	var mydivs = ele.getElementsByTagName("div");
    mydivs.item(0).style.backgroundPosition = "0px -471px";
    mydivs.item(1).style.backgroundPosition = "-20px -471px";
    mydivs.item(4).style.backgroundPosition = "-300px -503px";
    top.g_selectedButton= ele;

}

function onPictureLinkClicked()
{
	NormalButton(window.parent.document.getElementById("defBtn"));

	SelectionButton(window.parent.document.getElementById("featureBtn"));
}


function onMobileLinkClicked()
{
	NormalButton(window.parent.document.getElementById("defBtn"));
	SelectionButton(window.parent.document.getElementById("mobileBtn"));
}



function NormalButton(ele)
{
	if(ele != null)
	{ 	
	    var mydivs = ele.getElementsByTagName("div");
	    mydivs.item(0).style.backgroundPosition = "0px -215px";
	    mydivs.item(1).style.backgroundPosition = "-20px -215px";
	    mydivs.item(4).style.backgroundPosition = "-300px -279px";
     	mydivs.item(3).className = "btnText";  

	}

}

function onMouseDown(ele) {
    var mydivs = ele.getElementsByTagName("div")
    mydivs.item(0).style.backgroundPosition = "0px -108px";
    mydivs.item(1).style.backgroundPosition = "-20px -108px";
    mydivs.item(2).style.backgroundPosition = "-300px -162px";
}

function onMouseOver(ele) {
    var mydivs = ele.getElementsByTagName("div")
    mydivs.item(0).style.backgroundPosition = "0px -27px";
    mydivs.item(1).style.backgroundPosition = "-20px -27px";
    mydivs.item(2).style.backgroundPosition = "-300px -81px";
}

function onMouseLeave(ele) {
	SelectionButton(g_selectedButton );
}

function onMbMouseDown(ele) {
    var mydivs = ele.getElementsByTagName("div")
    mydivs.item(0).style.backgroundPosition = "0px -343px";
    mydivs.item(1).style.backgroundPosition = "-20px -343px";
    mydivs.item(4).style.backgroundPosition = "-300px -407px";
}

function onMbMouseOver(ele) {

	
    var mydivs = ele.getElementsByTagName("div")
    mydivs.item(0).style.backgroundPosition = "0px -247px";
    mydivs.item(1).style.backgroundPosition = "-20px -247px";
    mydivs.item(4).style.backgroundPosition = "-300px -311px";
    mydivs.item(3).className = "btnTextHover";  

}


function onMbMouseLeave(ele) {

	ChangeSelectedBtnText(g_selectedButton);	

	if(ele != top.g_selectedButton)
	    NormalButton(ele);
	else
	{
		var mydivs = ele.getElementsByTagName("div");
    	mydivs.item(0).style.backgroundPosition = "0px -471px";
    	mydivs.item(1).style.backgroundPosition = "-20px -471px";
    	mydivs.item(4).style.backgroundPosition = "-300px -503px";
	}	
}

function onMbImageMouseDown(ele) {
    var mydivs = ele.getElementsByTagName("div")
    mydivs.item(0).style.backgroundPosition = "0px -343px";
    mydivs.item(1).style.backgroundPosition = "-20px -343px";
    mydivs.item(5).style.backgroundPosition = "-300px -407px";
}

function onMbImageMouseOver(ele) {

    var mydivs = ele.getElementsByTagName("div")
    mydivs.item(0).style.backgroundPosition = "0px -247px";
    mydivs.item(1).style.backgroundPosition = "-20px -247px";
    mydivs.item(5).style.backgroundPosition = "-300px -311px";
}


function onMbImageMouseLeave(ele) {
    var mydivs = ele.getElementsByTagName("div")
    mydivs.item(0).style.backgroundPosition = "0px -215px";
    mydivs.item(1).style.backgroundPosition = "-20px -215px";
    mydivs.item(5).style.backgroundPosition = "-300px -279px";
}

function onSignupTodayClicked() {
}



function onMbImageClick(titleText, vid)
{
	var temp = window.parent.document.getElementById("video"); 
	temp.style.display = "block";

	var title =  window.parent.document.getElementById('videoTitle');
	title.innerHTML="Video: "+ titleText;
		
	var vd = window.parent.document.getElementById('videoDiv');
	var objTag = window.parent.document.createElement('div');
	objTag.setAttribute('id', "player");

	if(IsIE6())
		objTag.innerHTML = "<object WIDTH='610' HEIGHT='375' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'><param name='movie' value='http://www.youtube.com/v/" + vid + "&hl=en_US&fs=1&' /><param name='allowFullScreen' value='true' /><param name='allowscriptaccess' value='always' /> <embed src='http://www.youtube.com/v/" + vid + "&hl=en_US&fs=1&autoplay=1&' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='610' height='375'></embed></object>";
	else
		objTag.innerHTML = "<object><param name='movie' value='http://www.youtube.com/v/" + vid + "&hl=en_US&fs=1&' /><param name='allowFullScreen' value='true' /><param name='allowscriptaccess' value='always' /> <embed src='http://www.youtube.com/v/" + vid + "&hl=en_US&fs=1&autoplay=1&' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='610' height='375'></embed></object>";
		
	vd.appendChild(objTag);

	
}

function onCloseVideo() {
    var temp = window.parent.document.getElementById("video"); 
    temp.style.display = "none";
    var d = window.parent.document.getElementById('videoDiv');
    var olddiv = window.parent.document.getElementById("player");
    d.removeChild(olddiv);

}

function IsIE6()
{
	if ((navigator.appVersion.indexOf("MSIE 6.") == -1)) 
    {
        return false;
    }
    return true;
}




