// hint 1 config
var HINTS_CFG1 = {
	'wise'       : true,
	'margin'     : 10,
	'gap'        : 20,
	'align'      : 'tcbc',
	'css'        : '',
	'show_delay' : 200,
	'hide_delay' : 500,
	'IEtrans'    : ['blendTrans(DURATION=.3)', 'blendTrans(DURATION=.3)'],
	'opacity'    : 90
};

function wrap_img (s_file, s_title) {
	return '<table cellpadding="5" bgcolor="#E0E0E0" style="border:1px solid #808080"><tr><td><img src="img/k0' + s_file + '.jpg" class="picI"></td></tr><tr><td align="center">' + s_title + '</td></tr></table>';
}

var HINTS_ITEMS1 = [
	wrap_img("01", "A picture of a tiger"),
	wrap_img("70", "A picture of a tiger"),
	wrap_img("20", "A picture of a puma")
];

var myHint1 = new THints (HINTS_ITEMS1, HINTS_CFG1);

// hint 2 config
var HINTS_CFG2 = {
	'wise'       : true,
	'margin'     : 10,
	'gap'        : -5,
	'align'      : 'brtl',
	'css'        : '',
	'show_delay' : 0,
	'hide_delay' : 100,
	'IEtrans'    : ['revealTrans(TRANSITION=3,DURATION=.5)', 'revealTrans(TRANSITION=2,DURATION=.5)'],
	'opacity'    : 90
};

function wrap_tbl () {
	var s_html = '<table cellpadding="0" cellspacing="0" border="0"><tr><td><img src="img/corner_tl.gif" width="10" height="10" /></td><td style="background-image:url(img/side_t.gif)"></td><td><img src="img/corner_tr.gif" width="10" height="10" /></td></tr>';
	for (var i = 0; i < arguments.length; i += 2) {
		s_html += '<tr><td style="background-image:url(img/side_l.gif)"></td><td class="hintText" style="color:' + (arguments[i + 1] ? 'green' : 'red') + ';">' + arguments[i] + '</b></td><td style="background-image:url(img/side_r.gif)"></td></tr>';
	}
	return s_html + '<tr><td><img src="img/corner_bl.gif" width="10" height="10" /></td><td style="background-image:url(img/side_b.gif)"></td><td><img src="img/corner_br.gif" width="10" height="10" /></td></tr></table>';
}

var HINTS_ITEMS2 = [
	wrap_tbl('currentStyle', 1, 'getComputedStyle()', 0, 'style', 1),
	wrap_tbl('currentStyle', 1, 'getComputedStyle()', 0, 'style', 1),
	wrap_tbl('currentStyle', 1, 'getComputedStyle()', 0, 'style', 1),
	wrap_tbl('currentStyle', 0, 'getComputedStyle()', 1, 'style', 1),
	wrap_tbl('currentStyle', 0, 'getComputedStyle()', 0, 'style', 1),
	
	wrap_tbl('cssRules[]', 0, 'rules[]', 1, 'styleSheets[]', 1),
	wrap_tbl('cssRules[]', 0, 'rules[]', 1, 'styleSheets[]', 1),
	wrap_tbl('cssRules[]', 1, 'rules[]', 0, 'styleSheets[]', 1),

	wrap_tbl('addRule()', 1, 'deleteRule()', 0, 'insertRule()', 0, 'removeRule()', 1),
	wrap_tbl('addRule()', 1, 'deleteRule()', 0, 'insertRule()', 0, 'removeRule()', 1),
	wrap_tbl('addRule()', 0, 'deleteRule()', 1, 'insertRule()', 1, 'removeRule()', 0),

	wrap_tbl('createCSS StyleSheet()', 0, 'createStyleSheet()', 1, 'getOverrideStyle()', 0, 'getPropertyPriority()', 0),
	wrap_tbl('createCSS StyleSheet()', 0, 'createStyleSheet()', 1, 'getOverrideStyle()', 0, 'getPropertyPriority()', 1),
	wrap_tbl('createCSS StyleSheet()', 0, 'createStyleSheet()', 0, 'getOverrideStyle()', 0, 'getPropertyPriority()', 1),
];

var myHint2 = new THints (HINTS_ITEMS2, HINTS_CFG2);


// hint 4 config
var HINTS_CFG3 = {
	'wise'       : true,
	'margin'     : 10,
	'gap'        : -3,
	'align'      : 'brtl',
	'show_delay' : 200,
	'hide_delay' : 400
};

function wrap (s_, b_ques) {
	return '<table cellpadding="0" cellspacing="0" border="0" style="-moz-opacity:90%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=4,offY=4)"><tr><td rowspan="2"><img src="img/1' + (b_ques ? 'q' : '') + '.gif"></td><td><img src="/img/pixel.gif" width="1" height="15"></td></tr><tr><td background="img/2.gif" height="28" nowrap>' + s_ + '</td><td><img src="img/4.gif"></td></tr></table>';
}

var HINTS_ITEMS3 = [
	wrap("Tigra Hints Product Page"),
	wrap("SoftComplex Download Page"),
	wrap("Tigra Hints Documentation", true),
	wrap("Tigra Hints Forum", true),
];

var myHint3 = new THints (HINTS_ITEMS3, HINTS_CFG3);



// hint 3 config
var HINTS_CFG4 = {
	'wise'       : true,
	'margin'     : 10,
	'gap'        : 20,
	'align'      : 'bctc',
	'follow'     : true,
	'show_delay' : 0,
	'hide_delay' : 100
};

var HINTS_ITEMS4 = [
	'Softcomplex Inc. is privately owned US company providing high quality <br>software development and IT consulting services.',
];

var myHint4 = new THints (HINTS_ITEMS4, HINTS_CFG4);