function more(myPage, windowName, myWidth, myHeight, resize, scroll){
	LeftPosition= (screen.width*0.5)-(myWidth*0.5);
	TopPosition= (screen.height*0.4)-(myHeight*0.5);
	window.open(myPage, windowName, 'width='+myWidth+',height='+myHeight+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=' + resize);
}

var currentPage = "";
function gotoPage(pg){
	if (currentPage != pg){
		if (currentPage != "") Effect.Fade(currentPage);
		Effect.Appear(pg);
		currentPage = pg;
		location.href = '#' + pg;
		return false;
	}
}

// ================== FULL IMAGE SET ========================
var default_width = 1024;
var default_height = 650;
var default_ratio = (default_width/default_height);

function full_elem(elem){
	monWidth = document.documentElement.clientWidth //+ 'px';
	monHeight = self.screen.height;
	
	if ((monWidth > monHeight) && (monWidth/monHeight >= default_ratio)) monHeight = (monWidth / default_ratio);
	else monWidth = (monHeight * default_ratio);
	
	if (monWidth < default_width){
		monWidth = default_width;
		monHeight = default_height;
	}
	
	document.getElementById(elem).style.width = monWidth + 'px';
	document.getElementById(elem).style.height = monHeight + 'px';
	//alert(document.getElementById(elem).style.width + ' x ' + document.getElementById(elem).style.height)
}

function setElementsSize(){
	//full_elem('mask_bg');
	full_elem('main_bg');
}


// ================== GENERAL FUNC ========================
function showMe(elem){
	document.getElementById(elem).className = "visible";
}
function hideMe(elem){
	document.getElementById(elem).className = "hidden";
}
function showMeS(elem){
	document.getElementById(elem).style.display = "block";
}
function hideMeS(elem){
	document.getElementById(elem).style.display = "none";
}

function sendDataToFlash(elem, varName, val){
   	document.getElementById(elem).SetVariable(varName, val);
}


// ================== PLACE ANIM SCRIPTS IN HEADER ========================
//document.getElementsByTagName("head")[0].appendChild(script)
//<script type="text/javascript" src="http://www.yarokhair.com/js/lib/prototype.js"></script>


// ================== ANIM PICTURE ========================
var curImage = 0;
var totalImages = 0;
function elem_frame(num){
	autoRotateTimer = 0;
    $('elem_frame' + curImage).fade({
            duration: 0.2, 
            afterFinish: function(){
            	if (num) {
            		curImage = num
            	} else {
            		curImage++;
                    if (curImage > totalImages) curImage = 1;
            	}
                //if (num > 0) {
                //    curImage++;
                //    if (curImage > totalImages) curImage = 1;
                //    }
                //else {
                //    curImage--;
                //    if (curImage < 0) curImage = totalImages;
                //    }
                $('elem_frame' + curImage).appear();
            }
        });
    
}
var autoRotateTimer = 0;
var autoRotateEvery = 10; //in seconds
function autoRotateEngine(){
    autoRotateTimer++;
    if (autoRotateTimer >= autoRotateEvery) elem_frame();
    if (autoRotateTimer > autoRotateEvery) autoRotateTimer = 0;
    var t = setTimeout("autoRotateEngine()", 1000); //1 secs
}


// ================== YAROK BEAUTY KITCHEN ========================
function animServiceDetails(elem){
    if (document.getElementById(elem).style.display=='none') {
        //Effect.ScrollTo(elem, {
            //duration: 1.0,
            //offset: 300,
            //afterFinish: 
            Effect.BlindDown(elem, {
                duration: 0.5
            })
        //});
    } else {
        Effect.BlindUp('dyn_service_1_steps', {duration: 0.2});
    }
}



function playVideo(elem, video){
    $$('.selectionBox li').each(function(item) {
        item.className = "";
        //Event.observe(item.up(1), 'click', function(){location=item.href} );
    }.bind(this));
    
    elem.className = 'on';
    
    $('ytFrame').src = 'http://www.youtube.com/embed/' + video + '?autoplay=1&theme=light&cc_load_policy=0&modestbranding=1&showinfo=0&showsearch=0&rel=0';
}