function show(){
	$('#fragment-1').show('slow');
	$('#iphone').show('slow');
	if ( $.browser.opera) {
	$('#iframe iframe').height(115);
}
}
function showBox(url, x){
	var margin = 0;
	var load_width = $('#loadbox').width();
	var el = $('#loadbox').width();
	var blocker_height =  document.body.clientHeight;
	$('#showbox').show('slow');
	$('#loadbox').load(url);
	$('#blocker').show('fast');
	$('#blocker').css('height',blocker_height+'px');
	$('#showbox .box').width(x + margin);
	$('#loadbox').css('width',x+'px');
	$('#loadbox').prepend("<div class='close'>x</div>")
	$('#showbox .close').click(function(){	
		$('#blocker').hide('fast');
		$('#loadbox').html('');
	});	
}
var click = 1;
function iphoneShow(x){
	$('#iphone .box').load('./homepage/ajax/idemo.html', function() {		
		/*if(click == 1 ){
			click += 1;
			$('#iphone').css('-webkit-transform','translate3d(+400px, 0px, 0px)').css('-webkit-transition','-webkit-transform 0.2s ease-in');				
			return;
		}else{
			click = 1
			$('#iphone').css('-webkit-transform','translate3d(30px, 0px, 0px)').css('-webkit-transition','-webkit-transform 0.2s ease-in-out');	
		}*/
		if(x == 1){
			$('#iphone').css('-webkit-transform','translate3d(+400px, 0px, 0px)').css('-webkit-transition','-webkit-transform 0.2s ease-in');
			$('#iphone .open').hide();
			return;
		}
		if(x == 2){
			$('#iphone').css('-webkit-transform','translate3d(40px, 0px, 0px)').css('-webkit-transition','-webkit-transform 0.2s ease-in-out');	
			$('#iphone .open').show();
		}
	});
}
function showSite(){
	var active;
	var passive;
	var menu1active;
	var menu2active;
	var ids = "#fragment-";
	for(i=1; i<= $("#topmenu li").length; i++){
	 	var name = ids+i;
		$(name).hide();		
	}        	
        active = $("#fragment-1");
	function hide(){
		for(i=0; i<=10; i++){
			$("#fragment-3-"+i).hide();
		}
	}
	hide();
	$("#fragment-3-1").show('slow');
	$("#fragment-2 h2 a").click(function(){
		if(menu2active == this.hash) return;
			hide();
			$(this.hash).show('slow');
			menu2active = this.hash;
	});	
	var pass_menu;
	var curr_menu = $($("#topmenu li")[0]);
	curr_menu.css('border-bottom','1px solid #bf7500');      
	$("#topmenu li a").click(function(){
		if(menu1active == this.hash) return;
                        if(active){  
				active.hide('slow');                               
			}
			$(this.hash).show('slow');
			active = $(this.hash);
			menu1active = this.hash;
			if(this.hash == '#fragment-2'){
					$($("#fragment-2 h2")[0]).next().show();
			}   
			//---------------   
			pass_menu = curr_menu;
			pass_menu.css('border-bottom','1px solid #333');
			curr_menu = $(this).parent();
			curr_menu.css('border-bottom','1px solid #bf7500');		    
	});
	
	$('#iphone').css('-webkit-transform','translate3d(+40px, 0px, 0px)').css('-webkit-transition','-webkit-transform 0.4s ease-in-out');
	$('#iphone .open').click(function(){
		iphoneShow(1);	
	});
	$('#iphone .close').click(function(){
		iphoneShow(2);	
	});
	/*$('#iphone').mouseover(function(){
		if(click == 1) {
			$('#iphone').css('-webkit-transform','translate3d(+50px, 0px, 0px)').css('-webkit-transition','-webkit-transform 0.4s ease-in-out');
		}		
	});
	*/
}
function Init() {showSite()}