//JS script for Joomla template
var siteurl = '';

function fixIEPNG(el, bgimgdf, sizingMethod, type, offset){
	var objs = el;
	if(!objs) return;
	if ($type(objs) != 'array') objs = [objs];
	if(!sizingMethod) sizingMethod = 'crop';
	if(!offset) offset = 0;
	var blankimg = siteurl + 'images/blank.png';
	objs.each(function(obj) {
		var bgimg = bgimgdf;
		if (obj.tagName == 'IMG') {
			//This is an image
			if (!bgimg) bgimg = obj.src;
			if (!(/\.png$/i).test(bgimg) || (/blank\.png$/i).test(bgimg)) return;

			obj.setStyle('height',obj.offsetHeight);
			obj.setStyle('width',obj.offsetWidth);
			obj.src = blankimg;
			obj.setStyle ('visibility', 'visible');
			obj.setStyle('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+bgimg+", sizingMethod='"+sizingMethod+"')");
		}else{
			//Background
			if (!bgimg) bgimg = obj.getStyle('backgroundImage');
			var pattern = new RegExp('url\s*[\(\"\']*([^\'\"\)]*)[\'\"\)]*');
			if ((m = pattern.exec(bgimg))) bgimg = m[1];
			if (!(/\.png$/i).test(bgimg) || (/blank\.png$/i).test(bgimg)) return;
			if (!type)
			{
				obj.setStyle('background', 'none');
				//if(!obj.getStyle('position'))
				if(obj.getStyle('position')!='absolute' && obj.getStyle('position')!='relative') {
					obj.setStyle('position', 'relative');
				}

				//Get all child
				var childnodes = obj.childNodes;
				for(var j=0;j<childnodes.length;j++){
					if((child = $(childnodes[j]))) {
						if(child.getStyle('position')!='absolute' && child.getStyle('position')!='relative') {
							child.setStyle('position', 'relative');
						}
						child.setStyle('z-index',2);
					}
				}
				//Create background layer:
				var bgdiv = new Element('IMG');
				bgdiv.src = blankimg;
				bgdiv.width = obj.offsetWidth - offset;
				bgdiv.height = obj.offsetHeight - offset;
				bgdiv.setStyles({
					'position': 'absolute',
					'top': 0,
					'left': 0
				});

				bgdiv.className = 'TransBG';

				bgdiv.setStyle('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+bgimg+", sizingMethod='"+sizingMethod+"')");
				bgdiv.inject(obj, 'top');
				//alert(obj.innerHTML + '\n' + bgdiv.innerHTML);
			} else {
				obj.setStyle('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+bgimg+", sizingMethod='"+sizingMethod+"')");
			}
		}
	}.bind(this));

}

function isIE6() {
	version=0
	if (navigator.appVersion.indexOf("MSIE")!=-1){
		temp=navigator.appVersion.split("MSIE")
		version=parseFloat(temp[1])
	}
	return (version && (version < 7));
}

function switchFontSize (ckname,val){
	var bd = $E('body');
	switch (val) {
		case 'inc':
		if (CurrentFontSize+1 < 7) {
			bd.removeClass('fs'+CurrentFontSize);
			CurrentFontSize++;
			bd.addClass('fs'+CurrentFontSize);
		}
		break;
		case 'dec':
		if (CurrentFontSize-1 > 0) {
			bd.removeClass('fs'+CurrentFontSize);
			CurrentFontSize--;
			bd.addClass('fs'+CurrentFontSize);
		}
		break;
		default:
		bd.removeClass('fs'+CurrentFontSize);
		CurrentFontSize = val;
		bd.addClass('fs'+CurrentFontSize);
	}
	Cookie.set(ckname, CurrentFontSize,{duration:365});
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	var j = 0;
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
	for (var i = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

//Add span to module title

function addSpanToTitle (firstword) {
	var modules = getElementsByClass ('module.*', null, "div");
	if (!modules) return;
	for (var i=0; i<modules.length; i++) {
		var module = modules[i];
		var title = module.getElementsByTagName ("h3")[0];
		if (title) {
			if (title.getElementsByTagName("span").length == 0) {
				text = title.innerHTML;
				var pos = text.indexOf(' ');
				if (firstword && pos!=-1) {
					title.innerHTML = "<span>"+text.substr(0,pos)+"</span>"+text.substr(pos);
				}else{
					title.innerHTML = "<span>"+text+"</span>";
				}
			}
		}
	}
}


window.addEvent('domready', function(){

	var StyleCookie = new Hash.Cookie('StyleCookieSite');
	var settings = { colors: '' };
	var style_1, style_2, style_3, style_4, style_5;
	//new Asset.css(StyleCookie.get('colors'));

	/* Style 1 */
	if($('s1')){$('s1').addEvent('click', function(e) {
		e = new Event(e).stop();
		if (style_1) style_1.remove();
		new Asset.css(path + 'blue.css', {id: 'blue'});
		style_1 = $('blue');
		settings['colors'] = path + 'blue.css';
		StyleCookie.empty();
		StyleCookie.extend(settings);
	});}

	/* Style 2 */
	if($('s2')){$('s2').addEvent('click', function(e) {
		e = new Event(e).stop();
		if (style_2) style_2.remove();
		new Asset.css(path + 'green.css', {id: 'green'});
		style_2 = $('green');
		settings['colors'] = path + 'green.css';
		StyleCookie.empty();
		StyleCookie.extend(settings);
	});}

	/* Style 3 */
	if($('s3')){$('s3').addEvent('click', function(e) {
		e = new Event(e).stop();
		if (style_3) style_3.remove();
		new Asset.css(path + 'gray.css', {id: 'gray'});
		style_3 = $('gray');
		settings['colors'] = path + 'gray.css';
		StyleCookie.empty();
		StyleCookie.extend(settings);
	});}
});
/* Fix Equal height */
/*
function equalHeight (){
	var obj1 = $E('#jv-user-left');
	var obj2 = $E('#jv-user-right');
	var maxh = 0;
	if (obj1) maxh = obj1.clientHeight.toInt();
	if (obj2 && obj2.clientHeight > maxh) maxh = obj2.clientHeight.toInt();
	//maxh = maxh - 40;
	if (obj1) obj1.setStyle('height',maxh);
	if (obj2) obj2.setStyle('height',maxh);
}
window.addEvent('load',equalHeight);
*/

function makeEqualHeight(divs) {
	if(!divs || divs.length < 2) return;
	var maxh = 0;
	divs.each(function(el, i){
		var ch = el.getCoordinates().height;
		maxh = (maxh < ch) ? ch : maxh;		
	},this);
	divs.each(function(el, i){
		el.setStyle('height', maxh-el.getStyle('padding-top').toInt()-el.getStyle('padding-bottom').toInt());		
	},this);
}

function equalHeight (){
	makeEqualHeight ($$(['jv-colleft','jv-content-inner','jv-colright']));
}
window.addEvent('load',equalHeight);

function proheight () {
	var lis = $$('.jv-product-wrap');
	if (!lis || lis.length<1) return;
	lis.each(function(el) {
		makeEqualHeight($ES('.jv-divproduct',el));
	});
}
/* Add class to tag LI */
function jvAddFirstItemToMenu(id) {
	if(!id) return;
	
		
}
jvAddFirstItemToTopmenu = function() {
	li = $E('#jv-topnav ul li');
	if(li) {
		li.addClass('jv-firstitem');
	}
}
jvAddFirstItemToMainmenu = function() {
	li = $E('#jv-mainmenu ul li');
	if(li){
		li.addClass('jv-mainmenu-li');
		}
}

jvAddFirstItemToFootermenu = function() {
		li = $E('#jv-footer-nav ul li');
		if(li) {
			li.addClass('jv-footer-li');
			}
}
jvAddFirstItemToBotmenu = function() {
		li = $E('#jv-bot-nav ul li');
		if(li) {
			li.addClass('jv-bot-li');
			}
}
jvAddFirstItemToBotBotmenu = function() {
		li = $E('#jv-bot-inner-nav ul li');
		if(li) {
			li.addClass('jv-bot-inner-li');
			}
}
jvRemoveLastTrBg = function () {
	 var els = $$('#jv-featured tr');
	 if (!els || els.length<1) return;
	 var obj = els[els.length-1];
	 if (els[els.length-1].innerHTML.trim()=='' && els.length>2) {
	 obj.remove();
	 obj = els[els.length-2];
	 }
	 if (obj) obj.setStyle('background','none');
}
jvRemoveLastDivBg = function () {
	 var els = $$('#product_list .jv-product-wrap');
	 if (!els || els.length<1) return;
	 var obj = els[els.length-1];
	 if (els[els.length-1].innerHTML.trim()=='' && els.length>2) {
	 obj.remove();
	 obj = els[els.length-2];
	 }
	 if (obj) {
		var lis = $ES('.jv-divproduct',obj);
		if(!lis || lis.length<1) return;
		if(lis.length >=1) {
			var ob = lis[lis.length-1];
			ob.setStyles({
				'background': 'none'
			});
		}
		obj.setStyles({
		'border-bottom':'1px solid #D8DBC6',
		'border-top':'1px solid #D8DBC6',
		'background':'none',
		'display': 'inline-block',
		'width': '100%'
		});
	}
}
jvAddClassToVMpage = function() {
	var i =0;
	$$('.jv-product-wrap .jv-divproduct').each(function(e) {
		
		i = i + 1;
		if (i%3 != 0) {
			e.addClass('jv-ProductStyle');
		}
	});
}
jvStyleDetailPro = function () {
	var dleft = $E('.jv-detail-inner .jv-detail-img');
	var dright = $E('.jv-detail-inner .jv-detail-desc');
	if(dleft) {
		var hl = dleft.getCoordinates().height;
		var hr = dright.getCoordinates().height;
		if(hl >= hr) {
			dleft.setStyle('border-right','1px solid #D9DCCB');
			dleft.setStyle('border-bottom','none');
			dright.setStyle('border-left','none');
		}
	}

}
menuvm_hover = function() {
	var mEls = $E('.maincategory').getElementsByTagName("li");
	for (var i=0; i<mEls.length; ++i) {
		mEls[i].onmouseover=function() {
			clearTimeout(this.timer);
			if(this.className.indexOf("hover") == -1)
				this.className+="hover";
		}
		mEls[i].onmouseout=function() {
			this.timer = setTimeout(menuvm_out.bind(this), 50);

		}

	}

}

function menuvm_out() {

	clearTimeout(this.timer);

	this.className=this.className.replace(new RegExp("hover\\b"), "");

}
jvAddStyleToModPro = function() {
	var i =0;
	$$('#jv-vm div.moduletable table td').each(function(e) {
		
		i = i + 1;
		if (i%3 == 0) {
			e.setStyle('border-right','none');
		}
	});
}

window.addEvent ('load', function() {
	jvAddFirstItemToTopmenu();
	jvAddFirstItemToMainmenu();
	//addSpanToTitle();
	jvAddFirstItemToFootermenu();
	jvAddFirstItemToBotmenu();
	jvAddFirstItemToBotBotmenu();
	jvRemoveLastDivBg();
	jvAddClassToVMpage();
	//menuvm_hover();
	proheight();
	jvStyleDetailPro();
        jvAddStyleToModPro();
});