/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

var $jq = jQuery.noConflict();

$jq(document).ready(function(){
    $jq('#nav #nav_li_navi_top td li.level1').hover(
	function () {
	    var liWidth = $jq(this).outerWidth();
	    var tdWidth = $jq(this).parents('td').width();

	    $jq(this).append('<div id="navi_display_div"></div>');
	    $jq('#navi_display_div').css({
		'width' : liWidth
	    });
	}, 
	function () {
	    $jq('#navi_display_div').remove();
	}
	);
	
    // set navigation alignment
    var level = 2;
    setNaviAlignment($jq('table.navi_top td'), '.navi_tb_main_div', level, true);
    setNaviAlignment($jq('table.navi_bottom td'), '.navi_tb_main_div', level, true);
    setNaviAlignment($jq('#nav_li_last'), '.navi_main_div', 1, false);
	
    // set navigation hover effect
    naviHoverEffect($jq('#nav_li_first'), '.navi_main_div');
    naviHoverEffect($jq('#nav_li_last'), '.navi_main_div');
	
    naviHoverEffect($jq('#nav_li_navi_top td li.level1'), '.navi_tb_main_div');
    naviHoverEffect($jq('#nav_li_navi_bottom td li.level1'), '.navi_tb_main_div');
	
    // for non selectable landing pages
    /*$jq('#nav li#nav_li_first a.level-top, #nav li#nav_li_last a.level-top')
		.removeAttr('href').children().css({'cursor':'default'})
	.end()
		.parent().find('.navi_main_div h3 span').css({'cursor':'default'});*/
	
    $jq('#nav_li_navi_top td li.level1 > a, #nav_li_navi_bottom td li.level1 > a')
    .removeAttr('href').children().css({
	'cursor':'default'
    })
    .end()
    .parent().find('.navi_tb_main_div h3 span').css({
	'cursor':'default'
    });
                
    $jq('#nav_li_navi_top td li.level3.parent > a, #nav_li_navi_bottom td li.level3.parent > a').attr('style','color: #626262 !important').removeAttr('href').children().css({
	'cursor':'default'
    });
    
    $jq('.more-views li a').click(function() {
	$jq('.more-views li a').removeClass('selected');
		
	var imgId	= $jq(this).children().attr('kik');
	var src		= $jq('#zoomo-http-query').val();
	var newSrc	= src + '&image=' + imgId;
		
	$jq('#image').attr({
	    'src': newSrc, 
	    'kik': imgId
	});
	$jq(this).addClass('selected');
    });
	
    /*$jq('.product-info-imgs div img').click(function() {
		var imgId	= $jq(this).attr('kik');
		var src		= $jq('#zoomo-seal-query').val();
		var newSrc	= src + '&image=' + imgId;
		
		$jq('#lightbox-container #lightbox-content').css('overflow-y', 'auto');
		lightbox.setContent('<img title="'+imgId+'" alt="'+imgId+'" src="'+newSrc+'">');
	    lightbox.show(480, 600);
	});*/
	
    $jq('.footer .widget-static-block').each(function() {
	if($jq(this).is(':empty')) {
	    $jq(this).remove();
	}
    });
	
    $jq('table#table-nav  td.level0').mouseenter(function(e){
	$jq(this).children('ul').show(); 
    });
    $jq('table#table-nav  td.level0').mouseleave(function(e){
	$jq(this).children('ul').hide(); 
    });
	
    $jq('table#table-nav  td.level0').each(function(){
	var elem = $jq(this);
	elem.children('a').removeAttr('href').children().css({
	    'cursor':'default'
	})
	var childUl = elem.children('ul.level0');
	if(childUl.length > 0){
	    if(childUl.width() < elem.width()){
		childUl.css('width', (elem.width()+20)+'px')
	    }
	    if(elem.hasClass('first')){
		childUl.css('left', '0px');
	    }else if(elem.hasClass('last')){
		childUl.css({right: '0px', textAlign: 'right'});
	    }else{
	       
	    }
	}
    });
	
//	$jq('a.secure-link').each(function(){
//	    var elem = $jq(this);
//	    var href = elem.attr('href');
//	    var href2 = href.replace(/http:\/\//, 'https://');
//	    elem.attr('href', href2);
//	});
});

function naviHoverEffect(element, div) {
    element.hover(
	function() {
	    var divWidth	= 0;
	    var currMainDiv = $jq(this).find(div);
			
	    currMainDiv.css('visibility', 'visible');
	    var heightArray = currMainDiv.children().innerHeight();
			
	    currMainDiv
	    .children().each(function() {
		divWidth = divWidth + $jq(this).outerWidth();
		$jq(this).css({
		    'height' : ((Math.max(heightArray))) + 'px'
		});
	    })
	    .end()
	    .css({
		'width' : (divWidth + 4) + 'px'
	    });
	},
	function() {
	    $jq(this).find(div).css('visibility', 'hidden');
	}
	);
}

function setNaviAlignment(tableCell, div, level, isTable) {
    var pos = '0px';
	
    if(isTable)
	tableCell = tableCell.last();
    else
	pos = '-2px';
	
    for(var i = 0; i < level; i++) {
	tableCell.find(div).css({
	    'left' : 'auto', 
	    'right' : pos
	});
	tableCell = tableCell.prev();
    }
}