var W3CDOM = (document.createElement && document.getElementsByTagName);
window.onload = function(){	
	showClientTips();
	showClientTipsAtMainPage();	
	imageClick();	
	initChangeFont();	
}
///////////////////////////////////
function showClientTips(){
	var divTag = $$('.smScrollContent');
	if(!divTag) return;
	
	var liTags = divTag.getElements('li')[0];
	if(!liTags) return;
	
	liTags.each(function(liTag){
		liTag.spanTag = liTag.getChildren('span');
		if(!liTag.spanTag) return;
		liTag.removeEvents().addEvents({
			'mouseover':function(e){
				e.stop();				
				liTag.spanTag.setStyle('display','block');
			},
			'mouseout':function(e){
				e.stop();
				liTag.spanTag.setStyle('display','none');
			}
		});
	});	
}

function showClientTipsAtMainPage(){
	var divTag = $$('.lstPortfolioHome');
	if(!divTag || divTag.length < 1) return;
		
	var liTags = divTag[0].getElements('li');
	if(!liTags) return;
	
	liTags.each(function(liTag){
		liTag.spanTag = liTag.getElement('span');
		if(!liTag.spanTag) return;
		liTag.removeEvents().addEvents({
			'mouseover':function(e){
				e.stop();				
				liTag.spanTag.setStyle('display','block');
			},
			'mouseout':function(e){
				e.stop();
				liTag.spanTag.setStyle('display','none');
			}
		});
	});	
}

function imageClick(){
	var ulTag = $('imgThum');
	if(!ulTag) return;
	
	var aTags = ulTag.getElements('a');
	if(!aTags || aTags.length == 0) return;
	
	var bigImage = $('bigImage');	
	if(!bigImage) return;
	
	//Get size of div
	var divContain = $$('div.imgCase2');
	if(!divContain.length){
		divContain = $$('div.imgCase');
		if(!divContain.length) return;
	}
	var borderWidth = 6;
	if(divContain.length){
		divContain = divContain[0];	
		widthLimit = divContain.getStyle('width').toString().toInt() - borderWidth;
		hieghtLimit = divContain.getStyle('height').toString().toInt() - borderWidth;
	}	
	
	bigImage.image = bigImage.getChildren('img');
	if(!bigImage.image.length){
		bigImage.image = bigImage.getElement('img.thumbView');
		if(!bigImage.image) return;	
	}
	
	var controlPanel = $('controlPanel');
	if(!controlPanel) return;
	
	var liTags = controlPanel.getChildren('li');
	if(!liTags || liTags.length != 3) return;
		
	liTags[0].aTag = liTags[0].getChildren('a');
	if(!liTags[0].aTag) return;	
	liTags[2].aTag = liTags[2].getChildren('a');
	if(!liTags[2].aTag) return;
	
	if(aTags.length > 1){
		liTags[0].aTag.setStyle('display','block');		
		liTags[2].aTag.setStyle('display','block');		
	}else{
		liTags[0].aTag.setStyle('display','none');
		liTags[2].aTag.setStyle('display','none');		
	}
	
	var current = 0;
	aTags[current].imgTag = aTags[current].getChildren('img');		
	if(!aTags[current].imgTag) return;
	
	setImg(aTags[current].imgTag, bigImage.image, liTags, aTags.length, current);
	
	liTags[0].aTag.removeEvents('click').addEvent('click', function(e){
		e.stop();
		if(current > 0){
			--current;
			setImg(aTags[current].imgTag, bigImage.image, liTags, aTags.length, current);			
		}		
	});
	liTags[2].aTag.removeEvents('click').addEvent('click', function(e){
		e.stop();
		if(current < (aTags.length - 1)){				
			++current;
			setImg(aTags[current].imgTag, bigImage.image, liTags, aTags.length, current);
		}		
	});
	
	aTags.each(function(aTag, aIndex){
		aTag.imgTag = aTag.getChildren('img');		
		if(!aTag.imgTag) return;		
		
		aTag.removeEvents('click').addEvents({
			'click': function(e){
				e.stop();
				current = aIndex;
				setImg(aTag.imgTag, bigImage.image, liTags, aTags.length, aIndex);
			}
		});
	});	
}

var widthLimit = 0;
var hieghtLimit = 0;
var myImage = null;

function setImg(imgSrc, imgDes, liTags, length, index){	
	var divContain = imgDes.getParent('div.imgCase2');
	if(!divContain){
		divContain = imgDes.getParent('div.imgCase');
		if(!divContain) return;
	}	

	var percentW = 1;
	var percentH = 1;	
	
	myImage = new Asset.image(imgSrc.getProperty('src'), {
		onload: function(){
			var height = myImage.height;
			var width = myImage.width;
			
			if(width > widthLimit){
				percentW = (widthLimit / width).round(2);		
			}
			
			if(height > hieghtLimit){		
				percentH = (hieghtLimit / height).round(2);
			}
			var minPercent = Math.min(percentW, percentH);
			minPercent = minPercent - 0.01;
			
			var news = ' ' + imgSrc.getProperty('src') + ' ';
			news = news.trim();			
			//imgDes.setProperty('src', '../../cms/gallery/images/crisis-core-zack.jpg');
			imgDes.setProperty('src', news);
			
			
			if(minPercent != 1){
				imgDes.setStyles({
					width : minPercent * width + 'px',
					height : minPercent * height + 'px'
				});
			}else{
				imgDes.setStyles({
					width : '',
					height : ''
				});
			}
		}
	});
		
	imgDes.note = imgSrc.get('note');
	if(!imgDes.note) imgDes.note = "";				
	liTags[1].set('text', imgDes.note);	
	
	
	if(length > 1){
		if(index == 0){
			liTags[0].aTag.setStyle('display','none');		
			liTags[2].aTag.setStyle('display','block');
		}else if(index == (length-1)){
			liTags[0].aTag.setStyle('display','block');		
			liTags[2].aTag.setStyle('display','none');
		}else{
			liTags[0].aTag.setStyle('display','block');
			liTags[2].aTag.setStyle('display','block');
		}
	}
}

function initChangeFont(){
	var ulTag = $$('.blocFontSize');	
	if(!ulTag) return;
	
	var aTags = ulTag.getElements('a')[0];
	if(aTags.length == 0) return;
	
	aTags.each(function(aTag, index){
		aTag.removeEvents('click').addEvents({
			'click': function(e){
				e.stop();
				switch(index){
					default:
					case 0:
						$(document.body).set('id', 'fontDefaul');
						createCookie("currentFontSize", 'fontDefaul', 365);
						break;
					case 1:
						$(document.body).set('id', 'fontSmall');
						createCookie("currentFontSize", 'fontSmall', 365);
						break;
					case 2:
						$(document.body).set('id', 'fontMedium');
						createCookie("currentFontSize", 'fontMedium', 365);
						break;						
					case 3:
						$(document.body).set('id', 'fontMaximun');
						createCookie("currentFontSize", 'fontMaximun', 365);
						break;
				}				
			}
		});
	});		
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}