var Core = {};

Core.getElementsByClass = function(theClass) {
    var elementArray = [];

    if (document.all)
    {
    elementArray = document.all;
    }
    else
    {
    elementArray = document.getElementsByTagName("*");
    }

    var matchedArray = [];
    var pattern = new RegExp("(^| )" + theClass + "( |$)");

    for (var i = 0; i < elementArray.length; i++)
    {
    if (pattern.test(elementArray[i].className))
    {
      matchedArray[matchedArray.length] = elementArray[i];
    }
    }

    return matchedArray;
};

function hideClass(classObj) {
    var list = Core.getElementsByClass(classObj);
    for (var i = 0; i < list.length; i++) {
    list[i].style.display = 'none';
    }
}

function showDiv(divObj) {
    document.getElementById(divObj).style.display='block';
}

function hideDiv(divObj) {
    document.getElementById(divObj).style.display='none';
}

function revertClass(classObj) {
    var list = Core.getElementsByClass(classObj);
    for (var i = 0; i < list.length; i++) {
    list[i].className = classObj;
    }
}

// activefeat is holding active features
var activefeat = [1,1,1]

function changefeats(type, id) {
	document.getElementById('circle'+id+activefeat[id]).src = 'images/gray_circle.gif';
	document.getElementById('feature'+id+activefeat[id]).style.display = 'none';
	if (type == 'next') {
		if (activefeat[id] == 4) {
			activefeat[id] = 1;
		} else {
			activefeat[id] = activefeat[id] + 1;	
		}
	} else if(type == 'prev') {
		if (activefeat[id] == 1) {
			activefeat[id] = 4;
		} else {
			activefeat[id] = activefeat[id] - 1;	
		}
	}
	document.getElementById('circle'+id+activefeat[id]).src = 'images/green_circle.gif';
	document.getElementById('feature'+id+activefeat[id]).style.display = 'block';
}

var activetab = 0

function tabs(id) {
	var children = document.getElementById('tabs').getElementsByTagName('a');
	document.getElementById('feat'+activetab).style.display = 'none';
	children[activetab].className = '';
	activetab = id;
	children[activetab].className = 'active';
	document.getElementById('feat'+activetab).style.display = 'block';
}

function like(id) {
	var i=0;
	while (i<5) {
		i++;
		if (i > id) {
			document.getElementById('star' + i).src = 'images/like_star.gif';
		} else {
			document.getElementById('star' + i).src = 'images/like_star_active.gif';	
		}
  	}
}

function likeclassic(id) {
	var i=0;
	while (i<5) {
		i++;
		if (i > id) {
			document.getElementById('star' + i).src = 'images/like_star_classic.gif';
		} else {
			document.getElementById('star' + i).src = 'images/like_star_active_classic.gif';	
		}
  	}
}

function showRelated() {
	document.getElementById('relatedLink').className = 'activeRelated';
	var relatedimage = document.getElementById('relatedLink').getElementsByTagName('img');
	relatedimage[0].src = 'images/icon_related_active.gif';
	document.getElementById('relatedVideos').style.display = 'block';
}

function hiddeRelated() {
	document.getElementById('relatedLink').className = '';
	var relatedimage = document.getElementById('relatedLink').getElementsByTagName('img');
	relatedimage[0].src = 'images/icon_related.gif';
	document.getElementById('relatedVideos').style.display = 'none';
}

//start menu script
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//end menu script