/*
**  Client functions
**  Date Created: 2008 07
**  Copyright SiMedia
*/
EventHandler();
function SiJCategory()
{
    this.Images = new Array();
    this.Texts = new Array();    
    this.Add = function( _ID, _Text, _Image ) {
        this.Texts[ _ID ] = _Text;
        this.Images[ _ID ] = _Image;
    }
    this.GetText = function( _ID ) { return this.Texts[ _ID ] ? this.Texts[ _ID ] : ''; }
    this.GetImage = function( _ID ) { return this.Images[ _ID ] ? this.Images[ _ID ] : ''; }
}
var Category = new SiJCategory();
function ChangeCategory( _Index )
{
    var TextSpan = document.getElementById( "SiCSpan_" + _Index );
    var Image = document.getElementById( "SiCImage_" + _Index );
    var SelectedValue = document.getElementById( "Category_" + _Index ).options[ document.getElementById( "Category_" + _Index ).selectedIndex ].value;  
        TextSpan.innerHTML = Category.GetText( SelectedValue ) ? Category.GetText( SelectedValue ) : '';
        Image.src = Category.GetImage( SelectedValue ) ? Category.GetImage( SelectedValue ) : '';
}

function AddListener( TagName )
{
    var CurrentArray = document.getElementsByTagName( TagName );
        for( var i = 0; i < CurrentArray.length; i ++ )
        {
            AddEventListener( CurrentArray[ i ], 'mouseover', MouseOver ); 
            AddEventListener( CurrentArray[ i ], 'focus', MouseOver );
            AddEventListener( CurrentArray[ i ], 'mouseout', MouseOut );
            AddEventListener( CurrentArray[ i ], 'blur', MouseOut );
        }
}
function EventHandler()
{
        AddListener( 'input' );
        AddListener( 'select' );
        AddListener( 'textarea' );
}
function MouseOver( Event )
{
    var Event = Event ? Event : window.event;
	var Element = Event.target ? Event.target : Event.srcElement;
	    Element.className = Element.className + " Over";   
}
function MouseOut( Event )
{
    var Event = Event ? Event : window.event;
	var Element = Event.target ? Event.target : Event.srcElement;
	    Element.className = (Element.className).replace( " Over", "" );   
}

function AddEventListener(Element, Type, Expression )
{
    if(window.addEventListener) {
        Element.addEventListener(Type, Expression, false);
        return true;
    } else if(window.attachEvent) {
        Element.attachEvent('on' + Type, Expression);
        return true;
   } else return false;
}